:root{--studio:#eef4f7;--ink:#1f2a44;--mute:#5d6884;--accent:#d9543a;--paper:#f7f9fa;--night-rgb:31,42,68;--cream:#fff;--chef:#f4d46a;--police:#8fc3e6;--wizard:#b8a3ea;--magician:#ee8a6f;--party:#f3a6c8;--butter:#f7dc7e;--r:28px;--close-cols:minmax(0,7fr) minmax(0,5fr)}.kick{color:var(--accent)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.open{background:var(--hat,var(--chef))}.open .photo{object-position:100% 72%;transform-origin:72% 66%}.motion .open .photo{animation:arrive 1.8s cubic-bezier(.2,.7,.1,1) both}@keyframes arrive{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}.open .grain{opacity:.045}.open .otext{top:50%;width:min(420px,32vw)}.motion .open .otext>*{animation:rise 1.1s cubic-bezier(.2,.7,.1,1) both}.motion .open .otext>:nth-child(1){animation-delay:.3s}.motion .open .otext>:nth-child(2){animation-delay:.4s}.motion .open .otext>:nth-child(3){animation-delay:.55s}.motion .open .otext>:nth-child(4){animation-delay:.7s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.open .otext .kick{color:var(--ink);opacity:.75}.open h1{font-size:clamp(60px,7.6vw,128px);line-height:.88}.open .lede{font-size:17px;max-width:40ch}.open .glance{align-items:start}.open .glance div{align-content:start}.open .glance dt{opacity:.7}.open .cue,.open .dream{bottom:calc(26px + env(safe-area-inset-bottom,0px))}.open .cue{left:max(var(--gut),7vw);color:#1f2a44b3}.open .dream{position:absolute;right:var(--gut);margin:0;display:flex;gap:10px;align-items:baseline;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.open .dream span{opacity:.7}.open .dream b{font-weight:500}.hats{margin:var(--gap) var(--gut) 0;border-radius:var(--r);background:var(--h,#e79ebd);padding:clamp(40px,7vh,84px) clamp(20px,4vw,64px);overflow:hidden}.hats .grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}.hats .kick{color:var(--ink);opacity:.7}.hats h2{font-size:clamp(34px,4.4vw,62px);line-height:1;margin-top:14px}.hats .how{margin-top:14px;font-size:17px;display:flex;align-items:center;gap:10px}.hats .how svg{flex:none}.motion .hats .how svg{animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.stage{position:relative;aspect-ratio:1438/941}.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;-webkit-mask-image:radial-gradient(ellipse 60% 66% at 47% 52%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 60% 66% at 47% 52%,#000 58%,transparent 100%)}.stage img.on{opacity:1}.motion .stage.hop img.on{animation:hop .62s cubic-bezier(.3,.7,.2,1)}@keyframes hop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-4%) scale(1.02,.98)}62%{transform:translateY(0) scale(1.01,.985)}to{transform:none}}.rack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,14px);margin-top:22px}.hat{display:grid;justify-items:center;gap:8px;min-width:0}.hat .disc{width:100%;aspect-ratio:1;border-radius:50%;background:#ffffff80;display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.8,.2,1.3),background .3s,box-shadow .3s}.hat .disc img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(31,42,68,.18));transition:transform .35s cubic-bezier(.2,.8,.2,1.3)}.hat .nm{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.hat:hover .disc{transform:translateY(-4px);background:#ffffffbf}.hat:hover .disc img{transform:rotate(-8deg)}.hat.on .disc{background:#fff;transform:translateY(-6px);box-shadow:0 0 0 2px var(--ink),0 14px 24px #1f2a4429}.hat.on .nm{opacity:1;font-weight:500}.motion .rack.idle .hat .disc{animation:bob 2.6s ease-in-out infinite}.motion .rack.idle .hat:nth-child(2) .disc{animation-delay:.18s}.motion .rack.idle .hat:nth-child(3) .disc{animation-delay:.36s}.motion .rack.idle .hat:nth-child(4) .disc{animation-delay:.54s}.motion .rack.idle .hat:nth-child(5) .disc{animation-delay:.72s}@keyframes bob{0%,70%,to{translate:0 0}80%{translate:0 -7px}90%{translate:0 0}}.dreamline{margin-top:clamp(26px,4vh,40px);min-height:2.6em;font-size:clamp(22px,2vw,30px);font-weight:300;line-height:1.2}.dreamline b{font-weight:500}.dreamline span{display:inline-block}.motion .dreamline span{animation:pop .45s cubic-bezier(.2,.8,.2,1.2)}@keyframes pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.shuffle{margin-top:20px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:999px;background:#ffffff8c;transition:background .25s,transform .25s}.shuffle:hover{background:#fff;transform:translateY(-2px)}.shuffle:active{transform:scale(.96)}.hats .note{margin-top:16px;font-size:14px;opacity:.75;max-width:40ch}.close{background:var(--butter);color:var(--ink);border-radius:var(--r);padding:clamp(64px,12vh,140px) clamp(20px,5vw,80px)}.close .kick{color:var(--accent)}.close .grid{gap:clamp(40px,6vw,110px)}.close .sub{color:var(--mute)}.table{aspect-ratio:1448/1086}.table img{border-radius:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}.loupe{box-shadow:0 0 0 4px #fff,0 18px 40px #1f2a4447}.mk{width:28px;height:28px;margin:-14px 0 0 -14px;border:0;background:var(--ink);color:#fff;box-shadow:0 0 0 3px #ffffffd9;-webkit-backdrop-filter:none;backdrop-filter:none}.mk:after{inset:-8px;border:2px solid rgba(255,255,255,.8)}.mk.on{background:var(--accent);color:#fff}.dn{border-radius:16px}.dn .i,.dn .d{color:var(--mute)}.dn.on,.dn:hover{background:#ffffff8c}.dn.on .i{color:var(--accent)}.phead .pintro{opacity:1;color:var(--mute)}.build{grid-template-rows:minmax(0,1fr);padding-block:clamp(56px,9vh,96px) 28px}.track{margin-top:0}.frame .im{background:#dfe7ec;border-radius:14px}.frame .im.paper{background:var(--paper)}.ledger{width:min(80vw,360px);padding-top:0}.ledger .row{align-items:center}.ledger dt{display:flex;align-items:center;gap:10px;color:var(--ink)}.ledger dt i{width:10px;height:10px;border-radius:50%;background:var(--c)}.ledger dd{font-size:12px;letter-spacing:.02em;color:var(--mute)}.ledger .sum{font-size:14.5px;max-width:34ch}.home{margin-top:var(--gap)}.home .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 48px;margin-bottom:clamp(36px,6vh,64px)}.home h2{font-size:clamp(34px,4.6vw,64px);line-height:1;margin-top:14px}.home .head>p{color:var(--mute);max-width:38ch}.pair{display:grid;grid-template-columns:minmax(0,1448fr) minmax(0,814fr);gap:clamp(14px,1.8vw,28px);align-items:start}.pair figure{margin:0;display:grid;gap:12px}.pair .ph{overflow:hidden;border-radius:var(--r);background:#dfe7ec}.pair .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.1,1)}.pair figure:hover img{transform:scale(1.025)}.pair .a .ph{aspect-ratio:1448/1086}.pair .b .ph{aspect-ratio:814/1086}.pair figcaption{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);margin-top:clamp(40px,7vh,80px)}.why div{display:grid;gap:8px;align-content:start;padding:clamp(22px,2.4vw,34px);border-radius:var(--r);background:var(--c)}.why .kick{color:var(--ink);opacity:.7}.why b{font-weight:400;font-size:clamp(20px,1.7vw,24px);line-height:1.2}.why p{max-width:34ch;font-size:15px;opacity:.8}.exit{--exit-bg:#d9d5ce;--exit-ink:#1e1915;background:#d9d5ce;color:#1e1915;border-radius:0;padding:clamp(64px,11vh,130px) clamp(20px,5vw,80px)}.exit .next .kick,.exit .next p.sub{color:#6d6358}.exit .back{color:#4a443d}@media(max-width:860px){.hats .grid,.close .grid{grid-template-columns:minmax(0,1fr)}.open .photo{inset:0 0 auto;height:62%;object-position:86% 66%;transform:scale(1.55);transform-origin:76% 62%;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}.open .otext{left:var(--gut);right:var(--gut);top:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px));transform:none;width:auto}.open .dream{display:none}.pair,.why{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.open h1{font-size:48px}.open .lede{font-size:15px}.hat .nm{font-size:9px;letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){.build{padding-bottom:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}