.hos-motion-frame{position:relative;overflow:hidden}
.motion-toggle{border:0;padding:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}
.motion-toggle:hover,.motion-toggle:focus-visible{color:var(--amber)}
.motion-toggle:focus-visible{outline:1px solid var(--amber);outline-offset:6px}
@media(prefers-reduced-motion:no-preference){
  html[data-motion="on"] .hos-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--hos-reveal-delay,0ms)}
  html[data-motion="on"] .hos-reveal.is-revealed,html[data-motion="on"] .hos-reveal:focus-within{opacity:1;transform:none}
  html[data-motion="on"] .hos-reveal:focus-within{transition:none}
  html[data-motion="on"] .genre-strip .cross{animation:hos-genre-turn 16s linear infinite}
  html.hos-tab-hidden .genre-strip .cross{animation-play-state:paused!important}
}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
  html[data-motion="on"] .hos-motion-frame>.hos-motion-image{transform:translate3d(0,var(--hos-parallax-y,0px),0) scale(1.1);transition:none;transform-origin:center}
  html[data-motion="on"] .hos-motion-frame.is-in-view>.hos-motion-image{will-change:transform}
  html[data-motion="on"] .hos-motion-frame::before{content:'';position:absolute;inset:-15% -40%;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(255,193,59,.09) 47%,rgba(255,243,211,.13) 50%,rgba(255,193,59,.06) 53%,transparent 63%);opacity:0;transform:translate3d(-75%,0,0);animation:hos-light-sweep 10s ease-in-out infinite;animation-play-state:paused}
  html[data-motion="on"] .hos-motion-frame.is-in-view::before{animation-play-state:running}
  html.hos-tab-hidden .hos-motion-frame::before{animation-play-state:paused!important}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  html[data-motion="on"] .release-card .cover-wrap{transition:transform .3s ease,box-shadow .3s ease}
  html[data-motion="on"] .release-card a:hover .cover-wrap,html[data-motion="on"] .release-card a:focus-visible .cover-wrap{transform:translateY(-4px);box-shadow:0 12px 35px rgba(215,164,70,.14),0 0 0 1px rgba(215,164,70,.55)}
  html[data-motion="on"] .button>span[aria-hidden],html[data-motion="on"] .text-link>span[aria-hidden]{transition:transform .2s ease}
  html[data-motion="on"] .button:hover>span[aria-hidden],html[data-motion="on"] .text-link:hover>span[aria-hidden]{transform:translate(3px,-3px)}
}
@keyframes hos-light-sweep{0%,8%{opacity:0;transform:translate3d(-75%,0,0)}14%{opacity:.8}35%{opacity:.8}43%,100%{opacity:0;transform:translate3d(75%,0,0)}}
@keyframes hos-genre-turn{to{transform:rotate(180deg)}}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}
html[data-motion="off"]{scroll-behavior:auto}