.hero-banner{--aspect-ratio: 2 / 3;display:grid;position:relative}.hero-banner__wrapper{background-color:var(--background-color)}.hero-banner__wrapper.hero-banner__wrapper--padding-top{padding-block-start:var(--spacing-3xl)}.hero-banner__wrapper.hero-banner__wrapper--padding-bottom{padding-block-end:var(--spacing-3xl)}.hero-banner.critical-component-hide{display:block}.hero-banner.critical-component-clear{opacity:1}.hero-banner:after{content:"";display:block;grid-area:1/1;height:0;padding-top:calc(100%/(var(--aspect-ratio)));width:1px}.hero-banner__background-media{height:100%;left:0;position:absolute;top:0;width:100%;z-index:var(--layer-base)}.hero-banner__media-overlay{background:linear-gradient(0deg,rgba(130,130,130,var(--overlay-opacity)) 0% 100%),linear-gradient(0deg,rgba(0,0,0,var(--overlay-opacity)) 0% 100%),linear-gradient(0deg,rgba(56,12,12,var(--overlay-opacity)) 0% 100%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hero-banner__content-wrapper{grid-area:1/1;position:relative;z-index:var(--layer-flat)}.hero-banner__content-wrapper .container{height:100%}.hero-banner__content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xl);height:100%;justify-content:center;padding:var(--spacing-2xl) 0;text-align:center}.hero-banner__logo-wrapper{height:66px;position:relative;width:100%}.hero-banner__logo-wrapper .images__image{object-fit:contain}.hero-banner__text-content{display:flex;flex-direction:column;gap:var(--spacing-m)}.hero-banner__title{max-width:884px}.hero-banner__description{max-width:448px}.hero-banner__countdown-container{transition:opacity var(--timing-normal) var(--easing-normal)}.hero-banner__countdown-container:not([data-countdown-state=running],[data-countdown-state=ended]){opacity:0}.hero-banner__countdown-container:not([data-countdown-state=running],[data-countdown-state=ended]) .hero-banner__countdown:after{content:"";display:inline-block}.hero-banner__countdown{text-transform:uppercase}.hero-banner__video,.hero-banner__image{display:block;height:100%;object-fit:cover;width:100%}.hero-banner__ctas .button{justify-content:center}.hero-banner__ctas.hero-banner__ctas--multiple{--horizontal-gap: var(--spacing-3xs);display:flex;flex-wrap:wrap;gap:var(--horizontal-gap);width:100%}.hero-banner--cta-style-underlined .hero-banner__ctas.hero-banner__ctas--multiple{--horizontal-gap: var(--spacing-l)}.hero-banner__ctas.hero-banner__ctas--multiple .hero-banner__cta{flex:1 0 calc(50% - var(--horizontal-gap))}.hero-banner__image-ctas{--horizontal-gap: var(--spacing-3xs);align-items:end;display:flex;flex-wrap:wrap;gap:var(--spacing-l) var(--horizontal-gap);justify-content:center;width:100%}.hero-banner__image-cta{color:inherit;display:flex;flex:0 0 calc(50% - var(--horizontal-gap));flex-direction:column;gap:var(--spacing-m);text-align:center;text-decoration:none}.hero-banner__image-cta-text{padding:0 var(--spacing-m)}.hero-banner.hero-banner--style-light{color:var(--color-text-inverse)}.hero-banner.hero-banner--height-short{--aspect-ratio: 1 / 1}.hero-banner.hero-banner--vertical-bottom .hero-banner__content{justify-content:end}.hero-banner.hero-banner--horizontal-left .hero-banner__content{align-items:start;text-align:start}.hero-banner.hero-banner--horizontal-left .hero-banner__ctas,.hero-banner.hero-banner--horizontal-left .hero-banner__image-ctas{justify-content:start}@media (max-width: 63.99em){.hero-banner .hide-mobile{display:none!important}}@media (min-width: 64em){.hero-banner{--aspect-ratio: 2 / 1}.hero-banner.hero-banner--height-short{--aspect-ratio: 3 / 1}.hero-banner .hide-desktop{display:none!important}.hero-banner__wrapper.hero-banner__wrapper--padding-top{padding-block-start:var(--spacing-5xl)}.hero-banner__wrapper.hero-banner__wrapper--padding-bottom{padding-block-end:var(--spacing-5xl)}.hero-banner__logo-wrapper{margin-block-end:var(--spacing-l)}.hero-banner__content{padding:var(--spacing-4xl) var(--spacing-xl)}.hero-banner__ctas.hero-banner__ctas--multiple{justify-content:center}.hero-banner__ctas.hero-banner__ctas--multiple .hero-banner__cta{flex:0 auto}.hero-banner__image-cta{flex:0 1 min(287px,25% - var(--horizontal-gap))}.hero-banner__image-cta:hover .images__image{transform:scale(1.03)}}
/*# sourceMappingURL=/cdn/shop/t/279/assets/component.hero-banner.css.map */