:root{--bg:#05060a;--gold:#d7b56a;--gold-soft:#f0d7a2;--ink:#ece7dc;--muted:#ece7dc9e;--line:#d7b56a59;--font-display:"Syne", sans-serif;--font-serif:"Instrument Serif", serif;--font-body:"Manrope", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;background:var(--bg);min-height:100dvh;color:var(--ink)}html.lenis,html.lenis body{height:auto}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body);touch-action:pan-y;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,a{font-family:inherit}#experience-root{z-index:1;width:100%;height:100%;pointer-events:none;height:100dvh;position:fixed;inset:0}#experience-root>div{width:100%!important;height:100%!important}#experience-root canvas{display:block;width:100%!important;height:100%!important}.scroll-space{z-index:auto;pointer-events:none;height:640vh;position:relative}.overlay{z-index:2;pointer-events:none;width:100%;height:100dvh;position:fixed;inset:0}.overlay a,.overlay button{pointer-events:auto}.topbar{padding:max(18px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 16px max(24px, env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.28em;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.brand-mark{width:18px;height:18px}.ghost-btn{appearance:none;color:var(--ink);border:1px solid var(--line);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07080d59;border-radius:999px;padding:10px 18px;font-size:10px;transition:border-color .25s,color .25s}.ghost-btn:hover{border-color:var(--gold);color:var(--gold-soft)}.section-copy{left:max(28px, env(safe-area-inset-left));opacity:0;visibility:hidden;width:min(520px,100vw - 120px);position:absolute;top:50%;translate:0 -50%}.section-copy.is-active .kicker{animation:.55s cubic-bezier(.22,1,.36,1) both copy-in}.section-copy.is-active h2{animation:.65s cubic-bezier(.22,1,.36,1) 50ms both copy-in}.section-copy.is-active p,.section-copy.is-active .tag-list{animation:.7s cubic-bezier(.22,1,.36,1) .12s both copy-in}@keyframes copy-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translate(0,0)}}.kicker{color:var(--gold);letter-spacing:.34em;margin-bottom:18px;font-size:11px;font-weight:600}.section-copy h2{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(42px,6vw,84px);font-weight:800;line-height:.92}.section-copy h2 em{font-family:var(--font-serif);color:var(--gold-soft);font-style:italic;font-weight:400}.section-copy p{max-width:42ch;color:var(--muted);margin-top:22px;font-size:15px;line-height:1.7}.tag-list{flex-wrap:wrap;gap:8px;margin-top:20px;list-style:none;display:flex}.tag-list li{border:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);background:#07080d8c;border-radius:999px;padding:6px 12px;font-size:10px}.globe-label{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#f0d7a2;white-space:nowrap;pointer-events:none;opacity:0;text-shadow:0 2px 16px #000000d9;font-size:10px}.globe-label.home{color:#ffe7b0;font-weight:700}.progress-rail{right:max(18px, env(safe-area-inset-right));flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.rail-dot{border:1px solid var(--gold);opacity:.35;border-radius:50%;width:9px;height:9px;transition:opacity .3s,background .3s,box-shadow .3s}.rail-dot.active{opacity:1;background:var(--gold);box-shadow:0 0 16px #d7b56ab3}.scroll-hint{left:max(28px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));letter-spacing:.22em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex;position:absolute}.scroll-hint span{background:linear-gradient(to bottom, var(--gold), transparent);width:1px;height:42px;animation:2.2s ease-in-out infinite pulse-line}.loader{z-index:30;background:#05060a;place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0}.loader.hide{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-ring{border:1px solid #d7b56a2e;border-top-color:var(--gold);border-radius:50%;width:72px;height:72px;margin:0 auto 18px;animation:1.1s linear infinite spin}.loader-inner strong{letter-spacing:.42em;font-size:12px;display:block}.fallback{z-index:8;text-align:center;background:radial-gradient(circle at 50% 30%,#d7b56a29,#0000 28%),#05060a;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.fallback h1{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(40px,8vw,88px)}.fallback p{color:var(--muted);max-width:46ch;margin-top:16px}.grain{pointer-events:none;z-index:12;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-line{0%,to{opacity:.35;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:639px),(pointer:coarse) and (max-width:767px){.topbar{padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left))}.brand{letter-spacing:.2em;font-size:11px}.section-copy{left:max(14px, env(safe-area-inset-left));right:max(48px, env(safe-area-inset-right));-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 2px 18px #000000eb,0 0 32px #05060ad9;background:0 0;border-radius:0;width:auto;max-width:none;padding:0;top:auto;bottom:auto;translate:none}.section-copy[data-anchor=bottom]{top:auto;bottom:max(22px, env(safe-area-inset-bottom))}.section-copy[data-anchor=top]{top:max(68px, calc(env(safe-area-inset-top) + 52px));bottom:auto}.section-copy[data-anchor=mid]{top:50%;bottom:auto;translate:0 -50%}.kicker{letter-spacing:.22em;margin-bottom:10px;font-size:10px}.section-copy h2{font-size:clamp(28px,8.4vw,40px)}.section-copy p{max-width:none;margin-top:10px;font-size:13px;line-height:1.55}.tag-list{gap:6px;margin-top:12px}.tag-list li{padding:5px 9px;font-size:9px}.progress-rail{right:max(10px, env(safe-area-inset-right));gap:12px}.rail-dot{width:7px;height:7px}.scroll-hint{display:none}.ghost-btn{padding:8px 12px;font-size:9px}.grain{opacity:.05}}@media (min-width:640px) and (max-width:1023px){.section-copy{left:max(24px, env(safe-area-inset-left));width:min(460px,100vw - 96px)}.section-copy h2{font-size:clamp(36px,5.2vw,56px)}}@media (orientation:portrait) and (min-width:640px) and (max-width:1023px){.section-copy{-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 2px 16px #000000e0;background:0 0;border-radius:0;width:min(560px,100vw - 80px);padding:0;top:auto;bottom:auto;translate:none}.section-copy[data-anchor=bottom]{bottom:max(28px, env(safe-area-inset-bottom))}.section-copy[data-anchor=top]{top:max(76px, calc(env(safe-area-inset-top) + 56px))}}@media (orientation:landscape) and (max-height:500px){.section-copy{top:auto;bottom:max(12px, env(safe-area-inset-bottom));text-shadow:0 2px 14px #000000e6;background:0 0;border-radius:0;width:min(420px,52vw);padding:0;translate:none}.section-copy h2{font-size:clamp(22px,4.2vh,34px)}.section-copy p,.tag-list,.scroll-hint{display:none}}@media (min-width:1024px) and (max-width:1439px){.section-copy{width:min(460px,38vw)}.section-copy h2{font-size:clamp(40px,4.4vw,64px)}}@media (min-width:1440px) and (max-width:1919px){.topbar{padding:max(24px, env(safe-area-inset-top)) 40px 16px 40px}.section-copy{width:min(520px,34vw);left:40px}.section-copy h2{font-size:clamp(48px,4vw,76px)}}@media (min-width:1920px) and (max-width:2559px){.topbar{padding:32px 48px 16px}.section-copy{width:min(560px,30vw);left:56px}.section-copy h2{font-size:clamp(56px,3.6vw,84px)}.section-copy p{font-size:16px}}@media (min-width:2560px){.topbar{padding:36px max(64px,50vw - 840px) 16px}.section-copy{width:min(580px,28vw);left:max(64px,50vw - 840px)}.section-copy h2{font-size:clamp(58px,3vw,86px)}.progress-rail{right:max(32px,50vw - 840px)}}@media (prefers-reduced-motion:reduce){.scroll-hint span,.loader-ring,.section-copy.is-active .kicker,.section-copy.is-active h2,.section-copy.is-active p,.section-copy.is-active .tag-list{animation:none}}.debug-shell{z-index:80;pointer-events:none;position:fixed;top:50%;right:0;transform:translateY(-50%)}.debug-tab{pointer-events:auto;writing-mode:vertical-rl;border:1px solid var(--gold);color:var(--gold);letter-spacing:.14em;cursor:pointer;background:#05060af0;border-right:none;border-radius:8px 0 0 8px;padding:10px 7px;font-family:ui-monospace,Consolas,monospace;font-size:10px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.debug-shell.open .debug-tab{opacity:0;pointer-events:none}.debug-panel{pointer-events:auto;border:1px solid var(--gold);color:#ece7dc;background:#05060af5;border-right:none;border-radius:10px 0 0 10px;width:min(380px,100vw - 48px);max-height:min(70vh,520px);padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.45;transition:transform .28s;position:absolute;top:50%;right:0;overflow:auto;transform:translate(104%,-50%)}.debug-shell.open .debug-panel{transform:translateY(-50%)}.debug-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.debug-head strong{letter-spacing:.08em;font-size:11px}.debug-head span{color:var(--gold);margin-right:auto}.debug-head button,.debug-panel button{pointer-events:auto;border:1px solid var(--gold);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:10px}.debug-close{display:none}.debug-status,.debug-log{white-space:pre-wrap;word-break:break-word;margin:0}.debug-status{color:#f0d7a2;margin-bottom:8px}.debug-log{color:#ece7dcd1}.debug-crash{z-index:81;color:#ffb4b4;background:#05060ae6;border:1px solid #ff6b6b;padding:8px 12px;font-size:12px;position:fixed;bottom:12px;left:12px}@media (max-width:639px){.debug-shell{width:100%;top:auto;bottom:0;transform:none}.debug-tab{top:auto;bottom:max(12px, env(safe-area-inset-bottom));writing-mode:horizontal-tb;border:1px solid var(--gold);border-radius:999px;padding:8px 12px;right:12px;transform:none}.debug-panel{border-right:1px solid var(--gold);width:100%;max-height:min(62vh,420px);padding-bottom:max(12px, env(safe-area-inset-bottom));border-radius:14px 14px 0 0;top:auto;bottom:0;transform:translateY(104%)}.debug-shell.open .debug-panel{transform:translateY(0)}.debug-close{display:inline-block}}
