.intro{height:760vh;position:relative}.stage{background:var(--night);height:100svh;position:sticky;top:0;overflow:hidden}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#0a0e1a8c 100%),linear-gradient(#0000 60%,#0a0e1ab3);position:absolute;inset:0}.hud{pointer-events:none;padding-bottom:40px;position:absolute;inset:auto 0 0}.hud .wrap{justify-content:space-between;align-items:end;gap:24px;display:flex}.hud p{max-width:34ch;color:var(--muted);font-size:19px}.hud p strong{color:var(--text);font-weight:600}.hint{color:var(--muted);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.hint i{background:var(--line);width:1px;height:44px;position:relative;overflow:hidden}.hint i:after{content:"";background:var(--teal);width:1px;height:40%;animation:1.8s ease-in-out infinite drip;position:absolute;top:-40%;left:0}@keyframes drip{to{top:100%}}.editor{opacity:0;pointer-events:none;position:absolute;inset:96px 0 auto}.editor .wrap{justify-content:space-between;align-items:start;gap:16px;display:flex}.panel{backdrop-filter:blur(10px);border:1px solid var(--line);background:#0f14249e;border-radius:14px;min-width:210px;padding:14px 16px;font-size:13px}.panel h3{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.panel ol{gap:4px;padding:0;list-style:none;display:grid}.panel li{color:var(--muted);align-items:center;gap:10px;transition:color .2s;display:flex}.panel li b{font-variant-numeric:tabular-nums;color:#9aa3bf99;width:18px;font-weight:600}.panel li.on{color:var(--text)}.panel li.on b{color:var(--teal)}.panel li.done{color:var(--text);opacity:.55}.stats{font-variant-numeric:tabular-nums;grid-template-columns:auto auto;gap:4px 18px;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right}.cap{opacity:0;pointer-events:none;padding-bottom:72px;position:absolute;inset:auto 0 0}.cap.on{pointer-events:auto}.cap .big{letter-spacing:-.015em;text-shadow:0 4px 30px #0a0e1a99;max-width:15ch;font-size:clamp(34px,5vw,76px);font-weight:800;font-stretch:118%;line-height:.98}.cap .actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.meter{background:var(--teal);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (width<=900px){.intro{height:680vh}.hud{padding-bottom:28px}.hud .wrap{flex-direction:column;align-items:start}.hud p{font-size:17px}.editor{inset:84px 0 auto}.panel{min-width:0;padding:10px 12px;font-size:12px}.panel.stats-panel{display:none}.cap{padding-bottom:48px}}@media (height<=700px) and (width<=900px){.cap .big{font-size:30px}.cap{padding-bottom:32px}.cap .actions{margin-top:18px}}.static .intro{height:auto}.static .stage{height:100svh;position:relative}.static .hint,.static .editor{display:none}.studio{border-top:1px solid var(--line);padding-block:160px 150px;scroll-margin-top:40px;position:relative;overflow-x:clip}.studio:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#3fe0c514,#0000);width:90vw;height:70vh;position:absolute;top:38%;left:50%;translate:-50%}.studio-head{grid-template-columns:1.1fr 1fr;align-items:end;gap:72px;display:grid;position:relative}.studio-head h2{letter-spacing:-.02em;font-size:clamp(48px,7vw,108px);font-weight:850;font-stretch:125%;line-height:.92}.studio-intro p{color:var(--muted);max-width:46ch;font-size:18px}.studio-intro p+p{margin-top:18px}.studio-intro .lead{color:var(--text);font-size:22px;line-height:1.5}.studio-shot{height:min(88vh,62vw);clip-path:inset(calc(var(--clip,12%) * .5) calc(var(--clip,12%) * 1.7) round 28px);border-radius:28px;margin:96px 16px 0;position:relative;overflow:hidden;box-shadow:0 50px 140px #00000080}.studio-shot img{object-fit:cover;object-position:center 40%;width:100%;height:100%;transform:scale(var(--zoom,1.15))}.studio-shot:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0a0e1a8c);position:absolute;inset:0}.studio-shot figcaption{z-index:1;backdrop-filter:blur(10px);background:#0f14248c;border:1px solid #ffffff24;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;position:absolute;bottom:28px;left:32px}.process{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:110px;padding:0;list-style:none;display:grid}.process li{padding:36px 28px 8px 0;position:relative}.process li+li{border-left:1px solid var(--line);padding-left:28px}.process li:before{content:"";background:var(--teal);width:0;height:2px;transition:width .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:-1px;left:0}.process li:hover:before{width:100%}.process .num{font-variant-numeric:tabular-nums;color:var(--teal);font-size:14px;font-weight:600}.process h3{letter-spacing:-.01em;margin-top:18px;font-size:26px;font-weight:800;font-stretch:112%}.process p{color:var(--muted);margin-top:12px;font-size:16px}.studio-foot{grid-template-columns:1fr auto;align-items:end;gap:48px;margin-top:110px;display:grid}.studio-foot blockquote{letter-spacing:-.01em;max-width:22ch;font-size:clamp(26px,3.2vw,44px);font-weight:700;font-stretch:112%;line-height:1.12}.toolbox{align-items:center;gap:14px;display:flex}.toolbox-label{color:var(--muted);font-size:14px;font-weight:600}.toolbox ul{gap:8px;padding:0;list-style:none;display:flex}.toolbox li{background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600}@media (width<=900px){.studio{padding-block:96px 88px}.studio-head{grid-template-columns:1fr;gap:28px}.studio-intro .lead{font-size:19px}.studio-shot{height:62vh;clip-path:inset(calc(var(--clip,12%) * .4) calc(var(--clip,12%) * .9) round 20px);border-radius:0;margin:56px 0 0}.studio-shot img{object-position:30% center}.studio-shot figcaption{font-size:13px;bottom:20px;left:20px}.process{grid-template-columns:1fr;margin-top:64px}.process li,.process li+li{border-left:0;border-bottom:1px solid var(--line);padding:26px 0 22px}.process h3{margin-top:10px;font-size:22px}.studio-foot{grid-template-columns:1fr;gap:28px;margin-top:64px}}.contact{isolation:isolate;border-top:1px solid var(--line);background:var(--night);padding-block:170px 150px;scroll-margin-top:0;position:relative;overflow:hidden}.contact:before{content:"";z-index:-2;background:radial-gradient(38% 48% at 22% 32%,#3fe0c526,#0000 70%),radial-gradient(42% 52% at 80% 72%,#7860e633,#0000 70%);animation:20s ease-in-out infinite alternate drift;position:absolute;inset:-25%}@keyframes drift{to{transform:translate(4%,-5%)rotate(5deg)}}.contact-sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.sparkle{width:var(--s);height:var(--s);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);opacity:.05;animation:twinkle var(--d) ease-in-out var(--delay) infinite;background:#eafffb;position:absolute}@keyframes twinkle{0%,to{opacity:.05;transform:scale(.6)}50%{opacity:var(--o);transform:scale(1)}}.contact .grid{grid-template-columns:1fr minmax(0,520px);align-items:center;gap:80px;display:grid}.hello-badge{filter:drop-shadow(0 0 22px #3fe0c580);width:84px;height:auto;margin-bottom:30px}.contact h2{letter-spacing:-.02em;font-size:clamp(56px,8vw,120px);font-weight:850;font-stretch:125%;line-height:.9}.hello p{color:var(--muted);max-width:36ch;margin-top:26px;font-size:19px}.mail-pill{backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-top:36px;padding:6px 6px 6px 22px;display:inline-flex}.mail-pill a{padding-block:8px;font-size:clamp(18px,2vw,24px);font-weight:700;font-stretch:112%;text-decoration:none;transition:color .2s}.mail-pill a:hover{color:var(--teal)}.mail-pill button{background:var(--teal);color:#052620;height:42px;font:600 14px/1 var(--font);cursor:pointer;border:0;border-radius:999px;padding:0 18px;transition:transform .15s}.mail-pill button:active{transform:scale(.95)}.socials{flex-wrap:wrap;gap:10px;margin-top:28px;padding:0;list-style:none;display:flex}.socials a{border:1px solid #ffffff24;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.socials a:hover{border-color:var(--teal);color:var(--teal)}.glass{backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:28px;gap:18px;padding:34px;display:grid;box-shadow:0 40px 120px #00000073}.topics{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0 0 4px;padding:0;display:flex}.topics legend{color:var(--muted);margin-bottom:12px;padding:0;font-size:14px;font-weight:600}.topics label{position:relative}.topics input{opacity:0;pointer-events:none;position:absolute}.topics span{cursor:pointer;border:1px solid #ffffff24;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-block}.topics span:hover{border-color:#3fe0c599}.topics input:checked+span{background:var(--teal);color:#052620;border-color:#0000}.topics input:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}.row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{color:var(--muted);gap:8px;font-size:14px;font-weight:600;display:grid}.field input,.field textarea{font:inherit;color:var(--text);background:#0b0f1c8c;border:1px solid #ffffff1a;border-radius:14px;padding:14px 16px;font-weight:400;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 4px #3fe0c526}.send{justify-content:center;width:100%;margin-top:4px}[data-status]{min-height:1.4em;color:var(--teal);text-align:center;font-size:14px}@media (prefers-reduced-motion:reduce){.contact:before,.sparkle{animation:none}.sparkle{opacity:.35}}@media (width<=900px){.contact{padding-block:104px 88px}.contact .grid{grid-template-columns:1fr;gap:44px}.row{grid-template-columns:1fr}.glass{border-radius:22px;padding:22px}.hello-badge{width:64px;margin-bottom:22px}.mail-pill{padding-left:16px}}