.hero-slideshow{position:relative;width:100%;overflow:hidden}.hero-slideshow__wrapper{position:relative;width:100%;height:var(--slideshow-height-mobile, 500px)}.hero-slideshow__slides{position:relative;width:100%;height:100%}.hero-slideshow__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s ease;z-index:1}.hero-slideshow__slide.is-active{opacity:1;visibility:visible;z-index:2}.hero-slideshow__slide-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-slideshow__slide-placeholder{width:100%;height:100%}.hero-slideshow__slide-placeholder-svg{width:100%;height:100%;object-fit:cover}.hero-slideshow__content{position:absolute;z-index:5;max-width:90%;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}.hero-slideshow__content--bottom-left{left:5%;bottom:8%;text-align:left}.hero-slideshow__content--bottom-center{left:50%;bottom:8%;transform:translate(-50%);text-align:center}.hero-slideshow__content--bottom-right{right:5%;bottom:8%;text-align:right}.hero-slideshow__content--center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.hero-slideshow__subheading{margin:0 0 8px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.hero-slideshow__heading{margin:0 0 16px;font-size:clamp(24px,5vw,44px);line-height:1.15;font-weight:600}.hero-slideshow__button{display:inline-block;padding:12px 28px;border:1px solid #fff;color:#fff;text-decoration:none;font-size:14px;letter-spacing:.04em;text-transform:uppercase;transition:background .25s ease,color .25s ease}.hero-slideshow__button:hover{background:#fff;color:#111}.hero-slideshow__overlay{position:absolute;z-index:3;top:0;bottom:0;display:flex;align-items:var(--overlay-align, flex-end);pointer-events:none;width:var(--overlay-width-mobile, 70%)}.hero-slideshow__overlay--left{left:0;justify-content:flex-start}.hero-slideshow__overlay--right{right:0;justify-content:flex-end}.hero-slideshow__overlay-image{width:100%;height:auto;max-height:100%;object-fit:contain;opacity:var(--overlay-opacity, .2)}.hero-slideshow__overlay--left .hero-slideshow__overlay-image{object-position:0% 100%}.hero-slideshow__overlay--right .hero-slideshow__overlay-image{object-position:100% 100%}.hero-slideshow__main-header{position:absolute;z-index:5;left:6%;top:46%;transform:translateY(-50%);max-width:88%;color:#fff}.hero-slideshow__main-subheading{margin:0 0 8px;font-size:clamp(13px,1.4vw,16px);letter-spacing:.06em;text-transform:uppercase}.hero-slideshow__main-heading{margin:0;font-size:clamp(28px,7vw,40px);line-height:1.25}.hero-slideshow__main-body{margin:14px 0 0;font-size:clamp(14px,1.6vw,18px);line-height:1.5;max-width:46em}.hero-slideshow__main-body p{margin:0 0 .75em}.hero-slideshow__main-body p:last-child{margin-bottom:0}.hero-slideshow__dots{position:absolute;z-index:6;bottom:20px;right:5%;display:flex;gap:8px}.hero-slideshow__dot{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer;transition:background .25s ease}.hero-slideshow__dot.is-active{background:#fff}.hero-slideshow__arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff26;color:#fff;cursor:pointer;border-radius:50%;transition:background .25s ease}.hero-slideshow__arrow:hover{background:#ffffff4d}.hero-slideshow__arrow--prev{left:16px}.hero-slideshow__arrow--next{right:16px}@media screen and (min-width:750px){.hero-slideshow__wrapper{height:var(--slideshow-height-tablet, 600px)}.hero-slideshow__overlay{width:var(--overlay-width-tablet, 45%)}.hero-slideshow__main-heading{font-size:clamp(36px,6vw,56px)}}@media screen and (min-width:990px){.hero-slideshow__wrapper{height:var(--slideshow-height-desktop, 700px)}.hero-slideshow__overlay{width:var(--overlay-width-desktop, 28%)}.hero-slideshow__main-header{left:5%;top:44%;max-width:60%}.hero-slideshow__main-heading{font-size:clamp(44px,4.2vw,68px)}.hero-slideshow__arrow{width:48px;height:48px}.hero-slideshow__arrow--prev{left:32px}.hero-slideshow__arrow--next{right:32px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-slideshow-overlay.css.map */