.section-hero{overflow:hidden}.section-hero .container-xl{gap:1.5rem;min-height:44rem;display:flex}.section-hero.grid .container-xl{grid-template-columns:65% 1fr;display:grid}.section-hero .promotion{display:flex;position:relative;align-items:flex-end;width:100%}.section-hero .promotion.overlay:before{content:"";background:#00000080;background:linear-gradient(5deg,#00000080 25%,#0000 75%);z-index:5;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.section-hero .promotion video,.section-hero .promotion img{aspect-ratio:4/3;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;z-index:1;object-fit:cover}.section-hero .promotion .content{padding:3rem;display:flex;flex-direction:column;justify-content:flex-end;gap:1.5rem;position:relative;z-index:10;width:100%;height:100%;color:var(--colour-white)}.section-hero .promotion .content .text{display:flex;flex-direction:column;width:100%;max-width:35rem;gap:1.5rem}.section-hero .promotion .content .text .u-heading-xl{margin-bottom:0}.section-hero .promotion .content *{margin:0}.section-hero .promotion .content a{color:inherit;text-decoration:none}.section-hero .swiper-container{width:100%;max-width:100%;max-height:100vh;min-height:0;min-width:0}.section-hero .swiper-container .swiper{height:100%}.section-hero .promo-container{display:grid;gap:1.5rem}.section-hero .promo-container .swiper-slide{height:100%;flex-grow:1}.section-hero .promo-container .swiper-slide.image-right .snippet-card-promotion{display:grid;grid-template-columns:60% 1fr}@media(min-width:1024px){.section-hero .promo-container{flex-direction:column}.section-hero .promo-container .swiper-slide{width:100%!important;margin-right:0!important}}@media(max-width:1023.98px){.section-hero .container-xl{grid-template-columns:1fr;min-height:0;padding:0}.section-hero.grid .container-xl{grid-template-columns:1fr}.section-hero .promotion{align-items:center;min-height:30vh}.section-hero .promotion .content{padding:2rem;text-align:center;align-items:center}.section-hero .promotion .content .c-btn{align-self:center}.section-hero .promotion .content .text .u-heading-xl{font-size:1.75rem}.section-hero .swiper-container{padding:0 var(--gutter)}.section-hero .promo-container{gap:1rem}.section-hero .promo-container.grid{grid-template-columns:1fr 1fr}}@media(max-width:767.98px){.section-hero .swiper-container{height:-webkit-fit-content;height:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */