@charset "UTF-8";
:root{--ink:#06090d;--white:#e8eef2;--muted:#98a6b6;--accent:#a8cbe4;--violet:#c5afe3;--sans:"DM Sans","Noto Sans KR",Arial,sans-serif;--display:"Space Grotesk","DM Sans",Arial,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"Courier New",monospace;--gutter:5vw;--screen:100svh;--screen:100vh}
@supports(height:100svh){:root{--screen:100svh}}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);scroll-padding-top:0}body{margin:0;color:var(--white);background:var(--ink);font:400 14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:none;border:0;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:8px}::selection{color:#06090d;background:#cddff0}svg,img{display:block;max-width:100%}p,h1,h2{margin:0}em{font-family:var(--serif);font-weight:400}canvas{display:block;width:100%;height:100%;pointer-events:none}.eyebrow{font:400 9px/1.7 var(--mono);letter-spacing:.13em}.slogan{font-size:13px;line-height:1.9;word-break:keep-all;color:#b4c0cd;letter-spacing:-.015em}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-180%);padding:12px 18px;background:#fff;color:#111;z-index:100}.skip-link:focus{transform:none}.reading-progress{position:fixed;top:0;left:0;height:1px;width:100%;background:linear-gradient(90deg,#788eae,#cae0f0);transform:scaleX(0);transform-origin:left;z-index:90}
/* The entire experience shares one live three-dimensional field. */
.world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#06090d}.world canvas{position:absolute;inset:0;opacity:0;transition:opacity 1.4s}.world.ready canvas{opacity:1}.world-fallback{position:absolute;left:24%;top:8%;width:64%;height:82%;object-fit:contain;opacity:.8;animation:fallback-drift 17s ease-in-out infinite}.world.ready .world-fallback{opacity:0;animation:none}.world-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#06090d 0%,#06090d00 17%,#06090d00 82%,#06090d77 100%);opacity:.8}.world-grain{position:absolute;inset:0;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.viewport-marks{position:fixed;inset:112px 26px 35px;z-index:3;pointer-events:none}.viewport-marks i{position:absolute;left:0;top:0;width:10px;height:10px;border-left:1px solid #c2d8e738;border-top:1px solid #c2d8e738}.viewport-marks i:nth-child(2){left:auto;right:0;transform:rotate(90deg)}.viewport-marks i:nth-child(3){top:auto;bottom:0;transform:rotate(-90deg)}.viewport-marks i:nth-child(4){top:auto;left:auto;bottom:0;right:0;transform:rotate(180deg)}
/* Brand and navigation retain the QuantumJump identity. */
.site-header{position:fixed;inset:0 0 auto;z-index:70;height:105px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#06090deb,#06090d00);pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:24px;height:32px;color:#d3c0e9}.brand b{font-size:23px;letter-spacing:-1.1px;font-weight:500}.brand small{display:block;font-size:6px;letter-spacing:.42em;margin:1px 0 0 2px;color:#b7c2ce}.header-center{font:7px var(--mono);letter-spacing:.12em;color:#8997a6;display:flex;align-items:center;gap:12px;margin-left:10px}.header-center i{height:3px;width:3px;background:#bbcfe1;box-shadow:0 0 7px #b2d9ff;border-radius:50%;animation:status-breathe 6s infinite}.header-right{display:flex;align-items:center;gap:36px}.languages{display:flex;gap:11px;align-items:center;font-size:10px}.languages>span{color:#5d6a7c}.languages a{padding:13px 0;position:relative;color:#8995a6}.languages a[aria-current]{color:#eff5f9}.languages a[aria-current]:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:#cfdaed}.menu-toggle{width:34px;height:44px;padding:12px 0;display:flex;flex-direction:column;justify-content:center;gap:7px}.menu-toggle i{height:1px;width:30px;background:#cbd6e2;transition:transform .35s}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}.site-menu{position:fixed;inset:0;z-index:60;background:#0a1018f7;backdrop-filter:blur(22px);visibility:hidden;opacity:0;transition:opacity .45s,visibility .45s;overflow:auto}.site-menu.open{visibility:visible;opacity:1}.menu-inner{max-width:1100px;margin:auto;padding:140px 6vw 50px;display:flex;flex-direction:column}.menu-inner>.eyebrow{color:#91a7c0;margin-bottom:26px}.menu-inner>a{font-size:clamp(36px,5vw,70px);font-family:var(--serif);border-bottom:1px solid #b9d0ee27;padding:14px 0;display:flex;align-items:center;justify-content:space-between}.menu-inner>a>small{font:9px var(--mono);color:#a5b5c9}.menu-inner .menu-global{font:400 13px var(--sans);padding-top:30px;border:0;color:#adc0d5}.menu-global svg{width:25px;height:25px}.menu-inner>a:hover>span{transform:translateX(10px)}.menu-inner>a>span{transition:transform .4s}
.chapter-rail{position:fixed;z-index:30;bottom:29px;left:var(--gutter);display:flex;gap:23px;padding:10px 0;background:linear-gradient(90deg,#06090d7a,transparent);transition:opacity .5s}.chapter-rail a{display:flex;align-items:center;gap:8px;font:8px var(--mono);color:#8290a1;padding:10px 0;min-width:42px}.chapter-rail i{width:18px;height:1px;background:#526275;transition:width .7s,background .7s}.chapter-rail b{font-size:7px;font-weight:400;letter-spacing:.1em;display:none}.chapter-rail a[aria-current]{color:#d2e5f6}.chapter-rail a[aria-current] i{width:36px;background:#c5d8ed}.chapter-rail a[aria-current] b{display:block}.at-footer .chapter-rail,.menu-open .chapter-rail{opacity:0;pointer-events:none}
/* Four editorial compositions, without cards or alternating colour blocks. */
.exhibition{position:relative;z-index:2}.scene{position:relative;height:calc(var(--screen)*1.62);--local:0;--entry:1;--exit:1}.scene-frame{position:sticky;top:0;height:var(--screen);min-height:560px;overflow:hidden;opacity:calc(var(--entry)*var(--exit));transition:opacity .06s linear}.scene-label{position:absolute;left:var(--gutter);right:var(--gutter);top:17%;display:flex;justify-content:space-between;gap:30px;color:#a5b6c8}.scene-notation{font:7px var(--mono);color:#73869d;letter-spacing:.13em}.legacy-anchor{position:absolute;top:0}.origin-top{position:absolute;left:var(--gutter);right:var(--gutter);top:23%;display:flex;justify-content:space-between;color:#a9bcd0}.origin-top .eyebrow{font-size:9px;line-height:1.9}.tiny-symbol{font-size:26px;font-weight:400;color:#bcd1e4}.origin-title{position:absolute;left:var(--gutter);right:var(--gutter);bottom:19%;transform:translateY(calc(var(--local)*-40px))}.title-preface{display:flex;justify-content:space-between;padding:0 .3vw 15px;color:#a6b8cb}.title-preface .eyebrow{font-size:7px}.origin h1{font:400 16vw/.84 var(--display);letter-spacing:-.095em;white-space:nowrap;margin-left:-.009em;color:#e5ecf1;text-shadow:0 0 50px #06090d35}.origin h1>span{color:#b7b4e0}.title-baseline{border-top:1px solid #abc8e333;padding-top:22px;margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.title-baseline .slogan{font-size:12px}.scroll-link{display:flex;align-items:center;gap:36px;font:7px var(--mono);letter-spacing:.12em;color:#a6bed4}.scroll-link i{font:22px var(--sans);animation:scroll-cue 3.2s ease-in-out infinite}.side-note{position:absolute;right:var(--gutter);top:42%;font:6px var(--mono);letter-spacing:.24em;writing-mode:vertical-rl;color:#7f98b0}.shift .scene-frame{min-height:600px}.shift-title{position:absolute;left:var(--gutter);right:var(--gutter);top:25%;font:400 11.3vw/.94 var(--display);letter-spacing:-.075em}.shift-title>span{display:block}.shift-the{font-family:var(--serif);font-style:italic;font-size:.74em;line-height:1.1;letter-spacing:-.04em;margin-left:26%;color:#abbfd2}.shift-title .shift-possible{margin-left:16%;color:transparent;-webkit-text-stroke:.8px #c4d6e8bd;transform:translateX(calc((.4 - var(--local))*25px))}.point{-webkit-text-stroke:0;color:#aab6d5}.shift-caption{position:absolute;left:var(--gutter);bottom:21%;display:flex;align-items:flex-start;gap:20px}.caption-line{height:1px;width:45px;margin-top:12px;background:#b9c9df77}.shift-caption .slogan{font-size:12px}.coordinate{font:8px var(--mono);color:#71839b;position:absolute;left:0;top:70px}.scan-line{position:absolute;right:var(--gutter);top:56%;bottom:24%;border-right:1px solid #b0cae440;width:20px;opacity:.65}.scan-line i{position:absolute;right:-2px;top:0;width:3px;height:12px;background:#d2e7f5;animation:scan 12s linear infinite}.scan-line>span{position:absolute;right:12px;top:0;white-space:nowrap;font:6px var(--mono);letter-spacing:.14em;writing-mode:vertical-rl;color:#a7bfd4}.frontier-topline{position:absolute;left:var(--gutter);right:var(--gutter);top:25%;display:flex;gap:38px;font:7px var(--mono);letter-spacing:.1em;color:#899cb4}.frontier h2{position:absolute;right:var(--gutter);top:32%;width:52%;font:400 8.5vw/.96 var(--display);letter-spacing:-.075em;text-align:right;transform:translateX(calc((.3 - var(--local))*25px))}.frontier h2>span,.frontier h2>em{display:block}.frontier h2 .frontier-small{font:400 23px/1.4 var(--serif);letter-spacing:0;color:#adbccf;margin-bottom:29px}.frontier h2 em{font-size:1.65em;line-height:.95;letter-spacing:-.04em;color:#b9cbdc}.frontier-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:19%;display:flex;justify-content:space-between;align-items:center}.frontier-star{font:50px var(--serif);color:#b1c3d8;animation:slow-spin 45s linear infinite}.frontier-bottom .slogan{font-size:12px;max-width:60%;text-align:right}.universe{height:calc(var(--screen)*1.42)}.universe-title{position:absolute;left:var(--gutter);top:29%;transform:translateY(calc(var(--local)*-20px))}.universe-title>.eyebrow{color:#9cafc2;font-size:8px}.universe h2{font:400 9.5vw/.96 var(--display);letter-spacing:-.075em;margin:25px 0 23px}.universe h2 em{font-size:1.12em;line-height:1;letter-spacing:-.04em;color:#abc3d8}.universe .slogan{font-size:12px}.global-portal{position:absolute;left:var(--gutter);right:var(--gutter);bottom:17%;border-top:1px solid #abcbe34d;border-bottom:1px solid #abcbe325;padding:25px 0;display:flex;align-items:center;gap:22px;transition:border-color .4s,background .4s}.portal-mark .brand-mark{width:32px;height:40px;color:#c9b7df}.portal-title{display:block}.portal-title>small{font:7px var(--mono);letter-spacing:.14em;color:#829cb6;display:block;margin-bottom:9px}.portal-title>b{font:400 25px var(--sans);letter-spacing:-.8px}.portal-title>b>span{font-weight:400;color:#a2b8cd}.portal-arrow{margin-left:auto;width:38px;height:38px;transition:transform .5s}.global-portal:hover{border-color:#bcd9ec;background:#bbd8ff06}.global-portal:hover .portal-arrow{transform:translate(5px,-5px)}.site-footer{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px var(--gutter);border-top:1px solid #b5cee321;background:#06090dc9;color:#8599b0;font:7px var(--mono);letter-spacing:.09em}.site-footer a{padding:10px 0}.page-hidden *,.page-hidden *:before,.page-hidden *:after,.is-away *,.is-away *:before,.is-away *:after{animation-play-state:paused!important}
@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{top:0;opacity:.2}50%{top:95%;opacity:.8}}@keyframes status-breathe{0%,100%{opacity:.4}50%{opacity:1}}@keyframes scroll-cue{0%,100%{transform:translateY(-3px);opacity:.5}50%{transform:translateY(4px);opacity:1}}@keyframes fallback-drift{0%,100%{transform:rotate(-5deg) translateY(-5px)}50%{transform:rotate(5deg) translateY(5px)}}
@media(min-width:1800px){:root{--gutter:6vw}.origin h1{font-size:15.65vw}.world-fallback{left:26%;width:62%}.title-baseline .slogan,.slogan{font-size:15px}.chapter-rail a{font-size:10px}.chapter-rail b{font-size:8px}}
@media(max-width:1000px){.header-center{display:none}.frontier h2{font-size:10vw;width:70%}.shift-title{top:28%;font-size:11.6vw}.universe h2{font-size:12vw}.frontier-topline{gap:23px;font-size:6px}.chapter-rail{gap:18px}}
@media(max-width:700px){:root{--gutter:6vw}.site-header{height:89px}.brand{gap:9px}.brand-mark{width:21px;height:28px}.brand b{font-size:20px;letter-spacing:-.85px}.brand small{font-size:5.5px;letter-spacing:.35em;margin-top:2px}.header-right{gap:23px}.languages{gap:8px;font-size:9px}.menu-toggle{width:28px}.menu-toggle i{width:27px}.viewport-marks{inset:108px 15px 24px}.viewport-marks i{width:7px;height:7px}.scene{height:calc(var(--screen)*1.48)}.scene-frame{min-height:590px}.world-fallback{left:-25%;top:3%;width:150%;height:84%;max-width:none}.menu-inner{padding:130px 8vw 40px}.menu-inner>.eyebrow{font-size:7px;margin-bottom:21px}.menu-inner>a{font-size:10.4vw;padding:15px 0}.menu-inner .menu-global{font-size:12px;padding-top:28px}.chapter-rail{bottom:23px;gap:18px;left:var(--gutter)}.chapter-rail a{font-size:7px;gap:6px;min-width:28px}.chapter-rail b{font-size:6px}.chapter-rail i{width:10px}.chapter-rail a[aria-current] i{width:22px}.eyebrow{font-size:7px;letter-spacing:.12em}.origin-top{top:22%}.origin-top .eyebrow{font-size:6px;line-height:2}.tiny-symbol{font-size:21px}.origin-title{bottom:24%}.title-preface{padding:0 1px 17px}.title-preface .eyebrow{font-size:5px;letter-spacing:.1em}.origin h1{font-size:15.9vw;letter-spacing:-.09em}.title-baseline{align-items:flex-start;margin-top:23px;padding-top:17px;gap:13px}.title-baseline .slogan{font-size:10px;max-width:60%}.scroll-link{gap:12px;font-size:4.8px;letter-spacing:.02em}.scroll-link i{font-size:16px;line-height:1.2}.side-note{top:38%;font-size:5px;letter-spacing:.16em}.scene-label{top:19%;gap:20px}.scene-label>.eyebrow{font-size:6px}.scene-notation{font-size:5px;letter-spacing:.06em;max-width:120px;text-align:right}.shift-title{top:29%;font-size:15.2vw;letter-spacing:-.07em;line-height:1.05}.shift-title .shift-the{margin-left:41%;font-size:.78em;line-height:1.3}.shift-title .shift-possible{font-size:.83em;margin-left:0;-webkit-text-stroke:.65px #c4d6e8c9}.shift-caption{bottom:24%;gap:13px;max-width:75%}.caption-line{width:22px;margin-top:10px}.shift-caption .slogan{font-size:10px;line-height:1.85}.coordinate{font-size:6px;top:60px}.scan-line{top:56%;bottom:23%;right:7%}.scan-line>span{font-size:5px;right:10px}.frontier-topline{top:26%;justify-content:space-between;gap:12px;font-size:4.7px;letter-spacing:0}.frontier h2{top:38%;font-size:16.5vw;width:89%;line-height:.92}.frontier h2 .frontier-small{font-size:21px;margin-bottom:16px}.frontier h2 em{font-size:1.58em}.frontier-bottom{bottom:22%;gap:20px}.frontier-star{font-size:31px}.frontier-bottom .slogan{font-size:10px;max-width:72%}.universe{height:calc(var(--screen)*1.28)}.universe-title{top:32%}.universe-title>.eyebrow{font-size:6px}.universe h2{font-size:17.8vw;margin:24px 0 20px}.universe h2 em{font-size:1.12em}.universe .slogan{font-size:10px}.global-portal{bottom:17%;padding:18px 0;gap:13px}.portal-mark .brand-mark{width:23px;height:30px}.portal-title>small{font-size:5px;letter-spacing:.07em;margin-bottom:8px}.portal-title>b{font-size:19px;letter-spacing:-.6px}.portal-arrow{width:26px;height:26px}.site-footer{padding:24px var(--gutter);font-size:5px;gap:14px}.site-footer>span:nth-child(2){display:none}}
@media(max-width:370px){.brand b{font-size:18px}.brand-mark{width:19px}.header-right{gap:15px}.languages{font-size:8px}.chapter-rail{gap:14px}.chapter-rail b{font-size:5px}.title-baseline .slogan{font-size:9px}.portal-title>b{font-size:17px}.menu-inner>a{padding:16px 0}}
@media(max-height:620px) and (min-width:701px){.scene-frame{min-height:420px}.site-header{height:75px}.viewport-marks{top:85px}.origin-title{bottom:22%}.origin h1{font-size:12vw}.origin-top{top:22%}.shift-title{font-size:8vw;top:27%}.shift-caption{left:64%;bottom:25%}.frontier h2{font-size:7vw;top:30%}.frontier h2 .frontier-small{font-size:18px;margin-bottom:10px}.universe h2{font-size:7vw}.universe-title{top:25%}.universe-title .slogan{display:none}.global-portal{left:57%;bottom:26%;padding:18px 0}.portal-title>b{font-size:18px}.portal-mark{display:none}.chapter-rail{bottom:15px}.menu-inner{padding-top:95px}.menu-inner>a{font-size:34px;padding:7px 0}.menu-inner>.eyebrow{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-link i{animation-duration:10s}.frontier-star{animation-duration:160s}.scan-line i{animation-duration:60s}.world-fallback{animation-duration:70s}.scene-frame{transition:none}.origin-title,.shift-possible,.frontier h2,.universe-title{transform:none}}

/* V5 — luminous depth, conviction before consensus. */
:root{--white:#f0f3fc;--accent:#9cd9ff;--violet:#bca4ff}
.world-energy{position:absolute;inset:0;background:radial-gradient(ellipse at 67% 35%,#34298636,transparent 38%),radial-gradient(ellipse at 40% 56%,#007caa21,transparent 40%);animation:energy-breathe 10s ease-in-out infinite;pointer-events:none}
.world-vignette{background:linear-gradient(180deg,#06090dc9 0%,#06090d00 20%,#06090d00 75%,#06090d45 100%);opacity:.75}
.world-fallback{opacity:1;filter:drop-shadow(0 0 8px #608dff44)}
.origin-top{top:21%;color:#b4c9e6}.origin-top .eyebrow{font-size:8px}
.origin-title{bottom:17%;right:11%;text-shadow:0 3px 30px #06090d4d}
.title-preface{padding-bottom:22px;color:#becfec}.title-preface .eyebrow{font-size:8px}
.origin h1{font:400 10.3vw/.84 var(--display);letter-spacing:-.065em;white-space:normal;text-shadow:0 2px 38px #06090d6b}
.origin h1>span{display:block;color:#f0f3fc;letter-spacing:-.075em}
.origin h1 em{display:block;font-size:1.26em;letter-spacing:-.035em;line-height:.94;margin-left:11%;color:#c8d6ff;font-family:var(--serif);font-weight:400}
.title-baseline{margin-top:26px;max-width:78%;padding-top:18px;border-color:#c9d4f74d}.title-baseline .slogan{color:#ced7e6;font-size:12px;max-width:65%}
.scroll-link{color:#bccdeb}.scene-label{color:#b8c9e2}.scene-notation{color:#819ebc}
.shift-title{top:34%;font-size:8.8vw;letter-spacing:-.065em;line-height:1.08;text-shadow:0 2px 35px #06090d88}
.shift-title .shift-first{margin-left:0}
.shift-title .shift-possible{display:block;font:italic 1.36em/.94 var(--serif);letter-spacing:-.04em;margin-left:22%;color:#c2d7ff;-webkit-text-stroke:0;transform:translateX(calc((.4 - var(--local))*36px))}
.shift-caption{bottom:20%;left:var(--gutter)}.shift-caption .slogan{color:#c3cfe0;font-size:13px}.caption-line{background:#a2c6ff}.scan-line{border-color:#bdc8ff57}
.frontier h2{right:var(--gutter);top:39%;width:86%;font-size:7.9vw;line-height:1.01;text-shadow:0 2px 32px #06090d73}
.frontier h2 .frontier-small{font:8px var(--mono);letter-spacing:.17em;margin-bottom:25px;color:#c5cde3}
.frontier h2 em{font-size:1.4em;letter-spacing:-.033em;color:#c9c4ff;line-height:1.08}
.frontier-bottom{bottom:17%}.frontier-bottom .slogan{color:#c3cede}.frontier-topline{color:#b2bfdb}.frontier-star{color:#becbfa}
.universe-title{top:28%;text-shadow:0 2px 30px #06090d66}.universe h2{font-size:7vw;line-height:1.04;margin:28px 0 24px}.universe h2 em{font-size:1.36em;color:#cad9fb}.universe .slogan{color:#c3cee0}
.global-portal{border-top-color:#b7d2ff69;background:linear-gradient(90deg,#07101a55,transparent)}.portal-title>b>span{color:#b4caed}.portal-arrow{color:#bcd7ff}
@keyframes energy-breathe{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@media(min-width:1800px){.origin h1{font-size:10.4vw}.title-baseline .slogan{font-size:14px}}
@media(max-width:1000px){.origin-title{right:var(--gutter)}.origin h1{font-size:12.1vw}.title-baseline{max-width:90%}.shift-title{font-size:10vw}.frontier h2{font-size:8.7vw}.universe h2{font-size:9vw}}
@media(max-width:700px){
 .world-energy{background:radial-gradient(ellipse at 63% 37%,#49389740,transparent 43%),radial-gradient(ellipse at 25% 52%,#0088b52b,transparent 37%)}
 .origin-top{top:20%}.origin-top .eyebrow{font-size:6px}.origin-title{bottom:23%;right:var(--gutter)}
 .title-preface{padding-bottom:21px}.title-preface .eyebrow{font-size:5px}
 .origin h1{font-size:21vw;line-height:.86;letter-spacing:-.06em}.origin h1 em{font-size:.90em;line-height:1.10;margin-left:3.5%;letter-spacing:-.043em}
 .title-baseline{max-width:100%;margin-top:22px;padding-top:18px;gap:12px}.title-baseline .slogan{font-size:10px;max-width:68%;line-height:1.85}.scroll-link{font-size:4.5px;gap:8px}
 .shift-title{top:36%;font-size:13.4vw;line-height:1.15;letter-spacing:-.065em}.shift-title .shift-possible{font-size:1.38em;margin:15px 0 0 3%;letter-spacing:-.047em;-webkit-text-stroke:0}
 .shift-caption{bottom:24%;max-width:85%}.shift-caption .slogan{font-size:11px}.coordinate{top:61px}.scan-line{top:59%;bottom:22%}
 .frontier-topline{font-size:4.3px;gap:8px;top:26%}.frontier h2{top:42%;width:88%;font-size:12vw;line-height:1.13;letter-spacing:-.062em}
 .frontier h2 .frontier-small{font-size:5px;letter-spacing:.1em;margin-bottom:20px}.frontier h2 em{font-size:1.30em;letter-spacing:-.036em;margin-top:9px;line-height:1.05}
 .frontier-bottom{bottom:22%}.frontier-bottom .slogan{font-size:10px;max-width:77%;line-height:1.9}.frontier-star{font-size:28px}
 .universe-title{top:32%}.universe h2{font-size:13.8vw;line-height:1.1;margin:23px 0 20px;letter-spacing:-.068em}.universe h2 em{font-size:1.25em;letter-spacing:-.047em;line-height:1.12}
 .universe .slogan{font-size:10px;max-width:95%}.chapter-rail{gap:15px}.chapter-rail b{font-size:5.5px}
}
@media(max-width:370px){.origin h1{font-size:20.9vw}.title-baseline .slogan{font-size:9px}.chapter-rail{gap:12px}.chapter-rail b{font-size:5px}}
@media(max-height:620px) and (min-width:701px){.origin-title{bottom:22%;width:65%}.origin h1{font-size:8.1vw}.origin h1 em{font-size:1.11em;line-height:.93}.title-preface{padding-bottom:15px}.title-baseline{max-width:90%;margin-top:18px;padding-top:13px}.origin-top{top:22%}.shift-title{top:34%;font-size:7.4vw}.shift-caption{bottom:20%;left:62%}.frontier h2{font-size:7vw;top:31%}.frontier h2 .frontier-small{font-size:7px;margin-bottom:14px}.frontier h2 em{font-size:1.16em}.universe h2{font-size:6.3vw;margin-top:15px}.universe-title{top:28%}}
@media(prefers-reduced-motion:reduce){.world-energy{animation-duration:40s}}
.origin h1{ text-shadow:0 2px 16px #06090dc9,0 0 70px #06090d80 }

/* V6 — owner-supplied copy and the monumental signature; V5 art and motion retained. */
.local-copy{font:400 10px/1.8 var(--sans);letter-spacing:-.015em;color:#aebcd0;word-break:keep-all;margin-top:7px}
.origin h1{font-size:min(7.5vw,11svh);line-height:.99}
.origin h1>span{letter-spacing:-.065em}
.origin h1 em{font-size:1.25em;line-height:1.01;margin-left:23%;letter-spacing:-.04em}
.title-preface{padding-bottom:18px}
.title-baseline{max-width:86%;margin-top:22px}
.title-baseline .slogan{max-width:72%}
.title-baseline .scroll-link{margin-left:auto}
.origin-top .local-copy{font-size:9px}
.shift-title{font-size:6.1vw;line-height:1.1}
.shift-title .shift-possible{font-size:1.5em;margin-left:19%;margin-top:10px}
.shift-copy{max-width:52vw}
.shift-copy .support-slogan{font:400 13px/1.6 var(--sans);letter-spacing:-.01em;color:#e0e7f2;margin-top:24px}
.shift-copy .local-copy{font-size:10px;margin-top:5px}
.shift-copy>.support-slogan:first-child{margin-top:0}
.coordinate{top:auto;bottom:-35px}
.frontier-topline{font:400 11px/1.6 var(--sans);letter-spacing:.01em}
.frontier-topline .local-copy{font-size:10px}
.frontier h2{font-size:7.4vw}
.frontier h2 em{font-size:1.20em}
.universe h2{font-size:6.5vw}
.universe-title>.local-copy{font-size:10px}
.site-footer{display:block;padding:52px var(--gutter) 24px}
.footer-statement{position:relative;padding-right:50px;margin-bottom:38px;letter-spacing:-.02em}
.footer-statement>p:first-child{font:400 clamp(16px,2.2vw,32px)/1.35 var(--sans);color:#c2d0e3}
.footer-statement em{font-size:1.2em;color:#d9def7;white-space:nowrap}
.footer-statement .local-copy{font-size:11px;margin-top:12px}
.footer-symbol{position:absolute;right:0;top:0;font:32px/1 var(--sans);color:#a8c7e4}
.site-footer .footer-word{display:block;width:100%;padding:0 0 28px;font:500 11.9vw/1.05 var(--sans);letter-spacing:-.065em;white-space:nowrap;color:#c8d4ec}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #b5cee329;font:7px/1.6 var(--mono);letter-spacing:.09em}
.footer-bottom a{padding:10px 0}
@media(min-width:1800px){.site-footer .footer-word{font-size:11.6vw}}
@media(max-width:1000px){.origin h1{font-size:min(8.5vw,11svh)}.shift-title{font-size:6.6vw}.shift-copy{max-width:66vw}.universe h2{font-size:7.4vw}}
@media(max-width:700px){
 .local-copy{font-size:9px;margin-top:5px}
 .origin-top .local-copy{font-size:8px}
 .origin h1{font-size:min(12.7vw,7.3svh);line-height:1.05;letter-spacing:-.065em}
 .origin h1 em{font-size:1.43em;line-height:1.08;margin-left:14%;letter-spacing:-.043em;margin-top:6px}
 .title-preface{padding-bottom:18px}.title-baseline{max-width:100%;margin-top:20px}
 .title-baseline .slogan{max-width:71%;font-size:10px}
 .shift-title{font-size:min(9.8vw,6svh);line-height:1.06;top:34%}
 .shift-first>span{display:block}
 .shift-title .shift-possible{font-size:1.42em;margin:9px 0 0 9%;letter-spacing:-.047em}
 .shift-caption{bottom:21%;max-width:87%;gap:11px}
 .shift-copy{max-width:75vw}.shift-copy .slogan{font-size:10px}
 .shift-copy .support-slogan{font-size:10px;line-height:1.7;margin-top:19px;max-width:72vw}
 .shift-copy .local-copy{font-size:9px;margin-top:4px}
 .coordinate{bottom:-26px}
 .frontier-topline{font-size:9px;top:26%}.frontier-topline .local-copy{font-size:8px}
 .frontier h2{font-size:min(12vw,7svh)}.frontier h2 em{font-size:1.04em;letter-spacing:-.047em}
 .universe-title{right:var(--gutter)}.universe-title>.local-copy{font-size:8px}
 .universe h2{font-size:min(11.5vw,6svh);line-height:1.12;margin-top:20px}.universe h2 em{font-size:1.44em}
 .universe .slogan{max-width:93%;font-size:10px}
 .site-footer{padding:34px var(--gutter) 22px}
 .footer-statement{padding-right:25px;margin-bottom:28px;max-width:100%}
 .footer-statement>p:first-child{font-size:17px;line-height:1.4}.footer-statement em{display:block;font-size:1.25em}
 .footer-statement .local-copy{font-size:9px;margin-top:10px;max-width:90%}
 .footer-symbol{font-size:23px}
 .site-footer .footer-word{font-size:11.75vw;padding-bottom:19px}
 .footer-bottom{font-size:5px;gap:10px;padding-top:12px}.footer-bottom>span:nth-child(2){display:none}
}
@media(max-width:370px){.title-baseline .slogan{font-size:9px}.shift-copy .support-slogan{font-size:9px}.shift-copy .local-copy{font-size:8px}.universe .slogan{font-size:9px}}
@media(max-height:620px) and (min-width:701px){
 .origin-title{width:65%}.origin h1{font-size:min(6vw,9vh);line-height:1}.origin h1 em{font-size:1.12em;line-height:1}
 .origin-top{top:21%}.origin-top .eyebrow{font-size:6px}.origin-top .local-copy{font-size:8px}
 .title-baseline{margin-top:15px;padding-top:12px}.title-baseline .slogan{font-size:10px}
 .shift-title{font-size:5.2vw;top:32%}.shift-title .shift-possible{font-size:1.35em}
 .shift-caption{left:var(--gutter);bottom:17%;max-width:88%;gap:15px}.shift-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 18px;max-width:85vw}.shift-copy .slogan{font-size:10px}.shift-copy .support-slogan{font-size:10px;margin-top:0}.shift-copy .local-copy{font-size:9px;margin:0}.coordinate{display:none}
 .frontier h2{font-size:6.2vw;top:34%}.frontier h2 em{font-size:1.12em}.frontier-topline{top:22%;font-size:9px}.frontier-topline .local-copy{font-size:8px}
 .universe-title{top:25%}.universe h2{font-size:5vw;margin-top:14px}.universe h2 em{font-size:1.25em}
}

/* V7 — nine statements, each with its own scene. Same V5 light, materials and field. */
.scene.chapter{height:calc(var(--screen)*1.38)}
.scene.chapter-early,.scene.chapter-impossible{height:calc(var(--screen)*1.48)}
.scene.chapter-giants{height:calc(var(--screen)*1.42)}
.chapter-layout{position:absolute;inset:24% var(--gutter) 20%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;text-shadow:0 2px 26px #06090d99}
.chapter-layout h2{font:400 min(8.3vw,11svh)/1.04 var(--display);letter-spacing:-.065em;color:#f0f3fc;width:100%;max-width:100%}
.chapter-layout h2>span,.chapter-layout h2>em{display:block}
.chapter-layout h2 em{font:italic 1.22em/1.06 var(--serif);letter-spacing:-.04em;color:#c8d6ff}
.chapter-layout>.slogan,.chapter-layout>.local-copy{font:400 13px/1.9 var(--sans);color:#c0cde0;letter-spacing:-.015em;word-break:keep-all;margin:0;max-width:630px}
.chapter-layout .keep{white-space:nowrap}
.chapter-signature{position:absolute;bottom:15%;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:18px;font:6px var(--mono);letter-spacing:.1em;color:#6f859f}
.chapter-signature i{width:60px;height:1px;background:#9bb8d538}
.chapter-signature>span:last-child{margin-left:auto}
.chapter-early .chapter-layout{right:18%;gap:35px}
.chapter-early h2{font-size:min(5.7vw,8.2svh);line-height:1.16}
.chapter-early h2 em{margin-top:22px;margin-left:12%;font-size:1.36em}
.chapter-definers .chapter-layout{align-items:flex-end;text-align:right;top:27%}
.chapter-definers h2{font-size:min(7.9vw,10.4svh)}
.chapter-definers h2 em{font-size:1.13em}
.chapter-architects .chapter-layout{left:12%;gap:28px}
.chapter-architects h2{font-size:min(6.7vw,9svh);line-height:1.02}
.chapter-architects h2>span:nth-child(2){margin-left:16%}
.chapter-architects h2 em{margin-left:38%;font-size:1.20em;white-space:nowrap}
.chapter-architects .chapter-layout>p{margin-left:3%}
.chapter-impossible .chapter-layout{align-items:flex-end;text-align:right}
.chapter-impossible h2{font-size:min(5.4vw,8.8svh);line-height:1.13}
.chapter-impossible h2 em{font-size:1.85em;line-height:1.02;margin-top:6px}
.chapter-beyond .chapter-layout{gap:36px}
.chapter-beyond h2{font-size:min(7.2vw,10svh);line-height:1.07}
.chapter-beyond h2 em{font-size:1.4em;margin-left:9%;margin-top:8px}
.chapter-engineer .chapter-layout{align-items:center;text-align:center;gap:38px}
.chapter-engineer h2{font-size:min(10.3vw,13svh);line-height:.94;letter-spacing:-.06em}
.chapter-engineer h2 em{font-size:.91em;letter-spacing:-.025em;margin-top:17px}
.chapter-titans .chapter-layout{left:9%;gap:32px}
.chapter-titans h2{font-size:min(7.4vw,10svh)}
.chapter-titans h2 em{font-size:1.4em;margin-left:25%;margin-top:4px}
.chapter-giants .chapter-layout{inset:26% var(--gutter) 35%;gap:25px}
.chapter-giants h2{font-size:min(7.1vw,10.2svh);line-height:1}
.chapter-giants h2 em{font-size:1.19em;margin-left:12%;white-space:nowrap;margin-top:5px}
.chapter-giants .global-portal{bottom:16%}
.chapter-giants .chapter-signature{display:none}
.chapter-rail{gap:18px}.chapter-rail a{min-width:29px}.chapter-rail i{width:9px}.chapter-rail a[aria-current] i{width:23px}.chapter-rail b{font-size:6px}
.menu-chapters{display:grid;grid-template-columns:1fr 1fr;column-gap:8%}
.menu-chapters>a{font:400 clamp(30px,3.6vw,53px)/1.18 var(--serif);padding:15px 0;border-bottom:1px solid #b9d0ee27;display:flex;align-items:center;justify-content:space-between;gap:15px}
.menu-chapters>a>small{font:8px var(--mono);color:#a5b5c9}.menu-chapters>a>span{transition:transform .4s}.menu-chapters>a:hover>span{transform:translateX(8px)}
.site-footer{padding:40px var(--gutter) 21px}
.site-footer .footer-word{font:450 8.6vw/1.08 var(--sans);letter-spacing:-.07em;color:#746784;padding:0 0 28px}
.footer-bottom{color:#718298}
@media(min-width:1800px){.site-footer .footer-word{font-size:8.2vw}}
@media(max-width:1000px) and (min-width:701px){.chapter-rail{gap:13px}.chapter-rail b{font-size:5px}.chapter-rail a{gap:5px;min-width:25px}.chapter-rail a[aria-current] i{width:17px}.chapter-early .chapter-layout{right:var(--gutter)}.chapter-architects .chapter-layout{left:8%}}
@media(max-width:700px){
 .scene.chapter{height:calc(var(--screen)*1.32)}
 .scene.chapter-early,.scene.chapter-impossible{height:calc(var(--screen)*1.40)}
 .scene.chapter-giants{height:calc(var(--screen)*1.34)}
 .chapter-layout{inset:27% var(--gutter) 22%;gap:25px}
 .chapter-layout h2{font-size:min(13.5vw,8.4svh);line-height:1.05}
 .chapter-layout h2 em{font-size:1.17em;line-height:1.12}
 .chapter-layout>.slogan,.chapter-layout>.local-copy{font-size:11px;line-height:1.95;max-width:90%;margin:0}
 .chapter-signature{bottom:16%;font-size:4.5px;gap:11px}.chapter-signature i{width:30px}
 .chapter-early .chapter-layout{right:var(--gutter);gap:26px}
 .chapter-early h2{font-size:min(11.8vw,7.4svh);line-height:1.04}
 .chapter-early h2>span .keep{display:block}
 .chapter-early h2 em{font-size:1.2em;margin:21px 0 0 8%;line-height:1.09}
 .chapter-early h2 em .keep{display:block}
 .chapter-definers .chapter-layout{top:29%}
 .chapter-definers h2{font-size:min(12.2vw,8svh)}
 .chapter-definers h2 em{font-size:1.08em;letter-spacing:-.047em;margin-top:10px}
 .chapter-architects .chapter-layout{left:var(--gutter);gap:27px}
 .chapter-architects h2{font-size:min(12.7vw,7.7svh);line-height:1.07}
 .chapter-architects h2>span:nth-child(2){margin-left:9%}
 .chapter-architects h2 em{margin-left:12%;font-size:1.05em;line-height:1.12}
 .chapter-architects .chapter-layout>p{margin-left:0}
 .chapter-impossible .chapter-layout{gap:28px}
 .chapter-impossible h2{font-size:min(9.1vw,6.2svh);line-height:1.12}
 .chapter-impossible h2 em{font-size:1.7em;line-height:1.08;margin-top:17px}
 .chapter-beyond .chapter-layout{gap:28px}
 .chapter-beyond h2{font-size:min(9.4vw,6.7svh);line-height:1.1}
 .chapter-beyond h2 em{font-size:1.41em;margin-left:4%;line-height:1.15;margin-top:10px}
 .chapter-engineer .chapter-layout{gap:33px}
 .chapter-engineer h2{font-size:min(15.5vw,10svh);line-height:1}
 .chapter-engineer h2 em{font-size:.88em;margin-top:20px;letter-spacing:-.045em}
 .chapter-titans .chapter-layout{left:var(--gutter);gap:29px}
 .chapter-titans h2{font-size:min(11.8vw,7.5svh)}
 .chapter-titans h2 em{font-size:1.4em;margin-left:17%;margin-top:15px}
 .chapter-giants .chapter-layout{inset:28% var(--gutter) 35%;gap:23px}
 .chapter-giants h2{font-size:min(13.3vw,8.6svh)}
 .chapter-giants h2 em{font-size:1.05em;margin-left:3%;margin-top:8px;letter-spacing:-.047em}
 .chapter-giants .global-portal{bottom:17%}
 .chapter-rail{gap:7px;max-width:88vw;bottom:23px}.chapter-rail a{font-size:6px;min-width:22px;gap:4px}.chapter-rail i{width:5px}.chapter-rail a[aria-current] i{width:10px}.chapter-rail a[aria-current] b{display:none}
 .menu-inner{padding:116px 8vw 35px}.menu-chapters{display:block}
 .menu-chapters>a{font-size:8vw;line-height:1.12;padding:12px 0}.menu-chapters>a>small{font-size:6px}.menu-inner>.eyebrow{margin-bottom:15px}
 .site-footer{padding:29px var(--gutter) 18px}.site-footer .footer-word{font-size:9.2vw;padding-bottom:20px;letter-spacing:-.07em}
}
@media(max-width:370px){.chapter-layout>.slogan,.chapter-layout>.local-copy{font-size:10px}.chapter-rail{gap:5px}.chapter-rail a{min-width:21px}.chapter-signature{font-size:4px}}
@media(max-height:620px) and (min-width:701px){
 .chapter-layout{inset:24% var(--gutter) 20%;gap:20px}.chapter-layout>.slogan,.chapter-layout>.local-copy{font-size:10px}
 .chapter-early .chapter-layout{gap:20px}.chapter-early h2{font-size:7.5svh}.chapter-early h2 em{margin-top:10px}
 .chapter-impossible h2{font-size:7.2svh}.chapter-impossible h2 em{font-size:1.6em}
 .chapter-engineer h2{font-size:11svh}.chapter-engineer .chapter-layout{gap:20px}
 .chapter-giants .chapter-layout{inset:24% 47% 18% var(--gutter);gap:16px}.chapter-giants h2{font-size:7svh}.chapter-giants .global-portal{left:58%;bottom:29%}
 .chapter-signature{bottom:14%}.chapter-rail{bottom:13px}
 .menu-inner{padding-top:95px}.menu-chapters>a{font-size:30px;padding:8px 0}
}

/* V8 — native scroll drives visible text layers without a second CSS lag. */
.scene-frame{transition:none}
.scene.is-away .scene-frame{visibility:hidden}
.site-footer{padding:14px var(--gutter) 17px}
.footer-bottom{padding-top:0;border-top:0}
@media(max-width:700px){.site-footer{padding:13px var(--gutter) 15px}.footer-bottom{padding-top:0}}

/* V9 — four editorial navigation chapters; original nine scenes remain. */
.menu-inner{max-width:1120px;padding:150px 6vw 70px}
.menu-inner>.eyebrow{margin-bottom:38px}
.menu-chapters{display:block}
.menu-chapters>a{font-size:clamp(48px,5.8vw,78px);line-height:1.14;padding:20px 0}
.menu-chapters>a>small{font-size:10px}
.chapter-rail{gap:27px}
.chapter-rail a{min-width:34px;gap:8px}
.chapter-rail i{width:12px}
.chapter-rail a[aria-current] i{width:26px}
@media(max-width:700px){
 .menu-inner{padding:133px 8vw 40px}
 .menu-inner>.eyebrow{margin-bottom:38px}
 .menu-chapters>a{font-size:10.6vw;line-height:1.2;padding:23px 0}
 .menu-chapters>a>small{font-size:8px}
 .chapter-rail{gap:17px;max-width:88vw}
 .chapter-rail a{min-width:30px;font-size:7px;gap:6px}
 .chapter-rail i{width:10px}
 .chapter-rail a[aria-current] i{width:23px}
}
@media(max-height:650px){
 .menu-inner{padding-top:99px;padding-bottom:26px}
 .menu-inner>.eyebrow{margin-bottom:16px}
 .menu-chapters>a{font-size:clamp(29px,7.2svh,47px);padding:13px 0}
}
