*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#020409;--text-primary:#fff;--text-secondary:#ffffffb8;--text-muted:#ffffff73;--border-subtle:#ffffff29;--border-hover:#ffffff73;--accent-cyan:#38bdf8;--accent-gold:#ffb347;--font-serif:"Cormorant Garamond", "Cinzel", serif, -apple-system;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Grotesk", monospace;--morphism-inner:inset 3px 3px 8px #000000eb, inset -2px -2px 6px #ffffff0a, inset 0 0 14px #000000bf;--morphism-inner-drop:inset 1px 1px 2px #ffffff1f, inset -2px -2px 8px #000000f2, inset 0 0 22px #000c, 8px 8px 24px #000000e0, -3px -3px 12px #ffffff06;--morphism-window:inset 1px 1px 2.5px #ffffff26, inset -3px -3px 10px #000000f5, inset 0 0 32px #000000d9, 0 24px 60px #000000f0, 0 0 32px #38bdf829;--morphism-window-hover:inset 1.5px 1.5px 3px #fff3, inset -3px -3px 12px #000000fa, inset 0 0 35px #000000e6, 0 32px 75px #000000fa, 0 0 40px #38bdf840;--morphism-btn-dark:inset 3px 3px 7px #000000eb, inset 1px 1px 2px #000000fa, inset -2px -2px 6px #ffffff29, inset -1px -1px 2px #ffffff38, inset 0 0 12px #000000b3, 0 6px 18px #000000bf, 0 2px 5px #00000080;--morphism-drop-btn:4px 4px 12px #000000bf, -2px -2px 8px #ffffff0a, inset 0 1px 1px #ffffff26;--morphism-drop-btn-hover:inset 0 2px 4px #ffffff40, inset 0 -2px 6px #000c, inset 0 0 16px #38bdf873, 6px 6px 20px #000000d9, -3px -3px 10px #ffffff0d;--morphism-drop-btn-active:inset 4px 4px 8px #000000f2, inset -2px -2px 6px #ffffff0f, inset 0 0 14px #000000d9;--transition-tactile:all .3s cubic-bezier(.25, .8, .25, 1);--transition-luxury:all .5s cubic-bezier(.16, 1, .3, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html{scroll-behavior:smooth;min-height:100%;overflow-x:hidden}body{background-color:var(--bg-deep);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.visual-experience{touch-action:pan-y;position:relative}.scroll-track-spacer{pointer-events:none;opacity:0;width:100%;height:600vh}.canvas-container{z-index:1;pointer-events:auto;background-color:var(--bg-deep);width:100vw;height:100vh;position:fixed;top:0;left:0}.canvas-container canvas{width:100%;height:100%;display:block}.loader-overlay{background:var(--bg-deep);z-index:9999;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s;display:flex;position:fixed;inset:0}.loader-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;width:90%;max-width:360px}.loader-brand-row{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.loader-icon{animation:4s linear infinite pulseRotate}@keyframes pulseRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-logo{font-family:var(--font-sans);letter-spacing:.28em;color:#fff;font-size:15px;font-weight:600}.loader-sub{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-muted);margin-bottom:24px;font-size:9px}.loader-bar{background:#ffffff1a;border-radius:2px;width:100%;height:2px;margin-bottom:12px;position:relative;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg,#38bdf8,#fff);width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.loader-status-row{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-muted);justify-content:space-between;font-size:9px;display:flex}.inspect-mode-indicator{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:90;font-family:var(--font-mono);letter-spacing:.15em;color:#38bdf8;background:#0b1329d9;border:1px solid #38bdf866;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-size:10px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 0 25px #38bdf833}.inspect-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.cinematic-header{width:100%;padding:calc(24px + var(--safe-top)) calc(40px + var(--safe-right)) 20px calc(40px + var(--safe-left));z-index:60;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.header-left,.header-right{pointer-events:auto}.brand-mark{color:#fff;align-items:center;gap:12px;text-decoration:none;transition:opacity .3s;display:flex}.brand-mark:hover{opacity:.85}.brand-glyph{display:block}.brand-title{font-family:var(--font-sans);letter-spacing:.28em;color:#fff;font-size:13px;font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.header-icon-btn{color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(16px);background:#0b1329d9;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .35s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 2.5px 2.5px 6px #000000f2,inset -1.5px -1.5px 4px #ffffff1f,inset 0 0 10px #000000d9,0 2px 6px #00000080}#btn-audio-toggle:hover{color:#fff;background:radial-gradient(circle,#ef444459 0%,#120a14f2 100%);border-color:#ef4444a6;transform:translateY(-1px);box-shadow:inset 2.5px 2.5px 6px #000000f2,inset -1.5px -1.5px 4px #ffffff2e,inset 0 0 14px #ef444480,0 0 18px #ef444473}#btn-audio-toggle.active{color:#ff5252;background:radial-gradient(circle,#ef44444d 0%,#16080ef2 100%);border-color:#ef4444bf;animation:2.4s ease-in-out infinite soundPulseRed;box-shadow:inset 2.5px 2.5px 6px #000000f2,inset -1.5px -1.5px 4px #ffffff26,inset 0 0 12px #ef44448c,0 0 16px #ef444466}#btn-audio-toggle.active:hover{color:#fff;background:radial-gradient(circle,#ef444494 0%,#20060cfa 100%);border-color:#ef4444;transform:translateY(-1px)scale(1.05);box-shadow:inset 2.5px 2.5px 6px #000000f2,inset -1.5px -1.5px 4px #ffffff3d,inset 0 0 18px #ef4444bf,0 0 26px #ef4444a6}#btn-audio-toggle:active{transform:translateY(1px)scale(.96);box-shadow:inset 3.5px 3.5px 8px #000000fa,inset -1px -1px 3px #ffffff14,inset 0 0 14px #000000f2}#btn-audio-toggle .sound-icon-muted{display:block}#btn-audio-toggle .sound-icon-active,#btn-audio-toggle.active .sound-icon-muted{display:none}#btn-audio-toggle.active .sound-icon-active{display:block}@keyframes soundPulseRed{0%,to{box-shadow:inset 2.5px 2.5px 6px #000000f2,inset -1.5px -1.5px 4px #ffffff1f,inset 0 0 10px #ef444466,0 0 14px #ef44444d}50%{box-shadow:inset 2.5px 2.5px 6px #000000f2,inset -1.5px -1.5px 4px #ffffff2e,inset 0 0 16px #ef4444b3,0 0 22px #ef44448c}}.hamburger-btn,#menu-toggle{cursor:pointer;appearance:none;pointer-events:auto;background:0 0;border:0;outline:0;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:44px;height:44px;margin:0;padding:0;display:flex;position:relative}.hamburger-btn .hamburger-bar,#menu-toggle .hamburger-bar{opacity:.94;transform-origin:100%;background:#fff;border:0;border-radius:0;flex:none;height:2px;margin:0;padding:0;transition:width .38s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1),opacity .25s,background-color .25s;display:block}.hamburger-btn .hamburger-bar:first-child,#menu-toggle .hamburger-bar:first-child,.hamburger-btn .hamburger-bar:nth-child(2),#menu-toggle .hamburger-bar:nth-child(2),.hamburger-btn .hamburger-bar:nth-child(3),#menu-toggle .hamburger-bar:nth-child(3){width:24px}@media (hover:hover){.hamburger-btn:hover .hamburger-bar,#menu-toggle:hover .hamburger-bar{background-color:#fff}.hamburger-btn:hover .hamburger-bar:first-child,#menu-toggle:hover .hamburger-bar:first-child{width:32px}.hamburger-btn:hover .hamburger-bar:nth-child(2),#menu-toggle:hover .hamburger-bar:nth-child(2){width:23px}.hamburger-btn:hover .hamburger-bar:nth-child(3),#menu-toggle:hover .hamburger-bar:nth-child(3){width:28px}}.hamburger-btn.active .hamburger-bar:first-child,#menu-toggle.active .hamburger-bar:first-child{width:30px;transform:translateY(8px)rotate(45deg)}.hamburger-btn.active .hamburger-bar:nth-child(2),#menu-toggle.active .hamburger-bar:nth-child(2){opacity:0;width:0}.hamburger-btn.active .hamburger-bar:nth-child(3),#menu-toggle.active .hamburger-bar:nth-child(3){width:30px;transform:translateY(-8px)rotate(-45deg)}.hamburger-btn[aria-expanded=true] .hamburger-bar:first-child,#menu-toggle[aria-expanded=true] .hamburger-bar:first-child{width:30px;transform:translateY(8px)rotate(45deg)}.hamburger-btn[aria-expanded=true] .hamburger-bar:nth-child(2),#menu-toggle[aria-expanded=true] .hamburger-bar:nth-child(2){opacity:0;width:0}.hamburger-btn[aria-expanded=true] .hamburger-bar:nth-child(3),#menu-toggle[aria-expanded=true] .hamburger-bar:nth-child(3){width:30px;transform:translateY(-8px)rotate(-45deg)}.cinematic-stage{pointer-events:none;z-index:20;position:fixed;inset:0}.act-card{left:calc(48px + var(--safe-left));bottom:calc(18% + var(--safe-bottom));opacity:0;pointer-events:none;max-width:520px;transition:opacity .4s,transform .4s;position:absolute}.act-card.active{opacity:1;pointer-events:auto}.act-inner{flex-direction:column;align-items:flex-start;display:flex}.act-index-wrap{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px;display:flex}.act-index-wrap:before,.act-index-wrap:after,.act-index-num:before,.act-index-num:after{content:none!important;display:none!important}.act-index-digits{align-items:baseline;gap:6px;display:flex}.act-index-num{font-family:var(--font-mono);letter-spacing:.14em;color:#fff;font-size:13px;font-weight:500}.act-index-slash,.act-index-total{font-family:var(--font-mono);color:#ffffff73;font-size:11px;font-weight:400}.act-index-line{background:#ffffffd1;border-radius:1px;width:44px;height:1.5px;box-shadow:0 0 6px #ffffff59}.act-title{font-family:var(--font-serif);letter-spacing:.02em;color:#fff;text-transform:uppercase;text-shadow:0 4px 30px #000c;margin:12px 0 16px;font-size:clamp(3.2rem,7.5vw,5rem);font-weight:400;line-height:1}.act-tagline{font-family:var(--font-sans);color:#ffffffd9;text-shadow:0 2px 15px #000000e6;max-width:440px;margin-bottom:28px;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:300;line-height:1.5}.btn-pill-explore{-webkit-backdrop-filter:blur(16px);color:#fff;text-transform:uppercase;font-family:var(--font-sans);letter-spacing:.24em;cursor:pointer;pointer-events:auto;background:#0a101c66;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:16px;padding:12px 28px;font-size:11px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #0006,inset 0 1px 1px #ffffff26}.pill-arrow-svg{stroke:#fff;transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn-pill-explore:hover{color:#fff;background:#ffffff24;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #0009,0 0 20px #ffffff40}.btn-pill-explore:hover .pill-arrow-svg{transform:translate(4px)}.btn-pill-explore:active{transform:translateY(1px)scale(.985);box-shadow:0 2px 10px #00000080}.right-vertical-nav{right:calc(28px + var(--safe-right));top:auto;bottom:calc(100px + var(--safe-bottom));z-index:50;pointer-events:auto;flex-direction:column;gap:20px;display:flex;position:fixed;transform:none}.nav-vertical-line{z-index:1;background:#ffffff40;width:1px;position:absolute;top:6px;bottom:6px;right:3px}.nav-dot-item{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:14px;padding:3px 0;transition:opacity .3s;display:flex;position:relative}.nav-label{font-family:var(--font-sans);letter-spacing:.22em;color:#ffffff73;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:9.5px;font-weight:500;transition:color .3s,transform .3s}.nav-dot-circle{background:#ffffff59;border-radius:50%;width:7px;height:7px;transition:all .3s cubic-bezier(.16,1,.3,1);display:block}.nav-dot-item:hover .nav-label{color:#fff;transform:translate(-2px)}.nav-dot-item:hover .nav-dot-circle{background:#ffffffbf;transform:scale(1.2)}.nav-dot-item.active .nav-label{color:#fff;text-shadow:0 0 10px #fff9;font-weight:600}.nav-dot-item.active .nav-dot-circle{background:#fff;transform:scale(1.3);box-shadow:0 0 8px #fff,0 0 16px #38bdf8bf}.bottom-controls{bottom:calc(26px + var(--safe-bottom));left:calc(32px + var(--safe-left));right:calc(32px + var(--safe-right));z-index:50;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.bottom-left-explore{pointer-events:auto;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.mouse-scroll-pill{border:1.5px solid #ffffffb3;border-radius:999px;justify-content:center;align-items:center;width:17px;height:27px;display:flex;position:relative}.scroll-chevron-svg{animation:1.8s ease-in-out infinite mouseChevronMove}@keyframes mouseChevronMove{0%,to{opacity:.5;transform:translateY(-2px)}50%{opacity:1;transform:translateY(2px)}}.explore-text{font-family:var(--font-sans);letter-spacing:.22em;color:#ffffffd9;text-transform:uppercase;font-size:10px;font-weight:500}.bottom-right-view{color:#ffffffd9;cursor:pointer;pointer-events:auto;background:0 0;border:none;align-items:center;gap:10px;padding:4px 0;transition:opacity .3s;display:flex}.bottom-right-view:hover{opacity:1;color:#fff}.globe-icon-wrap{justify-content:center;align-items:center;display:flex}.globe-svg{transition:transform .4s}.bottom-right-view:hover .globe-svg{transform:rotate(25deg)}.earth-view-text{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:#ffffffd9;font-size:10px;font-weight:500}.view-dots-indicator{align-items:center;gap:4px;margin-left:2px;display:flex}.v-dot{background:#ffffff59;border-radius:50%;width:4px;height:4px}.v-dot.active{background:#fff;width:5px;height:5px;box-shadow:0 0 6px #fff}.luxury-drawer{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.luxury-drawer.open{opacity:1;visibility:visible;pointer-events:auto}.drawer-backdrop{-webkit-backdrop-filter:blur(24px);background:#020409bf;position:absolute;inset:0}.drawer-panel{width:100%;max-width:440px;height:100%;box-shadow:var(--morphism-window);-webkit-backdrop-filter:blur(28px)saturate(180%);background:#0b1329eb;border-left:1px solid #ffffff1f;flex-direction:column;justify-content:space-between;padding:32px 36px;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.luxury-drawer.open .drawer-panel{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.drawer-brand{font-family:var(--font-sans);letter-spacing:.25em;color:#fff;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.drawer-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px;font-size:28px;line-height:1;transition:color .3s}.drawer-close-btn:hover{color:var(--accent-cyan)}.drawer-links{flex-direction:column;gap:12px;margin:auto 0;display:flex}.drawer-link-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:16px;padding:12px 14px;transition:background .3s,transform .3s;display:flex}.drawer-link-item:hover{background:#ffffff0f;transform:translate(4px)}.d-num{font-family:var(--font-mono);color:var(--accent-cyan);font-size:12px}.d-name{font-family:var(--font-serif);letter-spacing:.08em;color:#fff;font-size:18px}.d-sub{font-family:var(--font-sans);color:var(--text-muted);margin-left:auto;font-size:11px}.drawer-footer{border-top:1px solid var(--border-subtle);gap:12px;padding-top:20px;display:flex}.drawer-tool-btn{color:#fff;font-family:var(--font-mono);letter-spacing:.14em;cursor:pointer;box-shadow:var(--morphism-btn-dark);transition:var(--transition-tactile);background:#0b1329bf;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:12px 14px;font-size:10px}.drawer-tool-btn:hover{border-color:var(--accent-cyan);box-shadow:var(--morphism-drop-btn-hover);background:#121e3ee6;transform:translateY(-2px)}.drawer-tool-btn#drawer-audio-toggle.active{color:#ff6b6b;box-shadow:0 0 16px #ef444459, var(--morphism-btn-dark);border-color:#ef4444b3}.drawer-tool-btn#drawer-audio-toggle:hover{background:#280a10e6;border-color:#ef4444cc;box-shadow:inset 0 0 14px #ef444466,0 0 16px #ef444466}.drawer-tool-btn:active{box-shadow:var(--morphism-drop-btn-active);transform:translateY(1px)scale(.985)}.luxury-modal{z-index:2000;opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.luxury-modal.open{opacity:1;visibility:visible}.modal-backdrop{-webkit-backdrop-filter:blur(28px);background:#020409d1;position:absolute;inset:0}.modal-card{z-index:10;width:100%;max-width:580px;box-shadow:var(--morphism-window);-webkit-backdrop-filter:blur(28px)saturate(180%);background:#0b1329eb;border:1px solid #ffffff1f;border-radius:16px;padding:36px 40px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;transform:scale(.95)}.luxury-modal.open .modal-card{transform:scale(1)}.modal-card:hover{box-shadow:var(--morphism-window-hover)}.modal-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;transition:color .3s;position:absolute;top:20px;right:24px}.modal-close-btn:hover{color:#fff}.modal-tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent-cyan);margin-bottom:8px;font-size:11px}.modal-title{font-family:var(--font-serif);letter-spacing:.05em;color:#fff;margin-bottom:14px;font-size:2.2rem}.modal-desc{font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.modal-matrix{box-shadow:var(--morphism-inner);background:#040918b3;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;padding:20px 22px;display:grid}.m-stat{flex-direction:column;gap:4px;display:flex}.m-lbl{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-muted);text-transform:uppercase;font-size:9px}.m-val{font-family:var(--font-mono);color:#fff;font-size:13px;font-weight:500}.modal-footer-row{justify-content:flex-end;display:flex}@media (width<=768px){.cinematic-header{padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) 16px calc(20px + var(--safe-left))}.brand-title{letter-spacing:.22em;font-size:12px}.act-card{left:calc(24px + var(--safe-left));right:calc(64px + var(--safe-right));bottom:calc(15% + var(--safe-bottom));max-width:100%}.act-title{margin:8px 0 12px;font-size:clamp(2.4rem,11vw,3.4rem)}.act-tagline{max-width:320px;margin-bottom:22px;font-size:.95rem}.btn-pill-explore{padding:10px 24px;font-size:10px}.right-vertical-nav{right:calc(18px + var(--safe-right));top:auto;bottom:calc(130px + var(--safe-bottom));gap:18px;transform:none}.nav-vertical-line{background:#ffffff59;top:4px;bottom:4px;right:2.75px}.nav-label{letter-spacing:.18em;color:#ffffffa6;text-shadow:0 1px 6px #000000f2,0 2px 14px #000000f2;font-size:9.5px}.nav-dot-item.active .nav-label{opacity:1;color:#fff;font-weight:600}.nav-dot-circle{width:6.5px;height:6.5px}.bottom-controls{left:calc(24px + var(--safe-left));right:calc(24px + var(--safe-right));bottom:calc(24px + var(--safe-bottom))}.mouse-scroll-pill{width:17px;height:27px}.explore-text,.earth-view-text{letter-spacing:.2em;font-size:9.5px}.modal-card{padding:24px 20px}.modal-title{font-size:1.8rem}.modal-matrix{grid-template-columns:1fr;gap:12px}}@supports (padding:max(0px)){.cinematic-header{padding-top:max(20px, env(safe-area-inset-top));padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}.bottom-controls{padding-bottom:max(16px, env(safe-area-inset-bottom))}}