/* Only the display/LED layer fades; the source photo stays opaque. */
.station-illumination{opacity:0;pointer-events:none;transition:opacity 420ms ease}
.station-illumination-screen{opacity:1}
.station-illumination-halo{opacity:.44}
.station-illumination-logo{opacity:.94}
.station-illumination-logo-glow{opacity:.22}
.station-illumination-indicator{fill:#a9e9ff;opacity:.72;filter:drop-shadow(0 0 2px #4abfff)}
.power-card:is(:hover,:focus-within) .station-illumination,
.power-scene:is(:hover,:focus-within,.station-hover) .station-illumination{opacity:1}
.power-card:is(:hover,:focus-within) .station-illumination-halo,
.power-scene:is(:hover,:focus-within,.station-hover) .station-illumination-halo{animation:station-light-breathe 3.4s ease-in-out infinite alternate}
.power-card:is(:hover,:focus-within) .station-illumination-indicator,
.power-scene:is(:hover,:focus-within,.station-hover) .station-illumination-indicator{animation:station-light-led 3.4s ease-in-out infinite alternate}
@keyframes station-light-breathe{from{opacity:.32}to{opacity:.66}}
@keyframes station-light-led{from{opacity:.45}to{opacity:1}}
/* Touch detail views light up as soon as the user opens the product. */
@media(hover:none),(pointer:coarse),(max-width:650px){
 .power-scene .station-illumination{opacity:1;transition:none}
 .power-scene .station-illumination .station-illumination-halo,
 .power-scene .station-illumination .station-illumination-indicator{animation:none}
}
@media(prefers-reduced-motion:reduce){.station-illumination,.station-illumination *{animation:none!important;transition:none!important}}