html::-webkit-scrollbar{width:1px;height:1px;background:#000}html::-webkit-scrollbar-thumb{background:#000;border-radius:10px}html::-webkit-scrollbar-thumb:hover{background:#00000080}:root{--color-text-white: #ffffff;--color-text-black: #000000;--transition-base: .3s linear;--transition-fast: .15s linear;--client-logo-width: 220px;--client-logo-icon-width: 88px;--client-logo-icon-height: 128px}.hero-section{position:relative;width:100%;min-height:calc(100svh + 1px);isolation:isolate;display:flex;scrollbar-width:none}.hero-canvas{position:absolute;display:block;width:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;z-index:0}.hero-overlay{position:absolute;width:100%;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 5% 0%,rgba(255,80,80,.1),transparent 25%),radial-gradient(circle at 15% 0%,rgba(80,120,255,.08),transparent 25%),radial-gradient(circle at 65% 0%,rgba(255,220,80,.08),transparent 25%),radial-gradient(circle at 90% 0%,rgba(255,80,80,.1),transparent 25%),linear-gradient(to bottom,#fff 0%,transparent 25%),#fff;transition:background var(--transition-base);opacity:0}.hero-content{position:relative;padding-top:8%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.hero-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;will-change:transform,opacity,color;z-index:2}.h1-video-wrapper{position:relative}.hero-header h1{font-size:clamp(56px,12vw,200px);font-weight:700;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:1;transition:color var(--transition-fast);margin:0;padding:0;color:var(--color-text-white)}.h1-bg-video{position:absolute;right:0;bottom:0;left:0;top:1%;width:100%;height:98%;object-fit:cover;opacity:0;z-index:-1;pointer-events:none}.hero-header p{font-size:2.4rem;font-weight:lighter;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:1;color:var(--color-text-white);transition:color var(--transition-fast);margin:0;padding:0;font-family:auto}.client-logos{opacity:0;display:flex;justify-content:center;gap:8rem;z-index:2;will-change:transform,opacity;flex-wrap:wrap}.client-logo{height:-webkit-fill-available;width:var(--client-logo-width);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6rem}.client-logo img{display:block;width:var(--client-logo-icon-width);height:var(--client-logo-icon-height);cursor:pointer;transition:transform .3s ease}.client-logo img:hover{transform:scale(1.02)}.client-logo p{color:var(--color-text-black);font-weight:500;opacity:0;transform:translateY(6px);transition:none;text-transform:uppercase;padding:0;margin:0;line-height:1.5;cursor:pointer;flex:1;display:flex;align-items:center}@media screen and (max-width:749px){:root{--client-logo-width: 105px;--client-logo-icon-width: 48px;--client-logo-icon-height: 48px}.hero-section{min-height:100vh;isolation:isolate}.hero-header{gap:1.2rem}.hero-content{padding-top:20%}.hero-header h1{font-size:55px}.hero-header p{font-size:1.2rem}.client-logos{gap:1.2rem}.client-logo{width:var(--client-logo-width);gap:.8rem}.client-logo img{width:var(--client-logo-icon-width);height:auto}.client-logo p{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/scroll-animation-banner.css.map */