.hero-video{--scale:1;width:68%;transform:translateY(100px) scale(var(--scale));opacity:0;will-change:transform,width,opacity;transition:transform .3s,opacity .3s}.hero-video.loaded{animation:1s cubic-bezier(.76,0,.24,1) forwards expand-width-fade-up}@keyframes expand-width-fade-up{to{opacity:1;width:80%;transform:translateY(0) scale(var(--scale,1))}}@media (max-width:767px){.hero-video{opacity:1;width:100%;transform:none}.hero-video.loaded{animation:none}}
@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.animate-marquee{width:max-content;animation:40s linear infinite marquee;display:flex}
.magnetic-item{transform-style:preserve-3d}.glow-card{--glow-sens:30;--pointer-°:0deg;--pointer-d:0;position:relative;overflow:visible}.glow-layer{pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--pointer-°) at center, black 5%, transparent 15%, transparent 85%, black 95%);mask-image:conic-gradient(from var(--pointer-°) at center, black 5%, transparent 15%, transparent 85%, black 95%);opacity:calc((var(--pointer-d) - var(--glow-sens))/(100 - var(--glow-sens)));transition:opacity .3s;position:absolute;inset:-40px}.glow-layer:before{content:"";border-radius:2rem;position:absolute;inset:40px;box-shadow:inset 0 0 0 1px #6b7cff,inset 0 0 30px #6b7cff66,0 0 60px #6b7cff59}.glow-card:not(:hover) .glow-layer{opacity:0}.glow-card>:not(.glow-layer){z-index:2;position:relative}