.dot-matrix-wrapper{pointer-events:none;will-change:transform;backface-visibility:hidden;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.dot-matrix-wrapper canvas{width:100%;height:100%;display:block;transform:translate(0,0)}
.marquee-banner{justify-content:center;align-items:center;width:100%;height:100svh;padding:1rem;display:flex;position:relative;overflow:hidden}.marquee-banner .marquees{flex-direction:column;justify-content:center;width:100%;height:100%;padding:2rem 0;display:flex;position:absolute;top:0;left:0}.marquee-banner .marquees .marquee-header{width:200%;color:var(--base-300);will-change:transform;position:relative}.marquee-banner .marquees .marquee-header-1{transform:translate(25%)}.marquee-banner .marquees .marquee-header-2{transform:translate(-25%)}.marquee-banner .banner{background-color:var(--base-700);border-radius:.75rem;width:35%;max-width:600px;height:70%;max-height:40rem;position:relative;overflow:hidden}.marquee-banner .banner .banner-img{width:100%;position:absolute;bottom:-7.5rem}.marquee-banner .banner .banner-content{width:100%;color:var(--base-100);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:3rem 2rem 2rem;display:flex}.marquee-banner .banner .banner-content p{color:var(--base-400)}.marquee-banner .banner .banner-logo{color:var(--base-100);position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}@media (max-width:1000px){.marquee-banner .banner{width:calc(100% - 1rem)}.marquee-banner .banner .banner-img{top:5rem}}@media (min-width:2000px){.marquee-banner .marquees h1{font-size:8vw}.marquee-banner .marquee-banner{height:80svh}}