@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Italiana&display=swap');
:root{--bg:#080a0b;--gold:#c3a77b;--cream:#f2ede4;--dim:#99968f;--line:#ffffff20;--sans:'DM Sans',Arial,sans-serif;--serif:'Italiana',Georgia,serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#c3a77b;color:#090b0d}.masthead{height:88px;position:fixed;z-index:40;top:0;left:0;right:0;padding:0 clamp(24px,5.2vw,92px);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.masthead>*{pointer-events:auto}.brand{font-size:23px;font-weight:500;letter-spacing:.29em;white-space:nowrap}.brand-cross{font-size:11px;color:var(--gold);vertical-align:top;margin-left:6px;letter-spacing:0}.edition{font-size:9px;color:#d5d1ca9d;letter-spacing:.21em}.edition i{font-style:normal;color:var(--gold);margin:0 8px}.menu-button{width:42px;height:38px;border:0;background:transparent;display:flex;flex-direction:column;gap:7px;align-items:flex-end;justify-content:center;padding:8px;z-index:45}.menu-button span{display:block;height:1px;width:27px;background:var(--cream);transition:transform .3s,width .3s}.menu-button span:last-child{width:18px}.menu-button:hover span:last-child{width:27px}.menu-button.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.open span:last-child{width:27px;transform:translateY(-4px) rotate(-45deg)}.overlay-nav{position:fixed;z-index:35;inset:0;background:#0c0e10f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;backdrop-filter:blur(20px)}.overlay-nav.visible{opacity:1;visibility:visible}.overlay-nav a,.overlay-nav button{width:min(540px,82vw);display:flex;align-items:center;justify-content:space-between;padding:17px 0;font:clamp(30px,4vw,54px) var(--serif);color:var(--cream);background:none;border:0;border-bottom:1px solid var(--line);text-align:left}.overlay-nav small{font:10px var(--sans);color:var(--gold);letter-spacing:.1em}.intro{position:fixed;z-index:100;inset:0;background:#080a0b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;transition:opacity 1.15s,visibility 1.15s;pointer-events:none}.intro.hide{opacity:0;visibility:hidden}.intro-mark{font:60px var(--serif);letter-spacing:-.13em}.intro-mark span{color:var(--gold)}.intro-rule{height:1px;width:100px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.intro>span{color:var(--gold);font-size:9px;letter-spacing:.32em}.experience{height:850vh;position:relative}.sticky-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 55% 42%,#28282a 0%,#101215 40%,#060708 85%)}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 53% 44%,transparent 5%,#080a0b09 44%,#05060785 85%)}.noise{pointer-events:none;position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.stage-ui{position:absolute;inset:0;pointer-events:none}.eyebrow{position:absolute;top:clamp(116px,15vh,160px);left:clamp(24px,8vw,145px);font-size:9px;font-weight:600;letter-spacing:.28em;color:#cab992;display:flex;align-items:center;gap:11px}.pulse{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px #d4aa6e}.scene-copy{position:absolute;top:32%;left:clamp(24px,8vw,145px);width:min(43vw,560px);transition:opacity .28s,transform .5s;will-change:transform}.scene-number{font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--gold);margin-bottom:26px}.dash{display:inline-block;vertical-align:middle;width:25px;height:1px;background:#bda47875;margin:0 10px}.scene-copy h1{font-family:var(--serif);font-size:clamp(60px,7vw,126px);line-height:.95;letter-spacing:-.025em;font-weight:400;margin:0 0 26px;white-space:nowrap}.scene-copy h1 em{font-weight:400;font-style:normal;color:var(--gold)}.scene-copy p{font-size:clamp(12px,1.02vw,15px);line-height:2;letter-spacing:.018em;font-weight:300;max-width:350px;color:#c6c4c0;margin:0}.detail-line{margin-top:26px;color:#d9c098a8;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.stage-footer{position:absolute;bottom:clamp(24px,5.5vh,58px);left:clamp(24px,5.2vw,92px);right:clamp(24px,5.2vw,92px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.scroll-hint{display:flex;gap:14px;align-items:center}.scroll-icon{width:22px;height:38px;border:1px solid #a8a39b7e;border-radius:12px;display:flex;justify-content:center;padding-top:7px}.scroll-icon span{width:2px;height:8px;background:var(--gold);border-radius:5px;animation:scroll 1.7s infinite}@keyframes scroll{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:.1}100%{opacity:0}}.scroll-hint b{display:block;font-size:9px;letter-spacing:.18em;font-weight:600}.scroll-hint small{display:block;font-size:8px;letter-spacing:.13em;color:#b3aea6a6;margin-top:6px}.chapter-progress{display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:.12em;color:#d7c9af}.progress-track{height:1px;background:#ffffff35;width:clamp(85px,14vw,245px)}#progressFill{display:block;height:100%;width:0;background:var(--gold)}.audio-toggle{background:none;border:0;color:#c7c3bc;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.14em;pointer-events:auto;padding:10px 0}.sound-waves{opacity:.2}.audio-toggle[aria-pressed="true"] .sound-waves{opacity:1}.chapter-rail{position:absolute;top:50%;transform:translateY(-50%);right:clamp(24px,4.8vw,84px);display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:auto}.rail-step{width:26px;height:17px;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#c3ae89b3;font-size:8px}.rail-step:before{content:'';display:block;width:10px;height:1px;background:#ccc8c16e;transition:width .3s,background .3s}.rail-step.active:before,.rail-step:hover:before{width:22px;background:var(--gold)}.rail-step.active{color:var(--gold)}.side-label{position:absolute;right:15px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);letter-spacing:.26em;font-size:8px;color:#9a969082}.side-label span{color:var(--gold);margin:10px 0}.afterword{position:relative;min-height:93svh;background:#101214;padding:clamp(110px,15vh,170px) clamp(24px,8vw,145px) 60px}.afterword-inner{max-width:1350px;margin:auto}.afterword-marker{font-size:10px;font-weight:600;letter-spacing:.23em;color:var(--gold);margin-bottom:clamp(45px,8vh,100px)}.afterword-marker span{float:right;color:#8d8a84}.afterword-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:10vw}.small-serif{font:italic 21px Georgia,serif;color:#bda478}.afterword h2{font:clamp(57px,7.3vw,120px)/.96 var(--serif);letter-spacing:-.035em;font-weight:400;margin:30px 0 80px;white-space:nowrap}.afterword h2 em{font-weight:400;font-style:normal;color:var(--gold)}.afterword-right{padding-top:52px}.afterword-right p{max-width:430px;color:#d0cdc5;line-height:2.1;font-weight:300;font-size:15px;margin:0 0 24px}.afterword-right p+p{color:#999793;font-size:13px}.cta{margin-top:37px;color:var(--cream);border:1px solid #aca08b;background:transparent;padding:19px 22px;display:flex;width:min(100%,300px);align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;transition:background .25s,color .25s}.cta:hover{background:var(--gold);color:#090a0c}.cta span{font-size:18px}.end-hairline{height:1px;background:#ffffff22;margin:80px 0 26px}.spec-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.spec-row>div{display:flex;flex-direction:column;gap:12px}.spec-row span{color:#9a9286;font-size:9px;letter-spacing:.18em}.spec-row b{font-size:11px;font-weight:500;letter-spacing:.1em}.footer{min-height:110px;background:#090a0c;border-top:1px solid #ffffff10;padding:24px clamp(24px,5.2vw,92px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a8a398;font-size:9px;letter-spacing:.14em}.footer a{color:var(--gold)}.reduced-story{padding:120px 24px 40px;background:#0d0f11}.reduced-story article{max-width:600px;padding:50px 0;border-bottom:1px solid #ffffff20;margin:auto}.reduced-story h2{font:clamp(40px,8vw,64px) var(--serif);font-weight:400}.reduced-story small{color:var(--gold);letter-spacing:.15em}.reduced-story p{color:#bbb5aa;line-height:1.8}.webgl-warning{position:fixed;z-index:50;bottom:18px;left:18px;background:#17191c;max-width:310px;padding:25px;border:1px solid #c3a77b66;box-shadow:0 10px 50px #0006}.webgl-warning h2{font:30px var(--serif)}.webgl-warning p{color:#bbb;line-height:1.7;font-size:12px}.webgl-warning button{background:var(--gold);color:#090a0c;padding:12px;border:0;font-size:11px}.webgl-warning[hidden],.reduced-story[hidden]{display:none!important}
@media(max-width:800px){.masthead{height:70px;padding:0 22px}.brand{font-size:17px}.edition{display:none}.experience{height:750svh}.eyebrow{top:100px;left:25px;font-size:7px;letter-spacing:.19em}.scene-copy{top:17%;left:25px;width:calc(100% - 50px)}.scene-number{font-size:9px;margin-bottom:16px}.scene-copy h1{font-size:clamp(46px,10.6vw,74px);line-height:.97;max-width:100%;white-space:normal;margin-bottom:17px}.scene-copy p{max-width:285px;font-size:12px;line-height:1.75}.detail-line{margin-top:16px;font-size:8px;max-width:280px;line-height:1.6}.stage-footer{left:25px;right:25px;bottom:max(22px,env(safe-area-inset-bottom))}.scroll-hint b{font-size:8px}.scroll-hint small{font-size:7px}.chapter-progress{gap:7px}.progress-track{width:50px}.audio-toggle{display:none}.chapter-rail{right:22px;top:59%;gap:11px}.side-label{display:none}.afterword{padding:100px 25px 48px}.afterword-grid{grid-template-columns:1fr;gap:0}.afterword h2{font-size:clamp(48px,12vw,90px);white-space:normal;margin-bottom:26px}.afterword-right{padding-top:8px}.afterword-right p{font-size:13px}.spec-row{grid-template-columns:1fr;gap:27px}.end-hairline{margin:70px 0 30px}.footer{align-items:flex-start;padding:32px 25px;flex-direction:column;gap:16px}.intro-mark{font-size:44px}}
@media(max-width:390px){.scene-copy h1{font-size:44px}.scene-copy{top:18%}.eyebrow{top:92px}.chapter-rail{right:14px}.scroll-hint small{display:none}.scroll-hint b{max-width:125px;line-height:1.5}}@media(max-height:620px) and (min-width:801px){.scene-copy{top:24%}.scene-copy h1{font-size:clamp(53px,6vw,90px)}.eyebrow{top:90px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.sticky-stage[hidden]{display:none!important}

/* V2 premium editorial finale */
.footer{display:block;min-height:0;padding:clamp(60px,9vw,140px) clamp(25px,7vw,110px) 26px;background:#090a0c;color:#dbd6cd;font-size:12px;letter-spacing:normal}.footer-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding-bottom:clamp(65px,9vw,140px)}.footer-eyebrow{color:var(--gold);font-size:11px;letter-spacing:.22em;font-weight:600}.footer h2{font:400 clamp(68px,10.6vw,166px)/.88 var(--serif);letter-spacing:-.04em;margin:35px 0 24px}.footer h2 em{font-style:normal;color:var(--gold)}.footer-description{font-size:clamp(13px,1.2vw,17px);line-height:1.8;max-width:400px;color:#aaa59a}.footer-replay{display:flex;align-items:center;justify-content:space-between;gap:45px;background:transparent;border:1px solid #8b785c;color:var(--cream);padding:22px 23px;min-height:56px;font-size:11px;font-weight:600;letter-spacing:.1em;transition:background .25s,color .25s}.footer-replay span{color:var(--gold);font-size:24px}.footer-replay:hover{background:var(--gold);color:#080a0b}.footer-replay:hover span{color:#080a0b}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;border-top:1px solid #ffffff28;border-bottom:1px solid #ffffff20}.footer-wordmark{font-size:23px;letter-spacing:.23em;color:#f2ede4;font-weight:600}.footer-wordmark span{font-size:12px;margin-left:6px;color:var(--gold)}.footer-bottom nav{display:flex;gap:clamp(15px,3vw,55px);align-items:center}.footer-bottom nav button,.footer-bottom nav a,.footer-top{background:none;border:0;padding:12px 0;color:#c9c3b9;font-size:10px;letter-spacing:.13em;cursor:pointer}.footer-bottom nav button:hover,.footer-bottom nav a:hover,.footer-top:hover{color:var(--gold)}.footer-legal{display:flex;justify-content:space-between;gap:20px;padding-top:24px;color:#8f897f;font-size:10px;letter-spacing:.10em}.footer button:focus-visible,.footer a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(max-width:800px){.footer{padding:85px 25px 30px}.footer-head{flex-direction:column;align-items:stretch;gap:38px;padding-bottom:85px}.footer h2{font-size:clamp(64px,15vw,105px)}.footer-replay{width:100%}.footer-bottom{flex-wrap:wrap;align-items:flex-start}.footer-bottom nav{order:3;width:100%;justify-content:space-between;gap:10px}.footer-top{margin-left:auto}.footer-legal{flex-direction:column;line-height:1.7;gap:8px}}

/* V3 cinematic product stage and high legibility */
.sticky-stage{background:radial-gradient(ellipse 47% 65% at 68% 47%,#25201b 0%,#101215 47%,#090a0c 85%)}
.scene-copy{z-index:3;isolation:isolate}.vignette{background:linear-gradient(90deg,rgba(6,7,8,.32),transparent 50%,rgba(6,7,8,.14)),radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.40) 100%)}
@media(max-width:800px){.sticky-stage{background:radial-gradient(ellipse 85% 45% at 50% 62%,#211c18 0%,#0a0b0d 90%)}.scene-copy h1{font-size:clamp(42px,10.4vw,68px)} }

/* CHRONOS v4 editorial production finish */
:root{--gold:#c8a776;--cream:#f6f0e7}
.sticky-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 28% 43% at 73% 44%,#a6793b14,transparent 80%),linear-gradient(135deg,#1314140c 0%,transparent 62%);z-index:1}
.scene-copy h1{text-wrap:balance;text-shadow:0 3px 35px #0003}
.scene-copy p{max-width:375px;color:#d0cbc2}
.eyebrow{letter-spacing:.2em}
.footer-note{display:grid;grid-template-columns:minmax(200px,.7fr) 1.3fr;gap:25px;align-items:start;padding:0 0 clamp(42px,6vw,90px);border-bottom:1px solid #ffffff24;max-width:1200px}
.footer-note-kicker{font-size:10px!important;font-weight:600;letter-spacing:.2em;color:var(--gold)!important}
.footer-note p{font-size:clamp(14px,1.2vw,18px);color:#b5afa4;line-height:1.8;max-width:620px;margin:0}
.footer-bottom{border-top:0}
.footer-replay{min-height:56px}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:800px){.footer-note{grid-template-columns:1fr;gap:15px}.footer-bottom nav{flex-wrap:wrap}.scene-copy p{max-width:min(290px,75vw)}}
@media(max-width:500px){.footer h2{font-size:clamp(49px,13vw,76px)}.stage-footer{padding-bottom:env(safe-area-inset-bottom)}.scene-copy{top:16%}}