.sst-hero{position:relative;display:block;height:clamp(660px,60vw,880px);overflow:hidden;background:var(--sst-color-ink);color:var(--sst-color-white)}.sst-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s var(--sst-ease-out)}.sst-hero__slide.is-active{opacity:1}.sst-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.sst-hero__media>img,.sst-hero__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 7s ease}.is-active .sst-hero__media>img{transform:scale(1.045)}.sst-hero__media--top>img{object-position:center top}.sst-hero__media--upper>img{object-position:center 28%}.sst-hero__media--bottom>img{object-position:center bottom}.sst-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--sst-rgb-ink),.48),rgba(var(--sst-rgb-ink),0) 26%),linear-gradient(90deg,rgba(var(--sst-rgb-ink),.74),rgba(var(--sst-rgb-ink),.3) 50%,rgba(var(--sst-rgb-ink),0) 78%),linear-gradient(0deg,rgba(var(--sst-rgb-ink),.62),rgba(var(--sst-rgb-ink),0) 48%)}.sst-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--sst-gutter) clamp(60px,6vw,88px);display:flex;align-items:flex-end}.sst-hero__inner{display:flex;flex-direction:column;gap:var(--sst-space-6);opacity:0;transform:translateY(18px);transition:opacity .7s var(--sst-ease-out),transform .8s var(--sst-ease-out)}.is-active .sst-hero__inner{opacity:1;transform:none}.sst-hero__eyebrow{letter-spacing:.16em}.sst-hero__text{max-width:480px}.sst-hero__dots{position:absolute;right:var(--sst-gutter);bottom:clamp(22px,2.6vw,36px);z-index:2;display:flex;align-items:center;gap:var(--sst-space-2)}.sst-hero__dot{position:relative;width:20px;height:4px;padding:0;border:0;border-radius:var(--sst-radius-pill);background:rgba(var(--sst-rgb-white),.5);cursor:pointer;transition:width .45s var(--sst-ease-out),background .3s}.sst-hero__dot[aria-current=true]{width:48px;background:var(--sst-color-coral)}.sst-hero__dot:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}
/*# sourceMappingURL=/cdn/shop/t/23/assets/sst-hero-slider.css.map */