.incident-film{position:relative;height:690svh;margin-top:75px;scroll-margin-top:0;background:#182730}.cinema-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:clip;isolation:isolate;background:#182730;color:#f5f4ee}.cinema-view{position:absolute;inset:0;z-index:0}.cinema-view canvas{display:block;width:100%;height:100%}.cinema-poster{position:absolute;inset:0;background:#182730 url('/assets/cinema/room-wide.webp') center/cover no-repeat}.cinema-poster:after{content:'';position:absolute;inset:0;background:#0b1b2525}.cinema-ready .cinema-poster{visibility:hidden}.cinema-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07182188,transparent 25%,transparent 52%,#071821bd 89%,#071821e8);z-index:2}.cinema-top{position:absolute;inset:30px 4.5% auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;text-shadow:0 1px 12px #071821}.cinema-top span{color:#d2dddc}.cinema-top a{border-bottom:1px solid #dce7e780;padding:5px 0}.cinema-caption{position:absolute;left:4.5%;bottom:133px;z-index:4;max-width:610px;pointer-events:none;text-shadow:0 2px 24px #06131c80}.cinema-time{font:12px var(--mono);display:block;margin-bottom:18px;color:#d0e2df}.cinema-caption h2{font-size:clamp(32px,4.1vw,60px);font-weight:450;letter-spacing:-.045em;line-height:1.08;color:#fafbf7}.cinema-caption p{max-width:520px;margin-top:18px;font-size:16px;line-height:1.6;color:#e5ebe8}.cinema-controls{position:absolute;inset:auto 4.5% 27px;z-index:6;display:grid;grid-template-columns:1fr auto;gap:19px 30px;align-items:center}.cinema-timeline{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cinema-timeline button{border:0;background:transparent;color:#d4dfdb;padding:8px 0 0;text-align:left;font-size:14px;min-height:44px}.cinema-timeline button span{display:block;line-height:1.5}.cinema-timeline button i{display:block;height:2px;background:#ceddda40;margin-top:10px}.cinema-timeline button i:after{content:'';display:block;width:var(--fill,0%);height:100%;background:#ddeee5}.cinema-timeline button[aria-current]{color:white}.cinema-hint{font-size:12px;color:#d2dfdb;display:flex;gap:10px;align-items:center}.cinema-hint:before{content:'↓';font-size:17px}.cinema-count{font:11px var(--mono);color:#d2dfdb}.cinema-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:12px var(--mono);color:#e5ece7;z-index:3;padding:12px 18px;background:#11232bb8;border-radius:5px}.cinema-ready .cinema-load{display:none}.cinema-retry{background:none;border:0;border-bottom:1px solid;color:inherit;padding:2px;font-size:inherit}.cinema-static{padding:70px 0}.cinema-static p{margin-top:20px;max-width:600px}.cinema-stage[data-shot="3"] .cinema-vignette{background:linear-gradient(180deg,#07182166,transparent 25%,transparent 48%,#071821bd 89%,#071821e8)}
@media(min-width:1700px){.cinema-caption{bottom:155px}.cinema-controls{bottom:36px}}
@media(max-width:760px){.incident-film{height:640svh;margin-top:45px}.cinema-stage{min-height:560px}.cinema-top{inset:20px 20px auto;font-size:11px}.cinema-top span{max-width:190px}.cinema-caption{left:20px;right:20px;bottom:133px;max-width:none}.cinema-caption h2{font-size:32px;max-width:340px}.cinema-caption p{font-size:16px;line-height:1.5;margin-top:13px;max-width:350px}.cinema-time{font-size:11px;margin-bottom:13px}.cinema-controls{inset:auto 20px 20px;gap:17px 10px}.cinema-timeline{gap:7px}.cinema-timeline button{font-size:12px}.cinema-timeline button i{margin-top:9px}.cinema-hint{font-size:11px}.cinema-count{font-size:10px}.cinema-vignette{background:linear-gradient(180deg,#07182188,transparent 20%,transparent 42%,#071821c4 78%,#071821ed)}.cinema-stage[data-shot="3"] .cinema-vignette{background:linear-gradient(180deg,#07182166,transparent 22%,transparent 43%,#071821bc 80%,#071821ed)}}
@media(max-height:650px) and (min-width:761px){.cinema-top{top:20px}.cinema-caption{bottom:120px}.cinema-caption h2{font-size:38px}.cinema-caption p{font-size:14px;margin-top:10px;max-width:450px}.cinema-time{margin-bottom:10px}.cinema-controls{bottom:17px;gap:13px}.cinema-timeline button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cinema-hint:before{content:''}.incident-film{height:560svh}}

.cinema-poster-person{position:absolute;width:min(72vw,760px);aspect-ratio:1;left:51%;top:47%;transform:translate(-50%,-50%);background:url('/assets/cinema/engineer-wide-atlas.webp') 0 0/200% 200% no-repeat}

.cinema-overlay{position:absolute;inset:0;z-index:4;pointer-events:none}
.cinema-overlay:not([inert]) a,.cinema-overlay:not([inert]) button{pointer-events:auto}
.cinema-overlay .cinema-vignette{inset:0}
.cinema-caption{min-height:226px;display:flex;flex-direction:column;justify-content:flex-end}
.cinema-caption h2{text-wrap:balance}
@media(max-width:760px){.cinema-caption{min-height:240px}}