.section-hero{overflow:hidden}.section-hero .promotion{display:flex;align-items:center;justify-content:center;position:relative}.section-hero .promotion.bottom{align-items:flex-end}.section-hero .promotion.full-width .c-btn.tertiary{border-color:var(--colour-white)}.section-hero .promotion .ticker-container{position:absolute;display:flex;z-index:10;bottom:0;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;padding:1rem;overflow:hidden;gap:var(--ticker-gap)}.section-hero .promotion .ticker-container:hover .ticker{animation-play-state:paused}.section-hero .promotion .ticker-container .ticker{list-style:none;margin:0;padding:0;flex-shrink:0;animation:ticker 20s linear infinite;justify-content:space-around;align-items:center;min-width:100%;gap:var(--ticker-gap);display:flex}@keyframes ticker{0%{transform:translateZ(0);visibility:visible}to{transform:translate3d(calc(-100% - var(--ticker-gap)),0,0)}}.section-hero .promotion .ticker-container .ticker .ticker-item{color:var(--colour-white);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05rem}.section-hero .promotion .ticker-container .ticker .ticker-item a{text-decoration:none;color:var(--colour-white)}.section-hero .promotion .video-container{width:100%}.section-hero .promotion.split-image .secondary-image{display:none}.section-hero .promotion.video-image{justify-content:flex-start}.section-hero .promotion.video-image .image-container{display:none}.section-hero .promotion.video-image .c-btn.tertiary{color:var(--colour-black);border-color:var(--colour-black)}.section-hero .promotion .mobile-image,.section-hero .promotion .mobile-video{display:none}.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:2/1;height:auto;width:100%;z-index:1;object-fit:cover}.section-hero .promotion .content{position:absolute;padding:5rem;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;gap:1.5rem;z-index:10;width: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 *{margin:0}.section-hero .promotion .content a{color:inherit;text-decoration:none}@media (min-width: 768px){.section-hero{margin-bottom:1.5rem}.section-hero .promotion.split-image img{width:50%;aspect-ratio:1}.section-hero .promotion.split-image .secondary-image{display:block}.section-hero .promotion.video-image video{aspect-ratio:4/3}.section-hero .promotion.video-image{align-items:flex-end}.section-hero .promotion.video-image .video-container{width:70%}.section-hero .promotion.video-image .video-container:before{content:"";background:#0000004d;z-index:5;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:70%}.section-hero .promotion.video-image .content{text-align:left;align-items:flex-start;max-width:70%}.section-hero .promotion.video-image .image-container{height:100%;width:30%;position:absolute;right:0;padding:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem}.section-hero .promotion.video-image .image-container .secondary-image{display:block;position:relative;aspect-ratio:3/4}.section-hero .promotion.video-image:before{display:none}}@media (min-width: 768px) and (max-width: 1299.98px){.section-hero .promotion.video-image .image-container{padding:4rem}}@media (min-width: 768px) and (min-width: 768px){.section-hero .promotion.video-image .content{margin-bottom:3rem}}@media (max-width: 767.98px){.section-hero .promotion{align-items:flex-end}.section-hero .promotion .ticker-container{padding:.75rem}.section-hero .promotion .mobile-hidden{display:none}.section-hero .promotion .mobile-image,.section-hero .promotion .mobile-video{display:block}.section-hero .promotion video,.section-hero .promotion img{aspect-ratio:3/4}.section-hero .promotion .content{padding:2rem;margin-bottom:3rem}.section-hero .promotion .content .text .u-heading-xl{font-size:1.75rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */