.hero{--pow: 23;--delay-factor: 25;--progress: 0;--progress-in-out: pow(var(--progress), var(--pow));--progress-in-out-cos: calc(pow(var(--progress), calc(var(--pow) - 1))*-1 + 1) }@media (prefers-reduced-motion: reduce){.hero{--delay-factor: 100;--pow: 3 }}.hero-category{perspective:1000px}.video{--delay: 0;--delayed-progress: calc( var(--progress) * (1 + var(--delay) / var(--delay-factor)) );--progress-in-out: clamp(-1, pow(var(--delayed-progress), var(--pow)), 1);--progress-in-out-cos: calc(pow(var(--delayed-progress), calc(var(--pow) - 1))*-1 + 1) ;opacity:var(--progress-in-out-cos);transform:translate3d(calc(-50% + var(--progress-in-out) * -50% + var(--progress) * -10%),0,-100px) scale(calc(.8 + var(--progress-in-out-cos) * .2));will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.video{transform:translate3d(-50%,0,-50px)}}.hero-card-wrapper{--z: 0px;--delay: 0;--delayed-progress: calc( var(--progress) * (1 + var(--delay) / var(--delay-factor)) );--progress-in-out: clamp(-1, pow(var(--delayed-progress), var(--pow)), 1);--progress-in-out-19: clamp( -1, pow( calc(var(--progress) * 1.05 * (1 + var(--delay) / var(--delay-factor))), calc(var(--pow) + 6) ), 1 );--progress-in-out-cos: calc(pow(var(--delayed-progress), calc(var(--pow) - 1))*-1 + 1) ;z-index:1;opacity:var(--progress-in-out-cos);transform:translate3d(calc(-50% + var(--progress-in-out) * -100% + var(--progress) * -20%),-50%,var(--z)) rotateY(calc(var(--progress-in-out) * -90deg));transform-origin:50% 50% 10px;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.hero-card-wrapper{transform:translate3d(-50%,-50%,var(--z))}}.hero-card-shadow{width:100%;height:100%;position:relative;transform:rotateX(calc(var(--mouse-y) * -10deg)) rotateY(calc(var(--mouse-x) * 10deg)) translate(calc(var(--mouse-x) * -3em)) translateY(calc(var(--mouse-y) * -3em))}.hero-card-shadow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;border-radius:2em;filter:blur(1.5em);opacity:.1}.hero-card{isolation:isolate;transform-style:preserve-3d;-webkit-touch-callout:none;animation:card-idle 4s ease-in-out alternate infinite;container:hero-card / inline-size}@media (prefers-reduced-motion: reduce){.hero-card{animation:none}}.hero-card>*{font-size:12px;line-height:16px;font-size:min(6.6cqw,12px);line-height:min(8.8cqw,16px)}.hero-card p{font-size:1em;line-height:1.333}.hero-card svg{width:1em!important;height:1em!important}@keyframes card-idle{to{translate:0 5%}}.radial-gradient{background:radial-gradient(circle at center,rgba(255,255,255,.075) 0%,transparent 70%);mix-blend-mode:plus-lighter}