/* One physical tube, complementary depth slices, and a tube-free full-bleed backdrop. */
@property --light-level{syntax:'<number>';inherits:true;initial-value:1}
.cover-playing .atelier-hero{--light-level:0}
.opening-stage{position:absolute;inset:0 10% 0 14%;z-index:0;pointer-events:none;overflow:hidden}
.opening-stage picture,.opening-front{position:absolute;inset:0;display:block;opacity:0;pointer-events:none}
.opening-stage img,.opening-front img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;transform:none;filter:brightness(var(--light-level))}
.opening-environment{position:absolute;inset:0;z-index:0;display:block;opacity:0;pointer-events:none;background:#09070a}
.opening-environment img{width:100%;height:100%;object-fit:cover;object-position:50% 66%;transform:none;filter:brightness(calc(var(--light-level) * .78))}
.opening-stage .opening-emitter,.opening-front{opacity:.94}
.opening-stage .opening-bloom{opacity:.06}
.opening-emitter{clip-path:polygon(0 0,61% 0,61% 42%,84% 42%,84% 0,100% 0,100% 100%,0 100%)}
.opening-front{inset:0 10% 0 14%;z-index:2;clip-path:polygon(61% 0,84% 0,84% 42%,61% 42%)}
.cover-boot .opening-stage picture,.cover-boot .opening-front,.cover-boot .opening-environment{opacity:0}
.cover-playing .opening-stage .opening-emitter,.cover-playing .opening-front,.cover-playing .opening-environment{opacity:1}
.cover-playing .opening-stage .opening-bloom{opacity:calc(var(--light-level) * .22)}
.opening-bloom{filter:blur(6px);mix-blend-mode:screen}
@media(max-width:760px){
 .opening-stage,.opening-front{inset:24% 0 28% 2%}
 .opening-environment img{object-position:50% 66%}
 .opening-emitter{clip-path:polygon(0 0,61% 0,61% 50%,84% 50%,84% 0,100% 0,100% 100%,0 100%)}
 .opening-front{clip-path:polygon(61% 0,84% 0,84% 50%,61% 50%)}
 .floating-scene{z-index:1}
 .opening-bloom{filter:blur(4px)}
}