.floor{z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.6s;display:block;position:fixed;inset:0}.floor.is-on{opacity:1}.vignette{z-index:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 52%,#0506059e 100%);position:fixed;inset:0}.no-webgl .vignette,.no-webgl .intro__count{display:none}.no-webgl .step,.no-webgl .project{height:auto}.no-webgl .step__inner,.no-webgl .project__inner{height:auto;padding-block:12vh;position:static}.home main{z-index:1;position:relative}.no-webgl .floor{display:none}.no-webgl body,body.no-webgl{background:radial-gradient(120% 80% at 50% 100%, #0f5a4459, transparent 60%), var(--ink)}.intro{min-height:100svh;padding:0 var(--gutter) clamp(28px, 6vh, 64px);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid;position:relative}.intro:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000,#0b0c0ac7);position:absolute;inset:45% 0 0}.intro__who{font-size:var(--step--1);font-variation-settings:"wdth" 112;letter-spacing:.04em;color:var(--muted);margin-bottom:18px}.intro__title{max-width:17.5em;font-size:var(--step-3);letter-spacing:-.03em;text-wrap:balance;font-weight:430;line-height:1.02}.intro__title .w{opacity:0;filter:blur(6px);transition:opacity 1s var(--ease-out), transform 1.2s var(--ease-out), filter 1s var(--ease-out);display:inline-block;transform:translateY(.4em)}.is-ready .intro__title .w{opacity:1;filter:none;transform:none}.intro__count{font-size:var(--step--1);font-variation-settings:"wdth" 112;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.intro__count span{color:var(--paper)}.step{height:165vh;position:relative}.step__inner{height:100svh;padding:0 var(--gutter);background:linear-gradient(90deg,#0b0c0ad1 0%,#0b0c0a73 38%,#0000 62%);align-items:safe center;display:flex;position:sticky;top:0}.step__copy{max-width:30rem}.step__when{font-size:var(--step--1);font-variation-settings:"wdth" 118;letter-spacing:.06em;color:var(--signal);margin-bottom:14px}.step__title{font-size:var(--step-3);letter-spacing:-.03em;text-wrap:balance;margin-bottom:.45em;font-weight:430;line-height:1}.step__copy p:not(.step__when){color:var(--muted);max-width:34ch}.step__copy .step__note{color:var(--paper);font-variation-settings:"wdth" 112;margin-top:1.4em}.work__head{height:70vh;padding:0 var(--gutter) 6vh;flex-direction:column;justify-content:flex-end;display:flex}.work__title{font-size:var(--step-4);letter-spacing:-.04em;font-weight:430;line-height:.95}.work__hint{color:var(--muted);max-width:30ch;margin-top:16px}.project{height:160vh;position:relative}.project__inner{height:100svh;padding:0 var(--gutter) clamp(28px, 8vh, 80px);background:linear-gradient(90deg,#0b0c0aeb 0%,#0b0c0ac7 30%,#0b0c0a66 48%,#0000 66%);align-items:safe flex-end;display:flex;position:sticky;top:0}.project__copy{max-width:30rem}.project__index{font-size:var(--step--1);font-variant-numeric:tabular-nums;color:var(--faint);margin-bottom:14px}.project__name{font-size:var(--step-3);letter-spacing:-.03em;text-wrap:balance;font-weight:450;line-height:.98}.project__roles{font-size:var(--step--1);font-variation-settings:"wdth" 112;color:var(--signal);margin-top:12px}.project__summary{color:var(--muted);max-width:38ch;margin-top:18px}.project__link{border-bottom:1px solid var(--line);font-variation-settings:"wdth" 112;transition:border-color .4s, gap .5s var(--ease-out);align-items:center;gap:12px;margin-top:26px;padding:12px 0;display:inline-flex}.project__link:after{content:"";width:22px;height:1px;transition:width .5s var(--ease-out);background:currentColor}.project__link:hover{border-color:var(--paper)}.project__link:hover:after{width:40px}.work__tail{height:40vh}.services{min-height:100svh;padding:16vh var(--gutter);background:linear-gradient(#0000,#0b0c0a8c 30% 70%,#0000);align-items:center;display:flex}.services__inner{width:100%}.services__title{font-size:var(--step-3);letter-spacing:-.03em;margin-bottom:8vh;font-weight:430;line-height:1}.services__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);display:grid}.service{border-top:1px solid var(--line);padding-top:20px}.service h3{font-size:var(--step-1);font-variation-settings:"wdth" 112;margin-bottom:10px;font-weight:520}.service p{color:var(--muted)}.service:nth-child(2){transition-delay:.12s}.service:nth-child(3){transition-delay:.24s}.services__who{max-width:40ch;font-size:var(--step-1);margin-top:9vh;line-height:1.35}@media (max-height:560px){.step,.project{height:auto}.step__inner,.project__inner{height:auto;min-height:100svh;padding-block:10vh;position:static}}@media (max-width:860px){.services__grid,.intro{grid-template-columns:1fr}.intro__count{text-align:left}.step__inner,.project__inner{background:linear-gradient(#0000 25%,#0b0c0ab3 55%,#0b0c0af0 100%);align-items:safe flex-end;padding-bottom:10vh}}