.shop-all-hero{padding:106px var(--gutter) 40px;background:var(--color-lighter-grey);overflow:hidden}@media(min-width:992px){.shop-all-hero{padding:130px var(--gutter) 50px}}.shop-all-hero__heading{font:var(--font-h3);text-transform:var(--font-h3-text-transform);letter-spacing:var(--font-h3-letter-spacing)}.shop-all-hero__copy{font:var(--font-h4);text-transform:var(--font-h4-text-transform);letter-spacing:var(--font-h4-letter-spacing);color:var(--color-dark-grey)}
.shop-all-hero__carousel{mix-blend-mode:multiply;margin-top:30px}@media(min-width:992px){.shop-all-hero__carousel{margin-top:40px}}.shop-all-hero__carousel.swiper{overflow:visible}.shop-all-hero__slide{--slide-width:96px;--slide-gap:15px;width:calc(var(--slide-width) + var(--slide-gap));padding-right:var(--slide-gap)}@media(min-width:992px){.shop-all-hero__slide{--slide-width:156px;--slide-gap:30px}
}.shop-all-hero__slide:last-child{width:var(--slide-width);padding-right:0}.shop-all-hero__slide-image-wrapper{aspect-ratio:156/100}.shop-all-hero__slide-link{display:grid;gap:15px;justify-items:center;text-align:center;animation:.25s ease calc(0.05s * var(--slide-index, 1)) both running shop-all-fade-slide-in}.shop-all-hero__slide-link:hover .shop-all-hero__slide-title{color:var(--color-dark-grey)}
.shop-all-hero__slide-image{display:block;background:var(--color-white);width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.shop-all-hero__slide-title{font:var(--font-subtitle);text-transform:var(--font-subtitle-text-transform);letter-spacing:var(--font-subtitle-letter-spacing)}.shop-all-hero__slide-badge{color:var(--color-white);font:var(--font-caption-small);text-transform:var(--font-caption-small-text-transform);letter-spacing:var(--font-caption-small-letter-spacing);background:var(--color-dark-grey);border-radius:100px;padding:3px 17px}
.shop-all-hero__navigation-wrapper{position:absolute;top:-40px;right:0;display:none;transform:translateY(-100%)}@media(min-width:992px){.shop-all-hero__navigation-wrapper{display:flex;gap:24px}}.shop-all-hero__navigation{padding:12px;margin:-12px}.shop-all-hero__navigation:disabled{opacity:.4}:root{--transparent-header-background:0;--transparent-header-text:var(--color-black)}
@keyframes shop-all-fade-slide-in{0%{transform:translateY(-50px);opacity:0}100%{transform:translateY(0);opacity:1}}