:root{--hlubina: #0d0a08;--amber: #f0a868;--mech: #3a4a2e;--mramor: #e8e4dc;--mosaz: #a8743c;--accent-temp: #5b6e8c;--serif: "Cormorant", Georgia, serif;--grotesk: "Hanken Grotesk", system-ui, sans-serif;--ease-organic: cubic-bezier(.65, .05, .18, 1)}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--amber);color:var(--hlubina)}a:focus-visible,button:focus-visible{outline:1.5px solid var(--amber);outline-offset:4px;border-radius:6px}html{background:var(--hlubina)}body{background:var(--hlubina);color:var(--mramor);font-family:var(--grotesk);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}#stage{position:fixed;inset:0;z-index:1}#driver{position:relative;z-index:0;height:700vh;height:700svh;pointer-events:none}.layer{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;will-change:opacity}.act-copy{position:absolute;z-index:5;max-width:min(46rem,86vw);left:clamp(1.5rem,7vw,9rem);bottom:clamp(2.5rem,12vh,9rem)}.eyebrow{font-family:var(--grotesk);font-weight:400;text-transform:lowercase;letter-spacing:.42em;font-size:clamp(.66rem,.9vw,.8rem);color:var(--amber);margin-bottom:1.4rem;padding-left:.2em;opacity:.85}.eyebrow:before{content:"";display:inline-block;width:1.7rem;height:1px;border-radius:1px;background:linear-gradient(90deg,transparent,currentColor);margin-right:.9rem;vertical-align:.28em;opacity:.65}.display{font-family:var(--serif);font-weight:300;line-height:.94;letter-spacing:-.01em;font-size:clamp(2.8rem,8.5vw,7.5rem);color:var(--mramor)}.display em{font-style:italic;font-weight:300;color:color-mix(in srgb,var(--amber) 62%,var(--mramor));letter-spacing:0}.lede{font-family:var(--grotesk);font-weight:300;line-height:1.62;font-size:clamp(1rem,1.35vw,1.22rem);max-width:34rem;margin-top:1.8rem;color:color-mix(in srgb,var(--mramor) 82%,transparent)}#act-street{background:#06080c}#street-particles{position:absolute;inset:0;width:100%;height:100%;z-index:2}.street-bg{position:absolute;inset:-4%;z-index:1;background:radial-gradient(60% 50% at 50% 8%,rgba(120,150,200,.18),transparent 70%),radial-gradient(120% 90% at 50% 120%,#0a0d14,#04060a 70%),linear-gradient(180deg,#0b1018,#060810);filter:saturate(.4) brightness(.85)}.street-cold{position:absolute;inset:0;z-index:3;background:#141e3226;mix-blend-mode:multiply;pointer-events:none}.street-copy .display{color:#c4cdd9}.street-copy .eyebrow{color:#7f93b0}#act-threshold{background:var(--hlubina)}.door-light{position:absolute;left:50%;top:50%;width:clamp(120px,22vw,320px);height:130%;transform:translate(-50%,-50%);z-index:3;background:radial-gradient(45% 55% at 50% 50%,rgba(240,168,104,.55),rgba(240,168,104,.12) 55%,transparent 75%);filter:blur(14px);opacity:0}.curtain{position:absolute;top:-5%;height:110%;width:56%;z-index:4;background:radial-gradient(24% 18% at 30% 22%,rgba(58,74,46,.5),transparent 70%),radial-gradient(30% 22% at 72% 48%,rgba(44,60,38,.45),transparent 70%),radial-gradient(26% 20% at 42% 76%,rgba(58,74,46,.4),transparent 70%),linear-gradient(90deg,#0c120d,#16201a 55%,#243023);box-shadow:inset 0 0 120px #000000b3}.curtain:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.16' numOctaves='3'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23m)' opacity='0.55'/%3E%3C/svg%3E");background-size:220px;mix-blend-mode:soft-light;opacity:.7;pointer-events:none}.curtain-left{left:0;clip-path:polygon(0 0,100% 0,92% 12%,97% 26%,90% 41%,96% 57%,89% 72%,95% 86%,90% 100%,0 100%)}.curtain-right{right:0;clip-path:polygon(8% 0,100% 0,100% 100%,10% 100%,4% 86%,11% 72%,5% 57%,9% 41%,3% 26%,10% 12%)}.threshold-copy{z-index:6;left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);text-align:center;max-width:90vw}.threshold-copy .display{color:var(--accent-temp)}#act-dive{background:#050302}#dive-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}.dive-fallback{position:absolute;inset:0;z-index:0;background:radial-gradient(40% 30% at 30% 35%,rgba(240,168,104,.25),transparent 70%),radial-gradient(50% 40% at 72% 60%,rgba(168,116,60,.18),transparent 70%),#0d0a08}.dive-copy{z-index:6}#act-shelter{background:var(--hlubina)}.parallax-wrap{position:absolute;inset:0;z-index:1}.parallax-img{position:absolute;inset:-8% -2%;background-size:cover;background-position:center;will-change:transform}.p-back{z-index:1;filter:brightness(.7) saturate(.95)}.p-front{z-index:2;filter:brightness(.72) saturate(1.02);opacity:0}.shelter-veil{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#0d0a08eb,#0d0a0866 38%,#0d0a0800 60%),linear-gradient(0deg,rgba(13,10,8,.85) 0%,transparent 45%)}.shelter-copy{z-index:6;max-width:40rem}#act-ritual{background:radial-gradient(70% 80% at 70% 50%,#1a120c,var(--hlubina) 75%)}#glass-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}.ritual-copy{z-index:6;max-width:30rem}.ritual-copy:before{content:"";position:absolute;inset:-2rem -3rem -3rem;z-index:-1;background:radial-gradient(120% 100% at 20% 60%,#0d0a08d1,#0d0a0800 72%);pointer-events:none}.ritual-note{margin-top:1.4rem}.ritual-hint{margin-top:1.8rem;font-size:.74rem;letter-spacing:.36em;text-transform:lowercase;color:var(--amber);opacity:.7}#act-invite{background:radial-gradient(60% 70% at 50% 60%,#150f0a,var(--hlubina) 80%)}.invite-glow{position:absolute;left:50%;top:42%;width:60vw;height:60vw;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(240,168,104,.16),transparent 62%);z-index:1;filter:blur(8px)}.invite-copy{z-index:6;left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);text-align:center;max-width:44rem}.invite-details{display:flex;gap:clamp(2rem,6vw,5rem);justify-content:center;margin:2.4rem 0 2.6rem;font-size:1.05rem;font-weight:300}.invite-details .label{font-size:.7rem;letter-spacing:.34em;text-transform:lowercase;color:var(--amber);margin-bottom:.5rem;opacity:.8}.cta{display:inline-block;font-family:var(--grotesk);font-weight:400;letter-spacing:.04em;font-size:1.02rem;color:var(--hlubina);background:var(--amber);padding:1rem 2.4rem;text-decoration:none;border-radius:44% 56% 58% 42%/60% 50% 50% 40%;transition:transform .6s var(--ease-organic),box-shadow .6s var(--ease-organic),background .6s var(--ease-organic);box-shadow:0 0 #f0a86800}.cta:hover{transform:translateY(-3px);background:#f6b97e;box-shadow:0 18px 60px #f0a86847}.signoff{margin-top:2.4rem;font-family:var(--serif);font-style:italic;font-size:1.15rem;color:color-mix(in srgb,var(--mramor) 60%,transparent)}.scroll-hint{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%);z-index:7;display:flex;flex-direction:column;align-items:center;gap:.7rem;color:var(--amber);font-size:.66rem;letter-spacing:.34em;text-transform:lowercase;opacity:.6}.scroll-hint i{width:1px;height:2.4rem;background:linear-gradient(var(--amber),transparent);animation:drift 2.4s var(--ease-organic) infinite}@keyframes drift{0%{transform:scaleY(.2);transform-origin:top;opacity:0}40%{opacity:1}to{transform:scaleY(1);transform-origin:top;opacity:0}}#veil{position:fixed;inset:0;z-index:60;background:var(--hlubina);display:flex;align-items:center;justify-content:center;pointer-events:none;animation:veil-out 1.3s var(--ease-organic) 1.15s forwards}#veil span{font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,2.6vw,2rem);letter-spacing:.55em;padding-left:.55em;color:var(--mramor);opacity:0;animation:veil-mark 1s ease .15s forwards}@keyframes veil-out{to{opacity:0;visibility:hidden}}@keyframes veil-mark{to{opacity:.92}}.brand{position:fixed;top:calc(env(safe-area-inset-top,0px) + 1.1rem);left:clamp(1.3rem,4vw,2.6rem);right:clamp(1.3rem,4vw,2.6rem);z-index:10;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand-mark{font-family:var(--serif);font-weight:400;font-size:1.02rem;letter-spacing:.42em;color:color-mix(in srgb,var(--mramor) 85%,transparent)}.brand-res{pointer-events:auto;font-family:var(--grotesk);font-weight:400;font-size:.72rem;letter-spacing:.3em;text-transform:lowercase;color:var(--amber);text-decoration:none;padding:.55rem 1.1rem;border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);border-radius:46% 54% 52% 48%/58% 46% 54% 42%;transition:border-color .5s var(--ease-organic),background .5s var(--ease-organic),color .5s var(--ease-organic)}.brand-res:hover{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}#rail{position:fixed;right:clamp(.9rem,2.4vw,2rem);top:50%;transform:translateY(-50%);z-index:9;display:flex;flex-direction:column;gap:.35rem}.rail-dot{appearance:none;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:.7rem;padding:.35rem .15rem;color:var(--mramor)}.rail-dot i{display:block;width:7px;height:7px;border-radius:52% 48% 55% 45%/48% 56% 44% 52%;background:color-mix(in srgb,var(--mramor) 26%,transparent);transition:transform .6s var(--ease-organic),background .6s var(--ease-organic),box-shadow .6s var(--ease-organic)}.rail-dot span{font-family:var(--grotesk);font-weight:400;font-size:.62rem;letter-spacing:.3em;text-transform:lowercase;color:color-mix(in srgb,var(--mramor) 55%,transparent);opacity:0;transform:translate(6px);transition:opacity .5s var(--ease-organic),transform .5s var(--ease-organic)}.rail-dot:hover span,.rail-dot.on span{opacity:1;transform:translate(0)}.rail-dot.on i{background:var(--amber);transform:scale(1.55);box-shadow:0 0 14px #f0a8688c}.rail-dot.on span{color:var(--amber)}#grain{position:fixed;inset:-60px;z-index:40;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-size:240px;mix-blend-mode:overlay;opacity:.055;animation:grain-shift 1.6s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-24px,14px)}50%{transform:translate(16px,-20px)}75%{transform:translate(-10px,-12px)}to{transform:translate(0)}}.invite-links{display:flex;gap:.9rem;justify-content:center;align-items:baseline;margin-top:1.6rem;font-size:.76rem;letter-spacing:.26em;text-transform:lowercase}.invite-links span{color:color-mix(in srgb,var(--mramor) 35%,transparent)}.invite-links a{color:color-mix(in srgb,var(--mramor) 62%,transparent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--amber) 30%,transparent);padding-bottom:.15rem;transition:color .5s var(--ease-organic),border-color .5s var(--ease-organic)}.invite-links a:hover{color:var(--amber);border-color:var(--amber)}body.reduced #driver{display:none}body.reduced #stage{position:relative;height:auto}body.reduced .layer{position:relative;inset:auto;height:100vh;opacity:1;visibility:visible;transform:none!important}body.reduced canvas,body.reduced .scroll-hint,body.reduced .curtain,body.reduced .door-light,body.reduced #rail{display:none}@media (prefers-reduced-motion: reduce){#veil,#grain{display:none}}body.reduced .threshold-copy,body.reduced .invite-copy{position:absolute}@media (max-width: 720px){.act-copy{left:1.3rem;right:1.3rem;bottom:calc(env(safe-area-inset-bottom,0px) + 2.2rem);max-width:none}.display{font-size:clamp(2.4rem,11.5vw,3.6rem);line-height:.98}.lede{font-size:1rem;line-height:1.5;margin-top:1.1rem;max-width:none}.eyebrow{margin-bottom:.9rem;font-size:.68rem;letter-spacing:.32em}.shelter-copy .lede{font-size:.94rem}.threshold-copy,.invite-copy{left:1.3rem;right:1.3rem;top:50%;bottom:auto;transform:translateY(-50%);max-width:none;width:auto}.shelter-veil{background:linear-gradient(0deg,#0d0a08f5,#0d0a0866 34%,#0d0a0800 60%),linear-gradient(90deg,#0d0a08b3,#0d0a0800 55%)}.invite-details{flex-direction:column;gap:1.3rem}.cta{padding:.9rem 2rem}.invite-glow{filter:blur(4px)}#rail{right:.45rem;gap:.2rem}.rail-dot{padding:.3rem .1rem}.rail-dot i{width:5px;height:5px}.rail-dot span{display:none}.brand-mark{font-size:.88rem;letter-spacing:.34em}.brand-res{font-size:.64rem;padding:.45rem .85rem}.invite-links{flex-wrap:wrap}}@media (max-width: 380px){.display{font-size:clamp(2.1rem,11vw,3rem)}.lede{font-size:.92rem}}