.ai-cinema{position:relative;background:#030407;color:#f5f5f7;--progress:0;--chapter:0}
.ai-cinema.is-enhanced{height:245vh;min-height:1600px}
.ai-cinema-stage{position:relative;min-height:620px;height:calc(100svh - 66px);overflow:hidden;background:#030407;isolation:isolate}
.is-enhanced .ai-cinema-stage{position:sticky;top:66px}
.ai-cinema canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.cinema-inner{position:relative;width:min(1240px,calc(100% - 112px));margin:auto;height:100%;display:flex;flex-direction:column;justify-content:center;pointer-events:none;z-index:2}
.cinema-label{position:absolute;top:55px;left:0;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#a4b8d1;display:flex;align-items:center;gap:12px}
.cinema-label:before{content:'';width:6px;height:6px;border-radius:50%;background:#8dc6fa}
.cinema-copy{position:relative;width:49%;height:330px}
.cinema-chapter{position:absolute;inset:0;opacity:0;transform:translateY(28px);pointer-events:none;transition:opacity .5s,transform .6s}
.cinema-chapter.is-current{opacity:1;transform:translateY(0);pointer-events:auto}
.cinema-chapter h2{font-size:clamp(50px,5.8vw,84px);line-height:1.02;letter-spacing:-.06em;font-weight:600;margin:0 0 30px;max-width:650px}
.cinema-chapter h2 em{font-style:normal;color:#9bcaff}
.cinema-chapter p{font-size:19px;line-height:1.55;letter-spacing:-.025em;color:#9babc0;max-width:335px;margin:0}
.cinema-chapter .link{color:#9bcaff;margin-top:20px}
.cinema-bottom{position:absolute;bottom:42px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cinema-instruction{font-size:12px;color:#8b9aad;letter-spacing:.02em;display:flex;align-items:center;gap:14px}
.cinema-instruction span{display:inline-block;height:28px;width:18px;border:1px solid #62738b;border-radius:12px;position:relative}
.cinema-instruction span:after{content:'';position:absolute;width:2px;height:6px;background:#bad7ff;border-radius:2px;top:6px;left:7px;transform:translateY(calc(var(--progress)*8px))}
.cinema-chapters{display:flex;align-items:center;gap:22px;font-size:11px;color:#93a0b3;letter-spacing:.025em}
.cinema-chapters span{display:flex;align-items:center;gap:10px}
.cinema-chapters i{display:block;height:2px;width:28px;background:#364356}
.cinema-chapters .is-current{color:#eaf2ff}
.cinema-chapters .is-current i{background:#a6ceff}
.cinema-pause{display:none;pointer-events:auto;background:transparent;border:1px solid #50617a;border-radius:999px;color:#b5c8e0;min-width:44px;min-height:44px;padding:0 16px;font-size:11px;cursor:pointer}
.is-enhanced .cinema-pause{display:block}
.cinema-pause:hover{border-color:#a6ceff;color:white}
.cinema-art-caption{position:absolute;right:8%;top:17%;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7487a5}
@media(min-width:1700px){.cinema-inner{width:calc(100% - 180px)}}
@media(max-width:1000px){.cinema-inner{width:calc(100% - 72px)}.cinema-copy{width:51%;height:310px}.cinema-chapter h2{font-size:55px}.cinema-chapter p{font-size:17px;max-width:275px}.cinema-chapters{gap:12px}.cinema-art-caption{right:6%;font-size:9px}}
@media(max-width:700px){.ai-cinema.is-enhanced{height:230vh;min-height:1500px}.ai-cinema-stage{height:calc(100svh - 106px);min-height:650px}.is-enhanced .ai-cinema-stage{top:106px}.cinema-inner{width:calc(100% - 44px);justify-content:flex-start}.cinema-label{top:27px;font-size:10px}.cinema-copy{width:100%;height:220px;margin-top:75px}.cinema-chapter h2{font-size:clamp(40px,10.8vw,53px);max-width:100%;margin-bottom:16px}.cinema-chapter p{font-size:16px;max-width:290px}.cinema-chapter .link{font-size:15px;margin-top:8px}.cinema-bottom{bottom:20px;gap:12px}.cinema-instruction{display:none}.cinema-chapters{gap:16px;font-size:9px}.cinema-chapters span{gap:6px}.cinema-chapters i{width:14px}.cinema-pause{font-size:10px;padding:0 11px}.cinema-art-caption{display:none}}
@media(prefers-reduced-motion:reduce){.ai-cinema.is-enhanced{height:auto;min-height:0}.is-enhanced .ai-cinema-stage{position:relative;top:auto}.cinema-chapter{transition:none!important}.cinema-instruction{display:none}.cinema-pause{display:none}}