.event-preview .event-story{position:relative;height:1600svh;padding:0;max-width:none;margin:0;border:0;scroll-margin-top:0}
html:has(.event-preview){scroll-behavior:auto}
.event-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none;scroll-margin-top:-100px}
.event-scene{position:sticky;top:0;height:100svh;overflow:hidden;background:#171717;color:#fff}
.event-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0}.event-scene.ready canvas{opacity:1}
.event-film,.event-film-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.event-film{opacity:0}.film-mode.ready canvas{display:none}.film-decoded .event-film{opacity:1}.film-decoded .event-film-still{visibility:hidden}
.film-static .event-film{opacity:0}.film-static .event-film-still{visibility:visible}
.event-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#171717;padding:24px;text-align:center}
.event-fallback img{width:150px;height:auto}.event-fallback p{font-size:14px;color:#aaa}.event-fallback a{padding:10px;border-bottom:1px solid #aaa}.ready .event-fallback{display:none}
.event-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0c0c0cf2 0%,#10101070 21%,transparent 47%)}
.event-caption{position:absolute;left:64px;bottom:128px;pointer-events:none}.event-caption p{font-size:11px;line-height:1.4;color:#ccc;margin:0 0 14px}
.event-caption h1{font-size:56px;line-height:1.02;font-weight:500;letter-spacing:0;max-width:690px;margin:0;text-wrap:initial}
.event-note{position:absolute;right:64px;bottom:134px;display:flex;flex-direction:column;gap:12px;text-align:right;font-size:11px;color:#aaa}.event-note a{color:#fff;font-size:14px}
.event-preview .event-chapters{position:absolute;bottom:0;left:64px;right:64px;height:90px;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;border-top:1px solid #ffffff38}
.event-chapters a{padding:22px 0;display:flex;align-items:flex-start;gap:14px;color:#aaa;font-size:11px;min-width:0}.event-chapters a span{font-variant-numeric:tabular-nums;color:#777}
.event-chapters b{font-weight:400}.event-chapters a[aria-current=step],.event-chapters a[aria-current=step] span{color:#fff}
.event-progress{position:absolute;inset:-1px 0 auto;height:2px;overflow:hidden;pointer-events:none}.event-progress span{display:block;width:100%;height:100%;background:#fff;transform-origin:left;transform:scaleX(0)}
.event-preview #cases{padding-top:72px;scroll-margin-top:80px}.event-proof{padding:30px 0 44px;border-top:1px solid #333}.event-proof .stats{max-width:none;border-top:0;margin:0}
.event-scene.failed .event-caption,.event-scene.failed .event-chapters,.event-scene.failed .event-shade,.event-scene.failed .event-note{display:none}.event-preview .event-story.failed{height:100svh}
.event-preview.hero-view .side-portal,.event-preview.hero-view .mobile-brief{visibility:hidden;pointer-events:none}
.event-preview .event-story a:focus-visible{outline:2px solid white;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.event-chapters a:hover{color:#fff}.event-note a:hover{text-decoration:underline}}
@media(min-width:1700px){.event-caption h1{font-size:66px}}
@media(max-width:980px){.event-caption{left:32px}.event-note{right:32px}.event-preview .event-chapters{left:32px;right:32px}.event-chapters a{gap:8px}}
@media(max-width:767px){
.event-preview .event-story{height:1600svh}
.event-film,.event-film-still{object-fit:contain;object-position:center 36%}
.event-caption{left:20px;right:20px;bottom:126px}.event-caption h1{font-size:36px;max-width:390px}.event-caption p{font-size:9px;margin-bottom:10px}
.event-note{right:20px;bottom:94px;font-size:9px}.event-note span{display:none}.event-note a{font-size:11px}
.film-mode .event-shade{background:linear-gradient(0deg,#171717 0%,#17171788 18%,transparent 35%)}
.event-preview .event-chapters{left:20px;right:20px;height:80px;gap:4px}.event-chapters a{font-size:9px;gap:9px;flex-direction:column;padding:15px 0;min-height:60px}.event-chapters a span{font-size:10px}
.event-preview #cases{padding-top:48px}.event-proof{padding:16px 0 32px}
}
@media(max-width:360px){.event-caption h1{font-size:31px}.event-chapters a{font-size:8px}.event-preview .event-chapters{left:16px;right:16px}}
@media(max-height:550px) and (min-width:768px){.event-caption{bottom:84px}.event-caption h1{font-size:32px}.event-preview .event-chapters{height:65px}.event-note{bottom:92px}}
@media(prefers-reduced-motion:reduce){.event-preview .event-story{height:100svh}.event-chapters{display:none!important}.event-caption{bottom:42px}.event-note{bottom:42px}}
.event-preview.reduced .event-story{height:100svh}.event-preview.reduced .event-chapters{display:none}.event-preview.reduced .event-caption{bottom:42px}.event-preview.reduced .event-note{bottom:42px}