.story-enabled .hero{display:none}
.scroll-story{height:1000vh;background:#080a0b;position:relative}
.story-stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#080a0b}
.story-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:transform,opacity}
.story-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080a0b 0%,#080a0bf2 9%,#080a0b99 23%,transparent 48%);pointer-events:none}
.story-caption{position:absolute;bottom:85px;left:6%;right:6%;max-width:710px;color:#fff}
.story-caption p{margin:0 0 12px;color:#a4edf5;font-size:12px;letter-spacing:0}
.story-caption h1{font-size:42px;line-height:1.1;margin:0 0 12px}
.story-caption .story-description{font-size:17px;line-height:1.5;color:#e0e7e9;max-width:570px}
.story-controls{position:absolute;bottom:25px;left:6%;right:6%;display:flex;align-items:center;gap:18px;font-size:12px;color:#bfcdd0}
.story-controls a{color:#fff;white-space:nowrap;text-decoration:none;border-bottom:1px solid #00cde7;padding:8px 0}
.story-progress{height:2px;flex:1;background:#ffffff30;overflow:hidden}
.story-progress span{display:block;height:100%;background:#00cde7;transform:scaleX(0);transform-origin:left}
.story-controls small{font-size:10px}
@media(max-width:650px){.scroll-story{height:850vh}.story-frame{height:65%;top:12%;object-fit:contain}.story-caption{bottom:90px;left:6%;right:6%}.story-caption h1{font-size:28px}.story-caption .story-description{font-size:14px}.story-shade{background:linear-gradient(0deg,#080a0b 0%,#080a0bf5 23%,transparent 55%)}.story-controls{gap:12px}.story-controls small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}