/* Keep each approved shot's reading grade inside its own dissolving plane. */
.hero-window-stage[data-sequence="wide-to-lens"] .hero-window-art[data-renderer="webgl"]:after{background:none}
.hero-window-stage[data-sequence="wide-to-lens"] .hero-window-art[data-renderer="video"]:after{background:none}
.hero-window-art[data-renderer="video"] .hero-window-fallback{visibility:hidden}
.lighthouse-sequence-video{display:block;width:100%;height:100%;object-fit:cover;object-position:64% 50%;pointer-events:none}
@media(max-width:600px){.lighthouse-sequence-video{object-position:75% 50%}}
/* Portrait crops remove the captured left-side reading shade. Restore it. */
@media(max-aspect-ratio:1/1){.hero-window-stage[data-sequence="wide-to-lens"] .hero-window-art[data-renderer="video"]:after{background:linear-gradient(90deg,rgba(2,12,30,.62),rgba(2,12,30,.12))}}
.lighthouse-sequence-wide:after,.lighthouse-sequence-lens:after{content:"";position:absolute;inset:0;pointer-events:none}
.lighthouse-sequence-wide:after{background:linear-gradient(90deg,rgba(2,12,30,.60),rgba(2,12,30,.32) 52%,transparent 80%)}
.lighthouse-sequence-lens:after{background:linear-gradient(90deg,rgba(2,12,30,.78),rgba(2,12,30,.62) 52%,rgba(2,12,30,.02) 80%)}
@media(max-width:900px){
 .lighthouse-sequence-lens:after{background:linear-gradient(90deg,rgba(2,12,30,.78),rgba(2,12,30,.62) 72%,rgba(2,12,30,.02))}
}
@media(max-width:600px){
 .lighthouse-sequence-wide:after{background:linear-gradient(0deg,rgba(2,12,30,.82),rgba(2,12,30,.25) 78%,transparent)}
 .lighthouse-sequence-lens:after{background:linear-gradient(90deg,rgba(2,12,30,.70),rgba(2,12,30,.60))}
}