/* Use supplied photo unchanged; animation and branding remain separate layers. */
#intro.cinematic{background:#07111c}
.cinema-photo{inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none!important;z-index:1}
.cinema-shade{z-index:2;background:linear-gradient(90deg,#05111fb3 0%,#05111f33 30%,transparent 47%),linear-gradient(0deg,#05111fa6 0%,transparent 25%);pointer-events:none}
.cinema-light{z-index:2;pointer-events:none}
.cinema-copy,.cinema-signature{left:5%;max-width:25%;z-index:3}
.cinema-copy{top:36%}#intro.cinematic .cinema-copy h2{font-size:clamp(30px,3.5vw,54px)}
.cinema-copy .eyebrow{font-size:9px;letter-spacing:1.8px}
.cinema-signature img{width:145px;height:150px}.cinema-signature span{font-size:13px;letter-spacing:3px}
.cinema-bottom{z-index:3;bottom:28px}
.playing .cinema-photo{animation:counterCamera 5.6s ease-in-out both}
.playing .cinema-copy{animation:cinemaWords 5.6s both}
.playing .cinema-signature{animation:cinemaLogo 5.6s both}
.playing .cinema-light{animation:cinemaSweep 5.6s both}
.playing .cinema-progress i{animation:cinemaProgress 5.6s linear both}
@keyframes counterCamera{0%{opacity:0;transform:scale(.97)}18%{opacity:1;transform:scale(.99)}65%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(.985)}}
@media(max-width:700px){.cinema-copy{top:16%;max-width:84%;width:84%;left:8%;text-align:center}#intro.cinematic .cinema-copy h2{font-size:32px;text-align:center}.cinema-copy .eyebrow{font-size:8px;margin-bottom:10px}#intro.cinematic .cinema-copy p{margin-top:10px;font-size:12px}.cinema-signature{top:auto;bottom:13%;left:8%;max-width:84%;width:84%;flex-direction:row;justify-content:center;align-items:center;gap:15px}.cinema-signature img{width:82px;height:85px}.cinema-signature span{font-size:12px;margin:0}.cinema-signature small{display:none}.cinema-shade{background:none}.cinema-bottom{bottom:26px}.cinema-bottom>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.playing .cinema-photo{animation:none}}