/* Плавность главной (home-motion.js). Только transform/opacity/mask — без сдвигов вёрстки. */
@property --fade-l{syntax:'<length>';inherits:false;initial-value:0px}
@property --fade-r{syntax:'<length>';inherits:false;initial-value:0px}
/* ленты: мягкие края там, где есть продолжение */
.spotlight-poster-strip,.poster-strip{--fade-l:44px;--fade-r:44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);transition:--fade-l .3s ease,--fade-r .3s ease;scroll-behavior:smooth}
.spotlight-poster-strip.rail-start,.poster-strip.rail-start{--fade-l:0px}
.spotlight-poster-strip.rail-end,.poster-strip.rail-end,.rail-static{--fade-r:0px}
.spotlight-poster-strip:not(.rail-start):not(.rail-end):not(.rail-static),.poster-strip:not(.rail-start):not(.rail-end):not(.rail-static){scroll-snap-type:x proximity}
[data-scroll][disabled]{opacity:.35;cursor:default;pointer-events:none;transition:opacity .2s}
[data-scroll]{transition:opacity .2s,transform .2s,background .2s,border-color .2s}
[data-scroll]:not([disabled]):active{transform:scale(.92)}
@media(hover:hover) and (pointer:fine){
 .hero-preview{overflow:hidden}
 .hero-preview img{transition:scale .7s cubic-bezier(.22,1,.36,1)}
 .hero-preview:hover img,.hero-preview:focus-visible img{scale:1.07}
 .home-quick-link svg{transition:translate .25s cubic-bezier(.22,1,.36,1)}
 .home-quick-link:hover svg{translate:0 -2px}
}
.home-quick-link{transition:background .2s,border-color .2s,color .2s,transform .2s}
.home-quick-link:active{transform:scale(.96)}
/* hero: фон чуть следует за мышью (переменные --hx/--hy от home-motion.js) */
.hero-cinematic .hero-art:not(.hero-art-previous){translate:calc(var(--hx,0)*-14px) calc(var(--hy,0)*-8px);transition:opacity .3s,translate .9s cubic-bezier(.22,1,.36,1)}
.hero-cinematic .spotlight-previews{translate:calc(var(--hx,0)*5px) calc(var(--hy,0)*3px);transition:translate .9s cubic-bezier(.22,1,.36,1)}
/* расписание: строки мягко подсвечиваются */
.home-schedule li,.schedule-item{transition:background .2s}
@media(prefers-reduced-motion:reduce){
 .spotlight-poster-strip,.poster-strip{scroll-behavior:auto;transition:none}
 .hero-preview img,.home-quick-link svg,.hero-cinematic .spotlight-previews{transition:none!important;scale:none!important;translate:none!important}
 .hero-cinematic .hero-art{scale:none!important;translate:none!important}
}