.grayscale-on-bg,.grayscale-off-bg{background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 95%,rgba(0,0,0,.7) 98%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0% 95%,#000000b3 98%,#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.grayscale-off-bg{filter:grayscale(0%);transition:filter .6s cubic-bezier(.4,0,.2,1)}.grayscale-on-bg{transition:filter .6s cubic-bezier(.4,0,.2,1)}.image-card{transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:filter .5s cubic-bezier(.4,0,.2,1);will-change:filter}.image-card-hover{filter:drop-shadow(0 20px 30px rgba(255,0,0,.6))}.image-card:before{content:"";position:absolute;inset:-10px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 30px #f009;z-index:-1}.image-card-hover:before{opacity:1}.image-bg{will-change:opacity;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.image-bg-outline-visible{opacity:1;z-index:0}.image-bg-outline-hidden{opacity:0;z-index:0}.image-bg-full-hidden{opacity:0;z-index:1}.image-bg-full-visible{opacity:1;z-index:1}.character-image{will-change:transform;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.character-image-default{transform:translateY(20px) scale(1)}.character-image-hover{transform:translateY(0) scale(1.05)}.title-badge{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.play-button{will-change:transform,box-shadow;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.play-button-default{transform:scale(1);box-shadow:0 4px 6px #0000001a}.play-button-hover{transform:scale(1.15);box-shadow:0 0 20px #fff9}html,body{overflow-x:hidden}