hero-banner{display:block}hero-banner .splide__pagination__page{background-color:#d2d2d2;border-radius:50%;display:block;height:10px;margin-left:3px;margin-right:3px;min-width:10px;padding:0;position:relative;transition:background-color .2s ease,color .2s ease;width:10px}hero-banner .splide__pagination{background-color:#0000;bottom:15px;left:50%;margin:0;position:absolute;transform:translate(-50%)}hero-banner .splide__pagination__page.is-active{background-color:#a2a2a2}.hero-banner-item{aspect-ratio:4/5;display:flex;height:100%;position:relative;width:100%}@media only screen and (min-width:768px){.hero-banner-item{aspect-ratio:2880/1120}}.banner__image-container,.banner__video{height:100%;width:100%}.banner__video{left:0;object-fit:cover;position:absolute;top:0}@media only screen and (min-width:768px){.banner__video--mobile{display:none}}.banner__video--desktop{display:none}@media only screen and (min-width:768px){.banner__video--desktop{display:block}}.banner__overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding:32px 24px;position:absolute;top:0;width:100%}.banner__overlay:empty{display:none}.banner__above-title{font-size:31px;font-weight:600;line-height:1;margin-bottom:10px;text-transform:uppercase}@media only screen and (min-width:768px){.banner__above-title{font-size:39px}}.banner__title{color:inherit;font-size:41px;font-weight:200;letter-spacing:.07em;margin-top:0;text-transform:uppercase}@media only screen and (min-width:768px){.banner__title{font-size:52px}}.banner__copy{font-size:1.125rem;margin-bottom:16px}.banner__promo-code{background-color:#fff;color:#000;display:inline-block;margin-bottom:16px;padding:8px;text-shadow:none}.banner__promo-code span{font-weight:600;text-transform:uppercase}.banner__cta{margin-top:20px;width:auto}
/*# sourceMappingURL=/cdn/shop/t/1197/assets/hero-banner-section.css.map */
