:root{--navy:#101825;--orange:#FF8A00;--ink:#18202B;--muted:#526071;--paper:#F3F6FA;--gutter:clamp(24px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #B45309;outline-offset:4px}button:disabled{cursor:default;opacity:.35}.skip{position:fixed;top:8px;left:16px;z-index:100;background:#101825;color:#fff;padding:14px;transform:translateY(-150%)}.skip:focus{transform:none}.world-header{position:fixed;inset:0 0 auto;z-index:20;height:76px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;background:#FFFFFFDD;backdrop-filter:blur(12px);border-bottom:1px solid #DCE3EA}.world-header img{width:180px;height:auto;display:block}.world-header>div{display:flex;gap:30px;align-items:center}.return-link,.header-cta{display:inline-flex;align-items:center;gap:18px;font:700 12px Manrope,sans-serif;min-height:44px}.header-cta{padding:12px 18px;background:#101825;color:white}.header-cta:hover{background:#29384D}.world-canvas{display:none}.world-atmosphere{display:none}.world-context{position:relative;margin:130px var(--gutter) 38px;font:800 10px/1.6 Manrope,sans-serif;letter-spacing:.17em;color:#526071;z-index:3;display:flex;align-items:center;gap:12px}.world-context-line{width:26px;height:2px;background:var(--orange)}.world-context-detail{color:#697686;font-weight:600}.world-copy{padding:0 var(--gutter);outline:none}.story-scene{max-width:600px;padding:25px 0 50px}.eyebrow{color:#A74906;font:800 10px/1.6 Manrope,sans-serif;letter-spacing:.18em;margin:0 0 22px}.story-scene h1,.story-scene h2{font:800 clamp(36px,4.1vw,62px)/1.07 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 26px;text-wrap:balance}.story-scene em{font-style:normal;color:#B45309}.story-body{font:400 16px/1.8 'DM Sans',sans-serif;color:#526071;margin:0 0 25px;max-width:44ch}.story-tags{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}.story-tags span{border:1px solid #CCD6E0;background:#FFFFFF99;padding:8px 11px;font:700 10px/1.4 Manrope,sans-serif;white-space:nowrap}.story-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font:800 12px Manrope,sans-serif;border-bottom:1px solid #9DAABB}.final-cta{display:inline-flex;align-items:center;gap:24px;min-height:50px;font:800 12px Manrope,sans-serif;padding:15px 20px;background:var(--orange);color:var(--navy)}.final-cta:hover{background:#FFA337}.world-caption{font-size:11px;color:#667386;margin:20px var(--gutter);line-height:1.5}.fallback-message{margin:30px var(--gutter);font-size:14px;line-height:1.8}.fallback-message a{text-decoration:underline}.scroll-track{display:none}[hidden]{display:none!important}
.world-ready .world-canvas{display:block;position:fixed;left:34%;right:0;top:76px;bottom:100px;z-index:1;pointer-events:none}.world-canvas canvas{display:block;width:100%;height:100%}.world-ready .world-atmosphere{display:block;position:fixed;z-index:2;top:76px;bottom:95px;left:0;width:48%;pointer-events:none;background:linear-gradient(90deg,#F3F6FA 60%,#F3F6FAF0 78%,#F3F6FA00)}.world-ready .world-context{position:fixed;left:var(--gutter);top:108px;margin:0}.world-ready .world-copy{position:fixed;left:var(--gutter);top:48%;width:39%;max-width:600px;transform:translateY(-50%);padding:0;z-index:3}.world-ready .story-scene{position:absolute;left:0;top:0;width:100%;padding:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .35s,visibility .25s}.world-ready .story-scene.is-active{position:relative;opacity:var(--copy-opacity,1);visibility:visible;transform:none}.world-ready .world-caption{position:fixed;right:var(--gutter);bottom:129px;margin:0;z-index:3;font-size:10px;letter-spacing:.03em;color:#607083}.world-ready .scroll-track{display:block;height:850vh}.world-controls{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#FFFFFFED;backdrop-filter:blur(12px);border-top:1px solid #DCE3EA;padding:10px var(--gutter) 12px}.world-utility{display:flex;align-items:center;justify-content:space-between;gap:18px;font:700 9px/1.6 Manrope,sans-serif;color:#536277;letter-spacing:.06em;min-height:32px}.world-utility button{min-height:32px;border:0;background:transparent;color:#526071;padding:5px 0;font:700 10px Manrope,sans-serif}.world-utility button:before{content:"";display:inline-block;width:5px;height:5px;background:#B45309;margin-right:8px;border-radius:50%}.world-utility button[aria-pressed="true"]:before{background:#637085}.scene-counter{font-variant-numeric:tabular-nums}.scene-navigation{display:flex;align-items:center;gap:20px;margin-top:4px}.scene-navigation>button{border:1px solid #CCD6E0;background:#fff;color:#101825;font-size:18px;width:42px;height:42px;flex-shrink:0}.scene-navigation>button:not(:disabled):hover{border-color:#A74906;background:#FFF5E8}.scene-buttons{display:flex;flex:1;justify-content:space-between;gap:14px}.scene-buttons>button{background:transparent;border:0;min-height:44px;font:700 11px Manrope,sans-serif;color:#667386;white-space:nowrap;display:flex;align-items:center;gap:10px;padding:4px 7px;position:relative}.scene-buttons>button>span{font:600 9px Manrope,sans-serif;color:#8390A0}.scene-buttons>button[aria-current="step"]{color:#101825}.scene-buttons>button[aria-current="step"]:after{content:"";position:absolute;height:2px;background:var(--orange);bottom:0;left:7px;right:7px}.scene-buttons>button[aria-current="step"]>span{color:#A74906}.world-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#DEE3E8}.world-progress>span{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}
@media(min-width:1500px){.world-ready .world-copy{top:47%;max-width:600px}.story-scene h1,.story-scene h2{font-size:66px}.world-ready .world-canvas{left:36%}}
@media(max-width:1050px){.world-context-detail{display:none}.scene-navigation{gap:12px}.scene-buttons{gap:4px}.scene-buttons>button{gap:6px;font-size:10px}.story-scene h1,.story-scene h2{font-size:clamp(36px,4.7vw,50px)}.story-body{font-size:15px}.story-tags span{font-size:9px}.world-ready .world-copy{width:40%;top:48%}.world-ready .world-canvas{left:31%}.world-ready .world-atmosphere{width:46%}}
@media(max-width:700px){.world-header{height:64px;padding-inline:20px}.world-header img{width:135px}.world-header>div{gap:14px}.return-link{font-size:10px;gap:7px}.header-cta{font-size:10px;padding:10px 12px;gap:6px}.world-ready .world-context{top:84px;left:22px;font-size:8px;gap:9px}.world-context-line{width:18px}.world-ready .world-canvas{left:0;right:0;top:94px;bottom:340px}.world-ready .world-atmosphere{display:none}.world-ready .world-copy{left:24px;right:24px;top:auto;bottom:107px;width:auto;max-width:none;transform:none;max-height:268px;overflow-y:auto;scrollbar-width:thin;padding-bottom:4px;background:linear-gradient(180deg,#F3F6FA00,#F3F6FA 13%)}.world-ready .story-scene{padding-top:9px}.eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:10px}.story-scene h1,.story-scene h2{font-size:33px;line-height:1.06;letter-spacing:-.05em;margin-bottom:13px}.story-body{font-size:13px;line-height:1.6;margin-bottom:13px;max-width:49ch}.story-tags{gap:6px;margin-bottom:8px}.story-tags span{font-size:8px;padding:6px 8px}.story-link{font-size:10px;min-height:35px}.final-cta{font-size:10px;min-height:44px;padding:12px 16px;gap:15px}.world-ready .world-caption{right:22px;bottom:390px;font-size:8px;color:#667386}.world-controls{padding:5px 22px 9px}.world-utility{min-height:28px;font-size:8px}.world-utility button{font-size:8px;min-height:28px}.scene-navigation{margin-top:0;gap:10px}.scene-navigation>button{width:34px;height:34px}.scene-buttons{gap:2px}.scene-buttons>button{justify-content:center;font-size:0;gap:0;min-width:24px;min-height:35px;padding:3px 4px}.scene-buttons>button>span{font-size:9px}.scene-buttons>button[aria-current="step"]:after{left:3px;right:3px}.world-ready .scroll-track{height:760svh}.no-world .world-copy{padding-inline:24px}.no-world .world-context{margin:100px 24px 20px}.no-world .story-scene{padding-bottom:26px}.no-world .story-body{font-size:16px}.no-world .story-tags span{font-size:10px}}
@media(max-width:700px) and (min-height:830px){.world-ready .world-canvas{bottom:385px}.world-ready .world-copy{bottom:120px;max-height:280px}.world-ready .world-caption{bottom:400px}.story-scene h1,.story-scene h2{font-size:37px}.story-body{font-size:14px}}
@media(max-height:600px) and (min-width:701px){.world-header{height:60px}.world-header img{width:140px}.world-ready .world-context{top:77px;font-size:8px}.world-ready .world-canvas{top:60px;bottom:80px;left:40%}.world-ready .world-copy{top:47%;width:42%}.eyebrow{font-size:8px;margin-bottom:8px}.story-scene h1,.story-scene h2{font-size:32px;margin-bottom:12px}.story-body{font-size:12px;line-height:1.5;margin-bottom:10px}.story-tags{margin-bottom:4px;gap:5px}.story-tags span{font-size:8px;padding:5px 7px}.story-link{font-size:10px;min-height:30px}.world-caption{display:none}.world-controls{padding-top:4px;padding-bottom:5px}.world-utility{min-height:23px}.scene-navigation{margin-top:0}.scene-buttons>button{min-height:33px}.scene-navigation>button{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.world-ready .story-scene{transition:none!important;transform:none!important}}
.motion-reduced .story-scene{transition:none!important;transform:none!important}
@media print{.world-canvas,.world-atmosphere,.world-controls,.world-context,.scroll-track,.world-caption{display:none!important}.world-header{position:static}.world-ready .world-copy{position:static;transform:none;width:auto;max-width:none;padding:20px}.world-ready .story-scene{position:static!important;opacity:1!important;visibility:visible!important;break-inside:avoid;margin-bottom:30px}}
/* Keep all mobile copy and the final action visible without overlapping cards. */
@media(max-width:700px){
  .world-ready .world-copy{bottom:104px;max-height:330px}
  .world-ready .world-canvas{top:126px;bottom:395px}
  .world-ready .world-caption{top:109px;bottom:auto;left:22px;right:auto;font-size:7px}
  .story-scene h1,.story-scene h2{font-size:31px}
}
@media(max-width:700px) and (min-height:830px){
  .world-ready .world-copy{bottom:118px;max-height:320px}
  .world-ready .world-canvas{bottom:420px}
  .story-scene h1,.story-scene h2{font-size:32px}
}
@media(max-height:600px) and (min-width:701px){.world-ready .world-context{display:none}}
/* QC refinements: readable controls, stable camera space and accessible chapters. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.chapter-picker{display:none}
.world-copy:focus-visible{outline:2px solid #B45309;outline-offset:6px}
.story-scene{scroll-margin-top:90px}
.world-utility button{min-height:44px;font-size:11px}
.world-utility{font-size:10px}
.scene-navigation>button{width:44px;height:44px}
.scene-buttons>button>span{color:#5B6A7E}
.world-ready .world-canvas{bottom:118px}
.world-ready .world-caption{bottom:141px}
.world-controls{padding-bottom:max(12px,env(safe-area-inset-bottom))}
select:focus-visible{outline:3px solid #B45309;outline-offset:3px}
@media(max-width:900px){
  .scene-buttons{visibility:hidden;height:44px;overflow:hidden}
  .scene-buttons>button{display:none}
  .chapter-picker{display:block;position:absolute;left:calc(var(--gutter) + 56px);right:calc(var(--gutter) + 56px);bottom:max(12px,env(safe-area-inset-bottom))}
  .chapter-picker select{appearance:auto;width:100%;height:44px;background:#fff;border:1px solid #CCD6E0;border-radius:0;color:#18202B;padding:0 10px;font:700 12px Manrope,sans-serif}
}
@media(max-width:700px){
  :root{--gutter:20px;--control-space:calc(105px + env(safe-area-inset-bottom));--scene-top:112px;--scene-height:clamp(145px,calc(100svh - 495px),350px)}
  .world-header{padding-inline:16px;gap:14px}
  .world-header img{width:118px}
  .world-header>div{gap:12px}
  .return-link,.header-cta{white-space:nowrap;font-size:10px;min-height:44px}
  .header-cta{padding-inline:10px}
  .world-ready .world-context{top:77px;font-size:8px}
  .world-ready .world-caption{top:95px;bottom:auto;font-size:9px;letter-spacing:0}
  .world-ready .world-canvas{top:var(--scene-top);bottom:auto;height:var(--scene-height)}
  .world-ready .world-copy{top:calc(var(--scene-top) + var(--scene-height) + 8px);bottom:calc(var(--control-space) + 8px);height:auto;max-height:none;padding:0 4px 4px 0;background:var(--paper);overscroll-behavior:auto;scroll-padding-block:8px}
  .world-ready .story-scene{padding-top:0}
  .story-scene h2{font-size:30px;line-height:1.09;margin-bottom:13px}
  .story-body{font-size:14px;line-height:1.6;margin-bottom:12px}
  .eyebrow{font-size:9px;line-height:1.5;margin-bottom:9px}
  .story-tags{gap:6px;margin-bottom:7px}
  .story-tags span{font-size:9px;padding:6px 8px}
  .story-link{font-size:12px;min-height:44px}
  .final-cta{font-size:11px;min-height:44px;padding:12px 14px;gap:12px}
  .world-controls{padding:4px var(--gutter) max(12px,env(safe-area-inset-bottom))}
  .world-utility{min-height:44px;font-size:10px}
  .world-utility button{min-height:44px;font-size:10px;white-space:nowrap}
  #scroll-hint{display:none}
  #scroll-hint.more-copy{display:inline;font-size:9px;letter-spacing:0;white-space:nowrap}
  .scene-navigation{gap:12px}
  .scene-navigation>button{height:44px;width:44px}
  .chapter-picker{bottom:max(12px,env(safe-area-inset-bottom))}
  .no-world .story-scene{padding-block:20px;scroll-margin-top:80px}
  .no-world .world-caption{font-size:11px}
}
@media(max-width:350px){
  .world-header{gap:10px;padding-inline:12px}
  .world-header img{width:100px}
  .world-header>div{gap:8px}
  .header-cta{padding-inline:9px}
  .world-ready .world-copy{left:20px;right:20px}
  .story-scene h2{font-size:28px}
}
@media(max-height:600px) and (min-width:701px){
  .world-ready .world-copy{top:72px;bottom:120px;max-height:none;transform:none;overflow-y:auto;padding:0 4px 4px 0}
  .world-ready .world-canvas{top:60px;bottom:116px}
  .world-controls{padding-bottom:12px}
  .world-utility{min-height:44px}
  .scene-buttons>button{min-height:44px}
  .story-link{min-height:44px}
}
@media print{
  .world-ready .world-copy{position:static;overflow:visible;height:auto;max-height:none}
  .world-ready .story-scene[hidden]{display:block!important}
  .world-ready .story-scene{transform:none!important}
}