.section-hero-banner{overflow:hidden}.section-hero-banner .row{margin:0}.section-hero-banner .row.full-width-row,.section-hero-banner .row.full-width-row>.columns{padding:0;margin:0}.hero-banner{position:relative;margin:0}@media only screen and (min-width:768px){.hero-banner.desktop-height-custom{min-height:var(--hero-desktop-height-custom, 650px)}}@media only screen and (max-width:767px){.hero-banner.mobile-height-custom{min-height:var(--hero-mobile-height-custom, 500px)}}.hero-banner__badge{display:inline-block;margin-bottom:16px;padding:6px 16px;border:1px solid currentColor;border-radius:999px;font-size:.75rem;font-weight:var(--font-body-bold-weight, 600);text-transform:uppercase;letter-spacing:.08em;color:var(--color-body);animation:heroFadeUp .6s ease both}.hero-banner__logo{position:absolute;top:calc(var(--header-height, 64px) + 20px);z-index:30;pointer-events:none;animation:heroFadeUp .6s ease both}.hero-banner__logo img{display:block;width:var(--hero-logo-width, 140px);max-width:40vw;height:auto}.hero-banner__logo--top-left{left:20px}.hero-banner__logo--top-center{left:50%;transform:translate(-50%)}.hero-banner__logo--top-right{right:20px}@media only screen and (min-width:768px){.hero-banner__logo{top:calc(var(--header-height, 64px) + 35px)}.hero-banner__logo--top-left,.hero-banner__logo--top-right{left:45px;right:45px}.hero-banner__logo--top-right{left:auto}.hero-banner__logo--top-left{right:auto}}.hero-banner--marquee-top .hero-banner__logo{top:calc(var(--header-height, 64px) + 20px + 40px)}@media only screen and (min-width:768px){.hero-banner--marquee-top .hero-banner__logo{top:calc(var(--header-height, 64px) + 35px + 48px)}}.hero-banner__scroll{position:absolute;left:50%;bottom:28px;z-index:30;width:22px;height:36px;border:2px solid var(--color-body, #fff);border-radius:999px;transform:translate(-50%);pointer-events:none;opacity:.85}.hero-banner__scroll span{position:absolute;top:6px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:999px;background:var(--color-body, #fff);animation:heroScrollDot 1.6s ease infinite}.hero-banner--marquee-bottom .hero-banner__scroll{bottom:68px}@media only screen and (min-width:768px){.hero-banner--marquee-bottom .hero-banner__scroll{bottom:84px}}.hero-banner--marquee-bottom .flickity-page-dots{bottom:60px!important}@media only screen and (min-width:768px){.hero-banner--marquee-bottom .flickity-page-dots{bottom:76px!important}}.hero-banner__marquee{position:absolute;left:0;width:100%;z-index:25;overflow:hidden;background:var(--hero-marquee-bg, #151515);color:var(--hero-marquee-text, #ffffff)}.hero-banner__marquee--top{top:0}.hero-banner__marquee--bottom{bottom:0}.hero-banner__marquee-track{display:flex;width:max-content;animation:heroMarquee var(--hero-marquee-speed, 20s) linear infinite}.hero-banner__marquee-content{display:flex;align-items:center;flex-shrink:0}.hero-banner__marquee-content span{display:inline-block;padding:10px 24px;font-size:.8125rem;font-weight:var(--font-body-bold-weight, 600);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}@media only screen and (min-width:768px){.hero-banner__marquee-content span{padding:13px 32px;font-size:.875rem}}@keyframes heroMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroScrollDot{0%{transform:translateY(0);opacity:1}70%{opacity:0}to{transform:translateY(14px);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-banner__badge,.hero-banner__logo,.hero-banner__scroll span{animation:none}.hero-banner__marquee-track{animation-duration:60s}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hero-banner.css.map */