: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:0;width:100%;height:100dvh;position:fixed;inset:0}#experience-root canvas{display:block;width:100%!important;height:100%!important}.scroll-space{z-index:1;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;will-change:opacity, transform;visibility:hidden;width:min(520px,100vw - 120px);position:absolute;top:50%;translate:0 -50%}.section-copy.foot{top:auto;bottom:14vh;translate:none}.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);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07080d66;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;width:9px;height:9px;transition:opacity .3s,background .3s,box-shadow .3s;transform:rotate(45deg)}.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,.section-copy.foot{left:max(12px, env(safe-area-inset-left));right:max(42px, env(safe-area-inset-right));top:auto;bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#05060a2e,#05060ac7 28%,#05060aeb);border-radius:18px;width:auto;max-width:none;padding:14px 14px 16px;translate:none}.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,.section-copy.foot{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,.section-copy.foot{top:auto;bottom:max(28px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#05060a1f,#05060ab8);border-radius:18px;width:min(560px,100vw - 80px);padding:16px 18px;translate:none}}@media (orientation:landscape) and (max-height:500px){.section-copy,.section-copy.foot{top:auto;bottom:max(12px, env(safe-area-inset-bottom));background:#05060ab8;border-radius:14px;width:min(420px,52vw);padding:10px 12px;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{animation:none}}