.collection-carousel{--slide-width:53%;display:block;padding:var(--space-80) var(--gutter);overflow:hidden}@media(min-width:1024px){.collection-carousel{--slide-width:22.2%}}.collection-carousel__inner{width:100%}.collection-carousel__heading{margin-bottom:var(--space-24);font:var(--font-h3);text-transform:var(--font-h3-text-transform);letter-spacing:var(--font-h3-letter-spacing)}
.collection-carousel__slider{overflow:visible}.collection-carousel__slide{width:var(--slide-width)}.collection-carousel__card:hover{text-decoration:none}.collection-carousel__card-image{overflow:hidden;margin-bottom:var(--space-24)}.collection-carousel__card-image .image picture img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-large)}
@media(hover:hover) and (pointer:fine){.collection-carousel__card:hover .collection-carousel__card-image .image picture img{transform:scale(1.03)}}.collection-carousel__card-content{display:flex;flex-direction:column;gap:var(--space-8)}.collection-carousel__card-heading{font:var(--font-h4);text-transform:var(--font-h4-text-transform);letter-spacing:var(--font-h4-letter-spacing);display:flex;gap:var(--space-8);align-items:center}
.collection-carousel__card-heading-icon{opacity:0;transition:opacity var(--transition-large);margin-bottom:3px}@media(hover:hover) and (pointer:fine){.collection-carousel__card:hover .collection-carousel__card-heading-icon{opacity:1}}.collection-carousel__card-copy{color:var(--color-grey-8)}.collection-carousel .swiper-buttons{display:none}
@media(min-width:1024px){.collection-carousel .swiper-buttons{width:100%;position:absolute;top:0;display:flex;justify-content:space-between;z-index:2;pointer-events:none}}.collection-carousel .swiper-button{z-index:2;cursor:pointer;width:var(--space-40);height:var(--space-40);pointer-events:all;background:var(--color-grey-3);border-radius:100%;padding:var(--space-8);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-small)}
.collection-carousel .swiper-button.swiper-button-disabled{opacity:0}.collection-carousel .swiper-button.swiper-button-disabled:focus{opacity:.4}.collection-carousel .swiper-button svg{height:100%;width:100%}@media(hover:hover) and (pointer:fine){.collection-carousel .swiper-button:hover,.collection-carousel .swiper-button:focus-visible{transform:scale(1.2)}
}.collection-carousel__swiper-button-wrapper{width:var(--slide-width);aspect-ratio:.75;display:flex;align-items:center}.collection-carousel__swiper-button-wrapper--next{justify-content:end}