:root{--motion-out:cubic-bezier(.16,1,.3,1);--motion-duration:800ms}
.motion-pending{opacity:0}
.motion-progress{position:fixed;inset:0 0 auto;height:2px;z-index:100;pointer-events:none;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#6d257b,#82aadd 58%,#e2552c);opacity:.85}
.hero-header nav>a:not(.header-contact){position:relative}
.hero-header nav>a:not(.header-contact)::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--motion-out)}
.hero-header nav>a:not(.header-contact):hover::after,.hero-header nav>a:not(.header-contact):focus-visible::after{transform:scaleX(1);transform-origin:left}
.button{transition:background .25s ease,box-shadow .35s ease,translate .4s var(--motion-out)}
.button:hover{box-shadow:0 12px 28px -14px #e2552c88}
.button>span,.header-contact>span,.remote-card-link>span,.text-link>span{display:inline-block;transition:transform .45s var(--motion-out)}
.button:hover>span,.button:focus-visible>span,.header-contact:hover>span,.remote-card-link:hover>span{transform:translate(3px,-3px)}
.hero-actions .text-link:hover>span{transform:translateY(3px)}
.remote-card-vertical{transform-style:preserve-3d;transition:transform .65s var(--motion-out),box-shadow .45s ease}
.remote-card-vertical::after{content:'';position:absolute;top:0;left:0;width:360px;height:360px;pointer-events:none;z-index:2;border-radius:50%;background:radial-gradient(circle,#82aadd12,transparent 68%);opacity:0;transform:translate3d(var(--shine-x,0px),var(--shine-y,0px),0);transition:opacity .45s ease}
.remote-card-vertical.is-tracking::after{opacity:1}
.remote-upright img{transition:translate .65s var(--motion-out)!important}
.material-strip{transition:transform .3s var(--motion-out),filter .3s ease}
.color-blocks li:hover .material-strip{transform:scale(.95);filter:brightness(1.12)}
.tv-series-table tr{transition:background .25s ease}.tv-series-table tr:hover{background:#ffffff04}
.story-visual img{transition:scale 1.2s var(--motion-out)!important}.story-visual:hover img{scale:1.025}
.catalog-sources summary span{transition:transform .4s var(--motion-out)}.catalog-sources[open] summary span{transform:rotate(45deg)}
.catalog-sources[open]>div{animation:motion-detail .45s var(--motion-out)}
label{transition:color .3s ease}label:focus-within{color:#d6bbdf}input{transition:border-color .3s ease,box-shadow .3s ease}input:focus{box-shadow:0 1px 0 #82aadd}
@keyframes motion-detail{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none),(pointer:coarse){.remote-card-vertical{transform:none!important}.story-visual:hover img{scale:1}.remote-card-vertical::after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-pending{opacity:1!important}.motion-progress{display:none}.remote-card-vertical,.button,.button>span,.header-contact>span,.remote-card-link>span,.text-link>span,.hero-header nav>a::after,.remote-upright img,.material-strip,.story-visual img,.catalog-sources summary span,label,input{transition:none!important;animation:none!important;transform:none!important;translate:none!important;scale:1!important}.remote-card-vertical::after{display:none}.catalog-sources[open]>div{animation:none}}
