.cinema-experience{background:#090b0e;position:relative}.cinema-motion{height:600svh}.cinema-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.cinema-plates,.cinema-plate,.cinema-vignette{position:absolute;inset:0;width:100%;height:100%}.cinema-plate{object-fit:cover;object-position:65% center;opacity:0;transform:scale(var(--scene-depth,1));transition:opacity .65s ease;will-change:opacity}.cinema-plate.active{opacity:1}.cinema-vignette{background:linear-gradient(90deg,#080b10d9,transparent 90%),linear-gradient(0deg,#080b10,transparent 45%);pointer-events:none}.cinema-copy{position:absolute;left:var(--pad);top:28%;width:min(660px,80%);z-index:2}.cinema-copy .chapter{color:#d6b787}.cinema-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6.7vw,104px);line-height:1;letter-spacing:-.045em;margin:25px 0}.cinema-copy>p:not(.chapter){color:#ddd3c3;font-size:17px;line-height:1.6}.cinema-copy .button{margin-top:20px}.cinema-controls{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:40px;display:flex;align-items:center;gap:22px}.cinema-controls button{width:44px;height:44px;color:#eee;background:#ffffff10;border:1px solid #ffffff55;font-size:23px}.cinema-controls button:disabled{opacity:.3}.cinema-controls label{font-size:9px;letter-spacing:.15em;flex:1;max-width:450px}.cinema-seek{display:block;width:100%;margin-top:10px;accent-color:#d6b787}.cinema-count,.cinema-controls a{font-size:10px;white-space:nowrap}.cinema-controls a{margin-left:auto;color:#d6b787}@media(max-width:700px){.cinema-motion{height:500svh}.cinema-copy{top:25%;width:85%}.cinema-copy h2{font-size:55px}.cinema-controls{gap:10px;flex-wrap:wrap;bottom:24px}.cinema-controls a{flex-basis:100%;margin-top:12px}.cinema-controls label{min-width:100px}.cinema-plate{object-position:65% center}.cinema-vignette{background:linear-gradient(90deg,#080b10d9,#080b1040),linear-gradient(0deg,#080b10,transparent 50%)}}@media(prefers-reduced-motion:reduce){.cinema-experience{height:auto}.cinema-stage{position:relative}.cinema-plate{transition:none;transform:none}}

.cinema-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;opacity:0;transform:translateX(9%) scale(1.06);transition:opacity .8s,transform 1.2s cubic-bezier(.2,.7,.3,1);pointer-events:none}.cinema-experience[data-chapter="6"] .cinema-foreground{opacity:1;transform:translateX(0) scale(1)}.cinema-plate.active{animation:cinemaReveal .9s cubic-bezier(.2,.7,.3,1)}@keyframes cinemaReveal{from{clip-path:inset(0 0 0 9%)}to{clip-path:inset(0)}}@media(max-width:700px){.cinema-foreground{object-fit:cover;object-position:60% center;filter:brightness(.5)}}@media(prefers-reduced-motion:reduce){.cinema-foreground{transition:none;transform:none}.cinema-plate.active{animation:none}}