:root{--bg:#050608;--panel:#0c0e129e;--line:#ffb45438;--text:#e9e6df;--dim:#9a968c;--accent:#ffb454;--font-disp:"Marcellus", "Space Grotesk", "Helvetica Neue", sans-serif;--font-body:"IBM Plex Sans", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overflow-x:hidden}#scene{z-index:1;position:fixed;inset:0}#scene canvas{display:block}#vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 52%,#00000080 100%);position:fixed;inset:0}#spacer{z-index:0;height:300vh;position:relative}#nav{z-index:4;padding:22px 34px;padding-top:calc(22px + env(safe-area-inset-top));padding-left:calc(34px + env(safe-area-inset-left));padding-right:calc(34px + env(safe-area-inset-right));justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--font-disp);letter-spacing:.28em;color:var(--text);align-items:center;gap:12px;font-size:13px;font-weight:400;text-decoration:none;display:flex}.brand svg{width:17px;height:17px;color:var(--accent)}.links a{color:var(--dim);letter-spacing:.22em;text-transform:uppercase;margin-left:28px;font-size:11px;text-decoration:none;transition:color .25s}.links a:hover{color:var(--accent)}#hint{bottom:36px;left:50%;bottom:calc(36px + env(safe-area-inset-bottom));z-index:3;color:var(--dim);letter-spacing:.34em;text-transform:uppercase;text-align:center;pointer-events:none;font-size:11px;transition:opacity .8s;position:fixed;transform:translate(-50%)}#hint .arrow{border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);width:13px;height:13px;margin:14px auto 0;animation:1.8s ease-in-out infinite drop;display:block;transform:rotate(45deg)}@keyframes drop{0%,to{transform:rotate(45deg)translateY(-2px)}50%{transform:rotate(45deg)translateY(5px)}}#progress{z-index:3;background:#ffffff1f;width:1px;height:26vh;position:fixed;top:50%;right:26px;transform:translateY(-50%)}#progress span{background:var(--accent);transform-origin:top;width:1px;height:100%;display:block;transform:scaleY(0)}.section{z-index:2;pointer-events:none;opacity:0;visibility:hidden;will-change:opacity, transform;place-items:center;max-height:100vh;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 5px #0000008c;background:#090b0feb;max-width:680px;padding:clamp(32px,6vw,64px);position:relative}.panel:before,.panel:after{content:"";background:var(--accent);width:46px;height:1px;position:absolute}.panel:before{top:-1px;left:-1px}.panel:after{bottom:-1px;right:-1px}.eyebrow{font-family:var(--font-disp);letter-spacing:.35em;text-transform:uppercase;color:var(--accent);align-items:center;gap:14px;margin-bottom:18px;font-size:11px;display:flex}.eyebrow:after{content:"";background:var(--line);flex:1;height:1px}h1,h2{font-family:var(--font-disp);letter-spacing:.04em;font-weight:400}h1{margin-bottom:18px;font-size:clamp(26px,4.4vw,44px);line-height:1.25}h2{margin-bottom:18px;font-size:clamp(22px,3.2vw,34px);line-height:1.25}p{color:var(--dim);font-size:15px;font-weight:300;line-height:1.8}.cols{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.cols div{border-top:1px solid var(--line);padding-top:12px}.cols b{font-family:var(--font-disp);letter-spacing:.12em;color:var(--text);margin-bottom:6px;font-size:12.5px;font-weight:400;display:block}.cols span{color:var(--dim);font-size:12px;line-height:1.6}.cards{grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;display:grid}.card{border:1px solid var(--line);background:#ffffff05;padding:26px}.card h3{font-family:var(--font-disp);letter-spacing:.14em;margin-bottom:12px;font-size:15px;font-weight:400}.card p{font-size:13.5px}.cta{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-disp);letter-spacing:.25em;text-transform:uppercase;pointer-events:auto;margin-top:30px;padding:14px 30px;font-size:12px;text-decoration:none;transition:background .3s,color .3s;display:inline-block}.cta:hover{background:var(--accent);color:#0a0b0d}.mail{letter-spacing:.08em;margin-top:18px;font-size:12px}.mail a{white-space:nowrap;color:var(--text);border-bottom:1px solid var(--line);letter-spacing:.14em;pointer-events:auto;text-decoration:none;transition:border-color .3s,color .3s}.mail a:hover{color:var(--accent);border-color:var(--accent)}.panel--contact{padding:clamp(26px,4.5vw,52px)}.panel--contact h2{margin-bottom:12px}.contact-form{pointer-events:auto;gap:14px;margin-top:22px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{gap:7px;display:grid}.field span{font-family:var(--font-disp);letter-spacing:.28em;text-transform:uppercase;color:var(--dim);font-size:10.5px}.field input,.field textarea{width:100%;font:inherit;color:var(--text);border:1px solid var(--line);appearance:none;background:#ffffff06;border-radius:0;outline:none;padding:11px 13px;font-size:15px;font-weight:300;transition:border-color .3s,background .3s}.field textarea{resize:none;height:92px;line-height:1.6}.field input:focus,.field textarea:focus{border-color:var(--accent);background:#ffb4540a}.field input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:inset 0 0 0 40px #12141a}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.form-actions .cta{cursor:pointer;background:0 0;margin-top:6px}.form-actions .cta:hover{background:var(--accent);color:#0a0b0d}.form-actions .cta:disabled{opacity:.5;cursor:wait}.form-status{margin-top:6px;font-size:13px;line-height:1.5}.form-status.ok{color:var(--accent)}.form-status.err{color:#ff8a7a}.contact-form.sent .field-row,.contact-form.sent>.field,.contact-form.sent .cta{display:none}#overlay .section:first-child .panel{text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}#overlay .section:first-child .panel:before,#overlay .section:first-child .panel:after{display:none}#overlay .section:first-child .eyebrow{justify-content:center}.reveal{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 5px #0000008c;background:#090b0f66;padding:clamp(40px,6vw,64px);position:relative}.reveal:before,.reveal:after{content:"";background:var(--accent);width:46px;height:1px;position:absolute}.reveal:before{top:-1px;left:-1px}.reveal:after{bottom:-1px;right:-1px}.delta{width:clamp(70px,10vw,110px);color:var(--accent);filter:drop-shadow(0 0 26px #ffb4548c);margin-bottom:36px;animation:5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.75}50%{opacity:1}}.wordmark{font-family:var(--font-disp);letter-spacing:.3em;text-indent:.3em;text-shadow:0 0 18px #000c,0 2px 8px #0009;margin-bottom:18px;font-size:clamp(34px,7vw,74px);font-weight:400}.reveal-tag{color:var(--dim);letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 12px #000c;font-size:12px}@media (width<=640px){#nav{padding:16px 18px;padding-top:calc(16px + env(safe-area-inset-top));padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right))}.brand{letter-spacing:.22em}.links a{margin-left:12px;font-size:10px}.cards,.cols{grid-template-columns:1fr}.field input,.field textarea{font-size:16px}}@media (height<=800px),(width<=640px){.panel--contact{padding:24px 26px}.panel--contact .eyebrow{margin-bottom:12px}.panel--contact h2{margin-bottom:8px;font-size:clamp(20px,2.6vw,28px)}.panel--contact>p:not(.eyebrow):not(.mail){font-size:14px;line-height:1.65}.contact-form{gap:11px;margin-top:16px}.field{gap:6px}.field input,.field textarea{padding:9px 12px}.field textarea{height:76px}.mail{margin-top:12px}}@media (width<=400px){.brand .wordmark-text{display:none}}
