.preloader-wrapper{z-index:100000;width:100%;height:100svh;position:fixed;top:0;left:0}.preloader-progress,.preloader-mask,.preloader-content{pointer-events:none;width:100%;height:100svh;position:fixed;top:0;left:0}.preloader-progress{background-color:var(--base-300);will-change:opacity,transform;z-index:1}.preloader-progress-bar{background-color:var(--base-200);will-change:transform;transform-origin:0;width:55%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.preloader-logo{text-align:center;z-index:2;opacity:0;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-logo-mask{width:100%;max-width:min(420px,60vw);line-height:0;display:inline-block;overflow:hidden}.preloader-logo-img{will-change:transform;width:100%;height:auto;display:block}.preloader-mask{background-color:var(--base-400);-webkit-mask:linear-gradient(var(--base-300),var(--base-300)),url(/home/mask.svg) center/50% no-repeat;-webkit-mask-composite:subtract;-webkit-mask:linear-gradient(var(--base-300),var(--base-300)),url(/home/mask.svg) center/50% no-repeat;mask:linear-gradient(var(--base-300),var(--base-300)),url(/home/mask.svg) center/50% no-repeat;will-change:transform;z-index:1;-webkit-mask-composite:source-out;mask-composite:subtract}.preloader-content{z-index:2}.preloader-wrapper .line,.preloader-wrapper .char{will-change:transform;margin-bottom:-.2em;padding-bottom:.2em;position:relative}@media (max-width:800px){.preloader-progress-bar{width:100%;left:0%;transform:translate(0%)scaleX(0)}.preloader-logo-mask{max-width:72vw}.preloader-mask{-webkit-mask-composite:subtract;-webkit-mask-image:linear-gradient(#faf5f5,#faf5f5),url(/home/mask.svg);mask-image:linear-gradient(#faf5f5,#faf5f5),url(/home/mask.svg);-webkit-mask-position:0 0,50%;mask-position:0 0,50%;-webkit-mask-size:auto,90%;mask-size:auto,90%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}
.dot-matrix-wrapper{pointer-events:none;will-change:transform;backface-visibility:hidden;z-index:0;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.dot-matrix-wrapper canvas{background-color:#0000;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-300)}.marquee-banner .banner .banner-logo{color:var(--base-100);position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}@media (max-width:1000px){.marquee-banner{height:60svh}.marquee-banner .banner{width:calc(100% - 1rem)}.marquee-banner .banner .banner-content h4{font-size:clamp(1.25rem,5vw,2rem)}.marquee-banner .banner .banner-content p{font-size:.85rem}.marquee-banner .banner .banner-img{top:5rem}.marquee-banner .marquees .marquee-header h1{font-size:clamp(2.5rem,8vw,4rem)}}@media (min-width:2000px){.marquee-banner .marquees h1{font-size:8vw}.marquee-banner .marquee-banner{height:80svh}}
