.sst-hero-wrap{position:relative;margin-bottom:var(--sst-hero-space-bottom, 0px)}.sst-hero{grid-template-columns:repeat(2,1fr);align-items:start;gap:0}.sst-hero__panel{position:relative;display:block;aspect-ratio:var(--sst-ratio-editorial);overflow:hidden}.sst-hero__panel.sst-media>img,.sst-hero__panel.sst-media>.sst-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--sst-transition-zoom)}.sst-hero__panel:hover>img,.sst-hero__panel:hover>.sst-hero__video{transform:scale(var(--sst-zoom))}@media(prefers-reduced-motion:reduce){.sst-hero__panel:hover>img,.sst-hero__panel:hover>.sst-hero__video{transform:none}}.sst-hero__placeholder{width:100%;height:auto;aspect-ratio:var(--sst-ratio-editorial)}.sst-hero__caption{position:absolute;z-index:2;left:0;bottom:0;padding:var(--sst-space-md) var(--sst-space-lg);color:var(--sst-color-inverse);font-size:var(--sst-fs-md);line-height:var(--sst-lh-snug);pointer-events:none}.sst-hero__dots{display:none}@media(max-width:900px){.sst-hero{grid-template-columns:1fr}.sst-hero__caption{padding:var(--sst-space-md);padding-left:16px}.sst-hero--slider{position:relative;display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:auto}.sst-hero--slider::-webkit-scrollbar{display:none}.sst-hero--slider .sst-hero__panel{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always}.sst-hero--slider~.sst-hero__dots{position:absolute;right:var(--sst-space-sm);bottom:var(--sst-space-sm);z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;pointer-events:none}.sst-hero__dot{display:block;width:7px;height:5px;padding:0;border:0;border-radius:var(--sst-radius-pill);background:color-mix(in srgb,var(--sst-color-inverse) 55%,transparent);cursor:pointer;pointer-events:auto;transition:width var(--sst-transition-fast),background var(--sst-transition-fast)}.sst-hero__dot.is-active{width:18px;background:var(--sst-color-inverse)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/sst-hero-split.css.map */