/* Page-only framing; the approved F1 object and palette are shared. */
.cinematic.xhero[data-scene-page="energy"]{height:100svh;min-height:720px}
.cinematic[data-scene-page="energy"] .container{padding-top:120px;padding-bottom:110px}
.cinematic[data-scene-page="energy"] .energy-poster{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;transition:opacity .5s,visibility 0s .5s;clip-path:inset(0 0 0 calc(max(0px,(100% - 1360px)/2) + 46px + min(1248px,100% - 92px)*.46 + 40px))}
.cinematic[data-scene-page="energy"] .energy-poster img{width:100%;height:100%;object-fit:cover;display:block}
.cinematic[data-scene-page="energy"] .energy-live .energy-poster{opacity:0;visibility:hidden}
.cinematic[data-scene-page="energy"] .energy-item-hot{color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber);background:var(--graphite)}
.energy-scene-button{cursor:pointer;margin-top:20px}
.energy-scene-button[aria-pressed="true"]{border-color:var(--amber)}
#energy-scene-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-height:800px) and (min-width:1000px){.cinematic[data-scene-page="energy"] .container{padding-top:104px}.cinematic[data-scene-page="energy"] .phero__title{font-size:42px}.cinematic[data-scene-page="energy"] .phero__lede{font-size:16px}}
@media(max-width:999px){.cinematic.xhero[data-scene-page="energy"]{height:auto;min-height:0}.cinematic[data-scene-page="energy"] .container{padding-bottom:30px}.cinematic[data-scene-page="energy"] .energy-poster{clip-path:none}.cinematic[data-scene-page="energy"] .energy-poster img{object-position:78% 50%}}
@media(prefers-reduced-motion:reduce){.cinematic[data-scene-page="energy"] .energy-poster{transition:none}}
/* Suppressed labels must disappear immediately; dimming cannot override safety. */
.cinematic[data-scene-page="energy"] .scene-label.is-off{opacity:0;transition:none}