/* Fixed composition: pure black, gradual illumination, then stationary content. */
.hero.atelier-hero{--photo-box:46% 24% 19% 29%;--photo-frame:inset(var(--photo-box));--photo-position:50% 46%}
.cover-darkness{position:absolute;inset:0;z-index:0;background:#000;opacity:0;pointer-events:none}
.opening-photo{position:absolute;inset:0;z-index:0;background:#000;overflow:hidden;clip-path:var(--photo-frame)}
.opening-photo picture{display:block;position:absolute;inset:var(--photo-box)}.opening-photo img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;filter:brightness(.98);transform-origin:center}
.opening-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07090d50,transparent 50%)}
.ignition-sweep{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#cee9ff45 48%,transparent 68%);mix-blend-mode:screen;opacity:0}
.atelier-line{display:block}.atelier-title em{position:relative}.atelier-title{text-shadow:0 2px 20px #13111680}
.cover-skip{position:absolute;right:4vw;top:24px;z-index:80;background:#080c1280;backdrop-filter:blur(8px);border:1px solid #e5e7eb60;color:#f0eae5;border-radius:25px;padding:10px 16px;font-size:11px}.cover-skip[hidden]{display:none}
.atelier-controls #cover-replay{width:auto;border-radius:25px;padding:0 18px;font-size:11px;min-height:40px}.atelier-controls button:disabled{opacity:.4;cursor:default}
.cover-boot .cover-darkness,.cover-playing .cover-darkness{opacity:1}
.cover-boot .opening-photo img,.cover-playing .opening-photo img{filter:brightness(0)}
.cover-boot .cover-skip,.cover-playing .atelier-hero[data-cover-stage="black"] .cover-skip{opacity:0;pointer-events:none}
.cover-boot .header,.cover-playing .header,
.cover-boot :is(.atelier-title,.atelier-coordinate,.floating-scene,.atelier-copy,.atelier-caption,.atelier-controls,.atelier-next),
.cover-playing :is(.atelier-title,.atelier-coordinate,.floating-scene,.atelier-copy,.atelier-caption,.atelier-controls,.atelier-next){opacity:0;pointer-events:none}
.cover-playing .atelier-halo,.cover-playing #pointer-light,.cover-boot #pointer-light{display:none}
@media(min-width:761px) and (max-width:1000px) and (orientation:portrait){.hero.atelier-hero{--photo-box:44% 22% 25% 25%}}
@media(max-width:760px){
 .hero.atelier-hero{--photo-box:43% 11% 35% 11%;--photo-position:50% 45%}
 .floating-scene{display:block;padding:3px}.floating-scene img{height:calc(100% - 18px)}.floating-scene figcaption{font-size:6px;padding:5px 1px 0}
 .scene-left{left:3%;top:43%;width:18%;height:11%}.scene-right{right:3%;top:35%;width:20%;height:13%}
 .atelier-copy{bottom:17%;max-width:80%}.atelier-controls{bottom:8.5%}.atelier-caption{bottom:9.5%;font-size:7px}.atelier-next{bottom:3%}
 .cover-skip{right:5%;top:18px;font-size:10px;padding:10px 14px}
}
.motion-off .opening-photo img{filter:brightness(.98)!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.opening-photo img{filter:brightness(.98)!important;transform:none!important}}