.bar[data-astro-cid-epnv4ixt]{z-index:5;padding-block:var(--s-5);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.bar__mark[data-astro-cid-epnv4ixt]{width:clamp(8.5rem,14vw,11rem);color:var(--c-ink);display:block}.bar__mark[data-astro-cid-epnv4ixt] svg{width:100%;height:auto;display:block}.bar__link[data-astro-cid-epnv4ixt]{letter-spacing:.2em;text-transform:uppercase;text-underline-offset:.4em;font-size:.75rem;font-weight:500;text-decoration:underline 1px}.intro[data-astro-cid-epnv4ixt]{padding:calc(var(--chapter) + var(--s-7)) 0 var(--chapter)}.intro__in[data-astro-cid-epnv4ixt]{gap:var(--s-5);display:grid}.intro__title[data-astro-cid-epnv4ixt]{font-size:var(--t-hero);max-width:12ch}.intro__lead[data-astro-cid-epnv4ixt]{max-width:36rem}.toc[data-astro-cid-epnv4ixt]{margin-top:var(--s-7);border-top:1px solid var(--rule-strong)}.toc[data-astro-cid-epnv4ixt] a[data-astro-cid-epnv4ixt]{align-items:baseline;gap:var(--s-4);padding:var(--s-4) 0;border-bottom:1px solid var(--rule);transition:padding var(--d-base) var(--ease-out);grid-template-columns:3rem 1fr auto;text-decoration:none;display:grid}.toc[data-astro-cid-epnv4ixt] a[data-astro-cid-epnv4ixt]:hover,.toc[data-astro-cid-epnv4ixt] a[data-astro-cid-epnv4ixt]:focus-visible{padding-left:var(--s-4)}.toc__n[data-astro-cid-epnv4ixt]{font-size:var(--t-label);letter-spacing:var(--track-label);color:var(--text-soft)}.toc__name[data-astro-cid-epnv4ixt]{font-size:var(--t-d3)}.toc__kind[data-astro-cid-epnv4ixt]{font-size:var(--t-small);color:var(--text-soft);text-align:right}.project[data-astro-cid-epnv4ixt]{padding:var(--chapter) 0;background-color:var(--bg);scroll-margin-top:0;position:relative}.project[data-astro-cid-epnv4ixt]:focus{outline:none}.project__in[data-astro-cid-epnv4ixt]{align-items:center;gap:var(--s-6);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.project__media[data-astro-cid-epnv4ixt]{grid-column:1/span 8;padding-bottom:6%;text-decoration:none;display:block;position:relative}.project__text[data-astro-cid-epnv4ixt]{justify-items:start;gap:var(--s-4);grid-column:9/-1;display:grid}.project--flip[data-astro-cid-epnv4ixt] .project__media[data-astro-cid-epnv4ixt]{grid-area:1/5/auto/-1}.project--flip[data-astro-cid-epnv4ixt] .project__text[data-astro-cid-epnv4ixt]{grid-area:1/1/auto/span 4}.browser[data-astro-cid-epnv4ixt]{border:1px solid var(--rule);background:var(--c-white);border-radius:6px;display:block;overflow:hidden;box-shadow:0 1px 2px #1c1b190f,0 40px 70px -40px #1c1b1973}.browser__bar[data-astro-cid-epnv4ixt]{height:2rem;padding:0 var(--s-3);border-bottom:1px solid var(--rule);background:var(--c-ivory);align-items:center;display:flex;position:relative}.browser__dots[data-astro-cid-epnv4ixt]{gap:6px;display:flex}.browser__dots[data-astro-cid-epnv4ixt] i[data-astro-cid-epnv4ixt]{background:#1c1b1929;border-radius:50%;width:9px;height:9px}.browser__host[data-astro-cid-epnv4ixt]{letter-spacing:.08em;color:var(--text-soft);place-items:center;font-size:.6875rem;display:grid;position:absolute;inset:0}.browser[data-astro-cid-epnv4ixt] .browser__shot{width:100%;height:auto;transition:scale var(--d-slow) var(--ease-out);display:block}.project__media[data-astro-cid-epnv4ixt]:hover .browser__shot{scale:1.015}.phone[data-astro-cid-epnv4ixt]{background:var(--c-night);width:19%;translate:0 calc(var(--shift,0) * 100vh);will-change:translate;border-radius:22px;padding:5px;position:absolute;bottom:0;right:-4%;box-shadow:0 30px 50px -24px #1414138c}.phone[data-astro-cid-epnv4ixt] .phone__shot{border-radius:17px;width:100%;height:auto;display:block}.project__count[data-astro-cid-epnv4ixt] span[data-astro-cid-epnv4ixt]{color:var(--text)}.project__count[data-astro-cid-epnv4ixt]{color:var(--text-soft)}.project__name[data-astro-cid-epnv4ixt]{font-size:var(--t-d1)}.project__idea[data-astro-cid-epnv4ixt]{font-size:var(--t-d4);line-height:1.2}.project__body[data-astro-cid-epnv4ixt]{max-width:30rem;color:var(--text-soft);text-wrap:pretty}.made[data-astro-cid-epnv4ixt]{gap:var(--s-2);margin:var(--s-2) 0 var(--s-3);flex-wrap:wrap;display:flex}.made[data-astro-cid-epnv4ixt] li[data-astro-cid-epnv4ixt]{border:1px solid var(--tag-edge);border-radius:var(--radius-tag);background:var(--tag);padding:.4rem .65rem;font-size:.75rem;line-height:1.2}.btn[data-astro-cid-epnv4ixt] .out{rotate:-45deg}.next[data-astro-cid-epnv4ixt]{padding:var(--chapter) 0;border-top:1px solid var(--rule)}.next__in[data-astro-cid-epnv4ixt]{justify-items:center;gap:var(--s-5);text-align:center;max-width:40rem;display:grid}.next__title[data-astro-cid-epnv4ixt]{font-size:var(--t-d1)}.next__actions[data-astro-cid-epnv4ixt]{justify-content:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.foot[data-astro-cid-epnv4ixt]{padding:var(--s-7) 0;background:var(--c-night);color:var(--c-paper)}.foot__in[data-astro-cid-epnv4ixt]{justify-content:space-between;align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.foot__mark[data-astro-cid-epnv4ixt]{width:9rem;color:var(--c-paper);display:block}.foot__mark[data-astro-cid-epnv4ixt] svg{width:100%;height:auto;display:block}.foot__note[data-astro-cid-epnv4ixt]{max-width:34rem;font-size:var(--t-small);color:#fbfaf8ad}@media (width<=55.99rem){.toc[data-astro-cid-epnv4ixt] a[data-astro-cid-epnv4ixt]{grid-template-columns:2.25rem 1fr}.toc__kind[data-astro-cid-epnv4ixt]{text-align:left;grid-column:2}.project__in[data-astro-cid-epnv4ixt],.project--flip[data-astro-cid-epnv4ixt] .project__in[data-astro-cid-epnv4ixt]{gap:var(--s-7);grid-template-columns:minmax(0,1fr)}.project__media[data-astro-cid-epnv4ixt],.project--flip[data-astro-cid-epnv4ixt] .project__media[data-astro-cid-epnv4ixt],.project__text[data-astro-cid-epnv4ixt],.project--flip[data-astro-cid-epnv4ixt] .project__text[data-astro-cid-epnv4ixt]{grid-area:auto/1}.project__media[data-astro-cid-epnv4ixt]{margin-right:4%;padding-bottom:14%}.phone[data-astro-cid-epnv4ixt]{border-radius:16px;width:28%;padding:4px;right:-4%}.phone[data-astro-cid-epnv4ixt] .phone__shot{border-radius:12px}}@media (prefers-reduced-motion:reduce){.phone[data-astro-cid-epnv4ixt]{translate:none}.browser[data-astro-cid-epnv4ixt] .browser__shot{transition:none}}