.story-scroll{height:240svh;position:relative}.story-scroll .story-hero{position:sticky;top:0;height:100svh;min-height:700px;padding:130px 7% 80px;overflow:hidden;background:radial-gradient(ellipse at 74% 47%,#173746 0,transparent 48%),#071321;gap:2%;grid-template-columns:1fr 1.2fr}.story-scroll .story-hero-visual{height:100%;padding:0;min-width:0}.story-scroll .story-hero h1{font-size:clamp(38px,4.1vw,66px)}#story-canvas{position:absolute;inset:0 0 90px}#story-canvas canvas{width:100%;height:100%;display:block}.scene-fallback{text-align:center;position:absolute;top:35%;width:100%;font-size:60px;color:#d8c6a8}.scene-fallback small{font-size:13px;letter-spacing:.15em}.scene-ready .scene-fallback{display:none}.story-scroll .story-stat{left:12%;right:8%;bottom:15px;padding:18px 24px;background:#d8c6a810;border:1px solid #d8c6a830;color:#e9d6b7;gap:20px}.story-scroll .story-stat strong{font-size:62px}.story-scroll .story-stat p{color:#c1d0d6;font-size:11px;max-width:220px}.scene-names{position:absolute;left:2%;right:2%;bottom:115px;display:flex;justify-content:space-around;font-size:9px;letter-spacing:.12em;color:#aebcc1}.scene-names b{font-weight:400;color:#e7d4b4}.story-scene-controls{position:absolute;bottom:25px;left:7%;right:7%;display:flex;gap:25px;align-items:center;font-size:9px;letter-spacing:.13em;color:#aec5cd}.story-track{height:1px;flex:1;background:#ffffff25}.story-track i{display:block;background:#d8c6a8;height:1px;transform-origin:left;transform:scaleX(var(--story-progress,0))}.story-scene-controls button{background:transparent;border:1px solid #ffffff30;color:#c9d7dd;padding:8px 12px;font:inherit;cursor:pointer}.story-jump{position:relative;z-index:2}@media(max-width:760px){.story-scroll{height:220svh}.story-scroll .story-hero{padding:125px 7% 65px;min-height:800px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0}.story-scroll .story-hero h1{font-size:35px}.story-scroll .story-lead{font-size:12px;line-height:1.65;margin:17px 0}.story-scroll .story-jump{font-size:10px}.story-scroll .story-hero-visual{min-height:320px}.story-scroll .story-stat{left:5%;right:5%;bottom:0;padding:12px 18px}.story-scroll .story-stat strong{font-size:42px}.scene-names{bottom:85px;font-size:7px}#story-canvas{inset:-15px -5% 65px}.story-scene-controls{gap:10px;font-size:7px;bottom:18px}.story-track{display:none}.story-scene-controls button{margin-left:auto}}@media(prefers-reduced-motion:reduce){.story-scroll{height:auto}.story-scroll .story-hero{position:relative}.story-scene-controls{display:none}}