.hero-marquee-section{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:48px 40px;box-sizing:border-box;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}.hero-marquee-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(13,13,13,var(--overlay-opacity));z-index:1}.hero-marquee-section>*{position:relative;z-index:2}.hero-marquee-section .hero-title-container{max-width:400px;align-self:flex-start}.hero-marquee-section .marquee-container{position:absolute;top:50%;left:50%;width:200vw;transform:translate(-50%,-50%) rotate(var(--marquee-angle));border-top:2px solid var(--marquee-border);border-bottom:2px solid var(--marquee-border);padding:15px 0;overflow:hidden;white-space:nowrap;display:flex;z-index:3;pointer-events:none}.hero-marquee-section .marquee-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:smoothMarqueeLoop var(--marquee-speed) linear infinite}@keyframes smoothMarqueeLoop{0%{transform:translateZ(0)}to{transform:translate3d(-33.3333%,0,0)}}.hero-marquee-section .marquee-item{font-size:var(--marquee-size);font-weight:700;text-transform:uppercase;color:var(--marquee-text-color);padding:0 20px;display:inline-flex;align-items:center;font-family:Raw-Bold;letter-spacing:.02em}.hero-marquee-section .marquee-separator{margin-left:40px;display:inline-block;width:12px;height:12px;border-radius:50%;background-color:var(--marquee-text-color)}.hero-marquee-section .hero-logos-container{align-self:flex-end;display:flex;gap:8px;align-items:center;margin-top:auto}.hero-marquee-section .logo-wrapper{width:auto;height:48px;transition:opacity .3s ease}.hero-marquee-section .logo-wrapper:hover{opacity:1}.hero-marquee-section .logo-wrapper img{width:100%;height:auto;display:block;object-fit:contain}.hero-marquee-section .logo-placeholder{width:50px;height:50px}.hero-marquee-section .logo-placeholder svg{fill:#fff}@media(max-width:768px){.hero-marquee-section{padding:48px 20px}.hero-marquee-section .hero-title{font-size:1rem}.hero-marquee-section .marquee-container{width:180vw}.hero-marquee-section .marquee-item{font-size:calc(var(--marquee-size) * .7)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/home-intro.css.map */