:root{--paper:#FFFFFF;--ink:#000000;--unlit:#E3E3E0;--mute:#76767A;--rule:#E7E7E4;--tile:#F2F2F0;--sans:"Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--shade:#C4C4C0;--gutter:clamp(16px, 2vw, 28px);--pad:max(var(--gutter), env(safe-area-inset-left,0px));color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:400 15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}.ph{color:var(--mute)}.hero{padding-top:clamp(150px,22vh,230px);padding-bottom:clamp(72px,10vw,140px);row-gap:clamp(40px,6vw,88px)}h1{grid-column:1 / span 10;margin:0;font-weight:500;letter-spacing:-.055em;line-height:.84;font-size:clamp(44px,7.6vw,128px);text-wrap:balance;position:relative}.hline{position:absolute;top:-.12em;bottom:-.12em;left:var(--x,100%);width:1px;background:var(--ink);opacity:0;transition:opacity .4s;pointer-events:none}.live h1 .ln{animation:none;background:linear-gradient(90deg,var(--ink) var(--x,100%),var(--shade) var(--x,100%));-webkit-background-clip:text;background-clip:text}.live.on .hline{opacity:1}h1 .ln{display:block;color:transparent;padding-bottom:.06em;margin-bottom:-.06em;background:linear-gradient(90deg,var(--ink) 0 46%,#9a9a96 50%,var(--unlit) 54% 100%);background-size:240% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;animation:light 1.5s cubic-bezier(.6,0,.2,1) both}h1 .ln:nth-child(1){animation-delay:.75s}h1 .ln:nth-child(2){animation-delay:.95s}@keyframes light{0%{background-position:100% 0}to{background-position:0 0}}.threshold{position:fixed;top:0;bottom:0;left:0;width:1px;background:var(--ink);z-index:30;pointer-events:none;transform-origin:top;animation:thr 2.2s cubic-bezier(.7,0,.2,1) both}@keyframes thr{0%{transform:scaleY(0);left:max(var(--gutter),env(safe-area-inset-left,0px))}30%{transform:scaleY(1);left:max(var(--gutter),env(safe-area-inset-left,0px));opacity:1}75%{left:100%;opacity:1}to{left:100%;opacity:0}}.hero .k{grid-column:1 / span 3;font-size:14px;line-height:1.35;animation:up .8s 1.8s both}.hero .k span{display:block;color:var(--mute)}.hero .lede{grid-column:4 / span 4;margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.38;letter-spacing:-.01em;max-width:34ch;animation:up .8s 1.9s both}.hero dl{grid-column:9 / span 4;margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px;animation:up .8s 2s both}.hero dt{color:var(--mute);font:400 10px/2.1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero dd{margin:0}@keyframes up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}:root{--space:clamp(120px,11vw,176px)}.pwrap{container-type:inline-size;animation:up 1s 2.2s both}.pg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(calc((100cqw - 40px) / 6),auto);gap:8px}.pt{position:relative;border-radius:10px;overflow:hidden;background:var(--tile);min-width:0;color:#fff}.pt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.pt:hover img{transform:scale(1.035)}.pt .no{position:absolute;left:14px;top:12px;font-size:11px;font-variant-numeric:tabular-nums;opacity:.85}.pt .cap{position:absolute;left:0;right:0;bottom:0;padding:56px 16px 14px;background:linear-gradient(transparent,#0000008c);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;font-size:13px;line-height:1.3}.pt .cap b{font-weight:500;font-size:clamp(18px,1.7vw,26px);letter-spacing:-.025em}.pt .cap .s{grid-column:1;opacity:.82}.pt .cap .y{grid-row:1 / span 2;grid-column:2;align-self:end;opacity:.82;font-variant-numeric:tabular-nums}.p1,.p5{grid-column:1 / span 4;grid-row:span 2}.p2,.p6{grid-column:5 / span 2;grid-row:span 2}.p3{grid-column:1 / span 2;grid-row:span 2}.p4{grid-column:3 / span 4;grid-row:span 2}.p2 img{object-position:62% 50%}.p3 img{object-position:70% 50%}.pidx{grid-column:1 / -1;background:var(--ink);color:var(--paper);padding:28px 26px 30px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:12px var(--gutter);align-content:space-between}.pidx .h{font-size:14px;color:#a9a9a4}.pidx .h b{display:block;color:var(--paper);font-weight:500}.pidx ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gutter);border-top:1px solid #2C2C2C}.pidx li a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:13px 0 14px;border-bottom:1px solid #2C2C2C;transition:padding .3s cubic-bezier(.2,.7,.2,1)}.pidx li b{font-weight:500;font-size:17px;letter-spacing:-.015em}.pidx li span{grid-column:1;color:#8e8e8a;font-size:13px}.pidx li small{grid-row:1 / span 2;grid-column:2;align-self:center;font:400 12px/1 var(--mono);color:#8e8e8a}.pidx li a:hover{padding-left:8px}.pidx li a:hover b{color:#fff}.pidx .more{grid-column:2;margin-top:8px;font-size:14px;color:#a9a9a4}.pg.pre .pt,.grid.pre .tile{opacity:0}.pg.go .pt{animation:stamp .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}.works{padding-bottom:var(--space)}section.block{border-top:1px solid var(--rule);padding-block:28px var(--space)}.bh{align-items:start;margin-bottom:clamp(64px,7vw,112px);row-gap:16px}.bh .tag{grid-column:1 / span 3;font-size:14px;color:var(--mute)}.bh h2{grid-column:4 / span 6;margin:0;font-weight:500;letter-spacing:-.045em;font-size:clamp(32px,3.6vw,60px);line-height:.92;text-wrap:balance}.bh p{grid-column:4 / span 5;margin:0;color:var(--mute);max-width:44ch}.all-l{display:inline-block;margin-top:28px;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:2px}.tools{grid-column:10 / span 3;justify-self:end;align-self:end;display:flex;gap:6px}.tools button{all:unset;cursor:pointer;display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--rule);font-size:12px}.tools button[aria-pressed=true]{background:var(--tile);border-color:var(--tile)}.tools button:hover{border-color:var(--ink)}.grid{--cols:6;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-flow:dense;gap:8px}.tile{position:relative;background:var(--tile);border-radius:10px;aspect-ratio:1;overflow:hidden;display:grid;place-items:center}.grid.pre .tile{opacity:0}.grid.go .tile{animation:stamp .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}@keyframes stamp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.tile .mk{width:42%;height:42%;object-fit:contain;transition:filter .25s,transform .4s}.tile .no,.tile .nm{position:absolute;bottom:8px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--mute)}.tile .no{left:10px}.tile .nm{right:10px;opacity:0;transition:opacity .25s}.tile.mark:hover{background:var(--ink)}.tile.mark:hover .mk{filter:invert(1);transform:scale(1.06)}.tile.mark:hover .no,.tile.mark:hover .nm{color:#c9c9c4;opacity:1}.stage{grid-column:span 2;grid-row:span 2;background:var(--ink);aspect-ratio:1}.stage img{position:absolute;width:44%;height:44%;object-fit:contain;filter:invert(1);opacity:0;transform:scale(.94);transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1)}.stage img.show{opacity:1;transform:none}.stage .lbl{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;color:#a9a9a4;font-size:12px}.stage .lbl b{color:#fff;font-weight:500}.stage .lbl.t{top:12px;bottom:auto}.steps{row-gap:48px;position:relative}.step{grid-column:span 4;border-top:1px solid var(--ink);padding-top:14px;min-width:0;position:relative}.track{display:none}.steps.anim .track{display:block;position:absolute;left:0;right:0;top:0;height:1px;background:var(--rule)}.steps.anim .track i{position:absolute;left:0;top:-.5px;height:2px;width:calc(var(--p,0) * 100%);background:var(--ink)}.steps.anim .step{border-top-color:transparent}.steps.anim .step:before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1px solid var(--rule);transition:background .4s,border-color .4s,transform .4s cubic-bezier(.2,.8,.2,1)}.steps.anim .step.lit:before{background:var(--ink);border-color:var(--ink);transform:scale(1.15)}.steps.anim .step h3,.steps.anim .step ul,.steps.anim .step .who{transition:color .5s}.steps.anim .step:not(.lit) h3,.steps.anim .step:not(.lit) ul{color:var(--mute)}.step .k{font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums}.step h3{margin:36px 0 4px;font-weight:500;letter-spacing:-.04em;font-size:clamp(30px,3vw,46px);line-height:1}.step .who{margin:0 0 20px;font-size:14px;color:var(--mute)}.step ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.65}.pidx .h{grid-row:1 / span 2}.end{border-top:1px solid var(--rule);padding-block:28px var(--space);row-gap:28px}.end .tag{grid-column:1 / span 3;font-size:14px;color:var(--mute)}.end h2{grid-column:4 / span 9;margin:0;font-weight:500;letter-spacing:-.055em;font-size:clamp(40px,6vw,100px);line-height:.86;text-wrap:balance}.end .sub{grid-column:4 / span 6;margin:0;font-size:clamp(16px,1.3vw,19px);letter-spacing:-.01em;max-width:44ch}.end .alt{grid-column:4 / span 7;margin:0 0 40px;font-size:15px;color:var(--mute);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.end .alt a{color:var(--ink);border-bottom:1px solid var(--ink)}.copy{all:unset;cursor:pointer;font:400 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:var(--tile);color:var(--ink)}.copy:hover{background:var(--rule)}.copy:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.brief,.done{grid-column:4 / span 7;border-top:1px solid var(--ink)}.q{display:grid;row-gap:14px;padding-block:22px;border-bottom:1px solid var(--rule)}.ql{margin:0;font-size:15px;font-weight:500;display:flex;gap:14px}.ql span{color:var(--mute);font-weight:400;font-variant-numeric:tabular-nums}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{position:relative;cursor:pointer}.pill input{position:absolute;opacity:0;width:1px;height:1px}.pill span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--tile);border:1px solid var(--tile);font-size:14px;transition:background .2s,color .2s,border-color .2s}.pill:hover span{border-color:var(--ink)}.pill input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pill input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.pill .ph{color:inherit;opacity:.6}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px var(--gutter)}.f{display:grid;gap:4px;min-width:0}.f.wide{grid-column:1 / -1}.f label{font-size:13px;color:var(--mute)}.f input,.f textarea{font:inherit;font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--rule);padding:8px 0 10px;border-radius:0;width:100%}.f textarea{resize:vertical;min-height:96px;line-height:1.4}.f input:focus,.f textarea:focus{outline:0;border-bottom-color:var(--ink)}.send{display:grid;padding-top:28px}.send>div{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}.send button.cta{border:0;cursor:pointer;min-height:52px;padding:0 26px;font-size:15px}.send .sum{font-size:14px;color:var(--mute);min-width:0;flex:1 1 260px}.send small{margin-top:14px;font-size:14px;color:var(--mute)}.done{padding-top:28px;display:grid;row-gap:20px}.done:focus{outline:0}.done h3{margin:0;font-weight:500;font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;line-height:1}.done p{margin:0;max-width:46ch}.done dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px}.done dt{color:var(--mute)}.done dd{margin:0}.done .row{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}.done .cta{min-height:52px;padding:0 26px;font-size:15px}.link{all:unset;cursor:pointer;font-size:14px;border-bottom:1px solid var(--ink)}footer{border-top:1px solid var(--rule);padding-block:20px 28px;font-size:14px;row-gap:16px}footer div{grid-column:span 3}footer span{color:var(--mute);display:block}@media(max-width:980px){h1,.hero .k{grid-column:1 / -1}.hero .lede,.hero dl{grid-column:1 / span 7}.pidx{grid-template-columns:1fr}.pidx .h{grid-row:auto}.pidx .more{grid-column:1}.pidx ul{grid-template-columns:1fr}.bh .tag,.bh h2,.bh p,.end .tag,.end h2,.end .sub,.end .alt,.brief,.done{grid-column:1 / -1}.ql,.pills,.fields,.send>div,.send small,.done h3,.done p,.done dl,.done .row{grid-column:1 / -1}.tools{grid-column:1 / -1;justify-self:start}.grid{--cols:4}.step{grid-column:1 / -1}footer div{grid-column:span 6}}@media(max-width:560px){.hero .lede,.hero dl{grid-column:1 / -1}.pg{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(calc((100cqw - 8px)/2),auto)}.p1,.p4,.p5{grid-column:1 / -1;grid-row:span 1}.p2,.p3,.p6{grid-column:1 / -1;grid-row:span 2}.fields{grid-template-columns:1fr}.grid{--cols:2}.tile .nm{opacity:1}footer div{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}h1 .ln{background:none;color:var(--ink)}.threshold{display:none}.grid.pre .tile,.pg.pre .pt{opacity:1}}