/* Native content stays visible; motion is confined to decorative icons/images. */
.film-morph-icon{display:inline-block;flex:none;inline-size:18px;block-size:18px;vertical-align:middle}
.film-spotlight{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(180px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.16),transparent 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:opacity .18s ease}
[data-detail-depth]{position:relative}
.film-depth-canvas{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none;border-radius:inherit;opacity:.6}
@media(min-width:768px) and (hover:hover) and (pointer:fine){.stui-vodlist__thumb:is(:hover,:focus-visible)>.film-spotlight,.block-post>.item a:is(:hover,:focus-visible) .film-spotlight{opacity:1}}
@media(max-width:767px){
 :is(.film-page,.gallery-film-detail,.gallery-film-play) :is(h2,h3){font-size:18px;line-height:1.4;overflow-wrap:anywhere}
 .film-depth-canvas,.film-spotlight{display:none}
}
@media(prefers-reduced-motion:reduce){.film-spotlight,.film-depth-canvas{display:none}.film-spotlight{transition:none}}