.hero-carousel{position:relative;display:block;background-color:#000;overflow:hidden}.hero-carousel__track{display:grid}.hero-carousel__slide{grid-area:1 / 1;position:relative;display:flex;flex-direction:column;min-width:0}.hero-carousel__slide>.hero-banner,.hero-carousel__slide>.hero-promo{flex:1 1 auto}.hero-carousel--slide .hero-carousel__slide{transform:translate(100%);transition:transform .75s cubic-bezier(.65,0,.35,1)}.hero-carousel--slide .hero-carousel__slide.is-active{transform:translate(0)}.hero-carousel--fade .hero-carousel__slide{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}.hero-carousel--fade .hero-carousel__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .7s ease}@media(prefers-reduced-motion:reduce){.hero-carousel__slide{transition:none!important}}.hero-promo{position:relative;display:flex;align-items:center;min-height:48rem;background-color:var(--promo-bg, #000000);color:var(--promo-text, #ffffff);overflow:hidden;isolation:isolate}.hero-promo__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-promo__media picture{display:block;width:100%;height:100%}.hero-promo__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-promo--fit-contain .hero-promo__img{object-fit:contain}.hero-promo__placeholder{background-color:#1a1a1a;fill:#3a3a3a}.hero-promo__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000;opacity:var(--promo-overlay, 0);pointer-events:none}.hero-promo__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero-promo__link:focus-visible{outline:.2rem solid #ffffff;outline-offset:-.4rem}.hero-promo__inner{position:relative;z-index:3;display:flex;justify-content:center;width:100%;padding:4rem 1.6rem 7.2rem;box-sizing:border-box;pointer-events:none}.hero-promo__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:62.6rem;text-align:center}.hero-promo__badge{display:inline-flex;margin:0;padding:.7rem 1.7rem;border:.1rem solid color-mix(in srgb,currentColor 40%,transparent);border-radius:9999px;background-color:color-mix(in srgb,currentColor 15%,transparent);font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;letter-spacing:.03rem;line-height:1.6rem;text-transform:uppercase}.hero-promo__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:3.6rem;font-weight:400;letter-spacing:-.15rem;line-height:3.4rem}.hero-promo__heading strong,.hero-promo__heading b{color:var(--promo-highlight, #f63925);font-weight:inherit}.hero-promo__subheading{margin:0;color:inherit;font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;line-height:1.4}.hero-promo__buttons{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;width:100%;max-width:19.7rem;pointer-events:auto}.hero-promo__btn{display:inline-flex;align-items:center;justify-content:center;min-height:5rem;padding:1.5rem 3rem;border:.1rem solid transparent;border-radius:.5rem;box-sizing:border-box;font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;line-height:2rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:opacity .1s ease}.hero-promo__btn:hover{opacity:.9}.hero-promo__btn:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.hero-promo__btn--primary{background-color:var(--promo-btn-bg, #f63925);color:var(--promo-btn-text, #ffffff)}.hero-promo__btn--secondary{background-color:transparent;border-color:currentColor;color:inherit}@media screen and (min-width:750px){.hero-promo{min-height:52rem}.hero-promo__inner{padding:4rem 4rem 8rem}.hero-promo--left .hero-promo__inner{justify-content:flex-start}.hero-promo--right .hero-promo__inner{justify-content:flex-end}.hero-promo--left .hero-promo__content{align-items:flex-start;text-align:left}.hero-promo--right .hero-promo__content{align-items:flex-end;text-align:right}.hero-promo__badge{font-size:1.3rem}.hero-promo__heading{font-size:5.2rem;line-height:4.8rem}.hero-promo__subheading{font-size:1.5rem}.hero-promo__buttons{flex-direction:row;flex-wrap:wrap;width:auto;max-width:none}.hero-promo__btn{font-size:1.5rem}}@media screen and (min-width:990px){.hero-promo{min-height:58.4rem}.hero-promo__heading{font-size:7.2rem;line-height:6.4rem}.hero-promo__subheading{font-size:1.6rem}.hero-promo__badge{font-size:1.4rem}.hero-promo__btn{font-size:1.6rem}}@media screen and (min-width:1440px){.hero-promo__inner{padding-left:11.5rem;padding-right:11.5rem}}.hero-carousel__controls{position:absolute;left:50%;bottom:1.6rem;z-index:5;display:flex;align-items:center;gap:.2rem;padding:.4rem;border-radius:9999px;background-color:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%)}.hero-carousel__btn{display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none}.hero-carousel__btn:hover{background-color:#ffffff26}.hero-carousel__btn:focus-visible,.hero-carousel__dot:focus-visible{outline:.2rem solid #ffffff;outline-offset:.1rem}.hero-carousel__btn svg{width:1.4rem;height:1.4rem}.hero-carousel__icon-play,.hero-carousel.is-user-paused .hero-carousel__icon-pause{display:none}.hero-carousel.is-user-paused .hero-carousel__icon-play{display:block}.hero-carousel__dots{display:flex;align-items:center;padding:0 .4rem}.hero-carousel__dot{display:grid;place-items:center;height:3.2rem;padding:0 .4rem;border:0;border-radius:9999px;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.hero-carousel__dot-track{position:relative;display:block;width:.8rem;height:.8rem;border-radius:9999px;background-color:#fff6;overflow:hidden;transition:width .3s ease}.hero-carousel__dot[aria-current=true] .hero-carousel__dot-track{width:2.8rem}.hero-carousel__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;transform:scaleX(0);transform-origin:left center}.hero-carousel__dot[aria-current=true] .hero-carousel__dot-fill{animation:hero-carousel-progress var(--hc-interval, 6s) linear forwards}.hero-carousel.is-paused .hero-carousel__dot[aria-current=true] .hero-carousel__dot-fill{animation-play-state:paused}.hero-carousel.is-static .hero-carousel__dot[aria-current=true] .hero-carousel__dot-fill{animation:none;transform:scaleX(1)}@keyframes hero-carousel-progress{to{transform:scaleX(1)}}.hero-carousel__editor-note{position:absolute;top:1.2rem;left:1.2rem;z-index:6;padding:.6rem 1rem;border-radius:.4rem;background-color:#fde68a;color:#000;font-family:var(--font-body-family);font-size:1.2rem;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/18/compiled_assets/styles.css.map */