.hover-cards{width:100%;display:block}.hover-cards__header{margin:0 0 4rem}.hover-cards__header--left{text-align:left}.hover-cards__header--center{text-align:center}.hover-cards__header--right{text-align:right}.hover-cards__heading{margin:0 0 2.4rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.08;text-transform:uppercase;color:rgb(var(--color-foreground))}.hover-cards__subheading{margin:0;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:400;line-height:1.5;color:rgb(var(--color-foreground))}.hover-cards__slider{display:block}.hover-cards__grid{display:grid;grid-template-columns:1fr;gap:.8rem}.hover-cards__nav{display:none}.hover-cards__card{position:relative;overflow:hidden;cursor:pointer;isolation:isolate}.hover-cards__media{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden}.hover-cards__media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,#0000,#0000008c);pointer-events:none;transition:opacity .45s ease}.hover-cards__media picture,.hover-cards__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hover-cards__image{transform:scale(1);transition:transform .7s cubic-bezier(.22,1,.36,1)}.hover-cards__label{position:absolute;left:1.6rem;right:1.6rem;bottom:2.4rem;z-index:2;margin:0;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:1.2;letter-spacing:.04em;text-align:center;text-transform:uppercase;color:#fff;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.hover-cards__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:2.4rem 2rem;background:#080c12e0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}.hover-cards__overlay-inner{max-width:32rem;text-align:center;color:#fff;opacity:0;transform:translateY(18px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.hover-cards__overlay-title{margin:0 0 1.6rem;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:#fff}.hover-cards__overlay-text{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:400;line-height:1.55;color:#ffffffeb}.hover-cards__overlay-text p{margin:0}.hover-cards__overlay-text p+p{margin-top:.8rem}.hover-cards__card:hover .hover-cards__image,.hover-cards__card:focus-visible .hover-cards__image,.hover-cards__card.is-open .hover-cards__image{transform:scale(1.05)}.hover-cards__card:hover .hover-cards__media:after,.hover-cards__card:focus-visible .hover-cards__media:after,.hover-cards__card.is-open .hover-cards__media:after{opacity:0}.hover-cards__card:hover .hover-cards__label,.hover-cards__card:focus-visible .hover-cards__label,.hover-cards__card.is-open .hover-cards__label{opacity:0;transform:translateY(10px)}.hover-cards__card:hover .hover-cards__overlay,.hover-cards__card:focus-visible .hover-cards__overlay,.hover-cards__card.is-open .hover-cards__overlay{opacity:1;visibility:visible}.hover-cards__card:hover .hover-cards__overlay-inner,.hover-cards__card:focus-visible .hover-cards__overlay-inner,.hover-cards__card.is-open .hover-cards__overlay-inner{opacity:1;transform:translateY(0);transition-delay:.08s}.hover-cards__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media screen and (min-width:769px){.hover-cards__header{margin-bottom:5.6rem}.hover-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}}@media screen and (min-width:1025px){.hover-cards__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}}@media screen and (max-width:1440px){.hover-cards__heading{font-size:calc(var(--font-heading-scale) * 3.8rem)}.hover-cards__subheading,.hover-cards__label,.hover-cards__overlay-title{font-size:2rem}.hover-cards__overlay-text{font-size:1.7rem}}@media screen and (max-width:1200px){.hover-cards__heading{font-size:calc(var(--font-heading-scale) * 4rem)}.hover-cards__subheading,.hover-cards__label,.hover-cards__overlay-title{font-size:2rem}.hover-cards__overlay-text{font-size:1.6rem}}@media screen and (max-width:1024px){.hover-cards__heading{font-size:calc(var(--font-heading-scale) * 3.4rem)}.hover-cards__subheading,.hover-cards__label,.hover-cards__overlay-title{font-size:1.8rem}.hover-cards__overlay-text{font-size:1.5rem}}@media screen and (max-width:768px){.hover-cards__heading{font-size:calc(var(--font-heading-scale) * 2.8rem)}.hover-cards__subheading{font-size:1.6rem}.hover-cards__label,.hover-cards__overlay-title{font-size:1.7rem}.hover-cards__overlay{padding:2.4rem 2rem}.hover-cards__overlay-text{font-size:1.4rem}.hover-cards__grid{display:flex;gap:1.2rem;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.hover-cards__grid::-webkit-scrollbar{display:none}.hover-cards__card{flex:0 0 100%;min-width:0;scroll-snap-align:start}.hover-cards__nav{display:flex;align-items:center;gap:1.6rem;margin-top:2.4rem}.hover-cards__progress{position:relative;flex:1 1 auto;min-width:0;height:3px;background:rgba(var(--color-foreground),.16)}.hover-cards__progress-bar{position:absolute;left:0;top:0;display:block;width:100%;height:3px;background:rgb(var(--color-foreground));transform:scaleX(.35);transform-origin:left center}.hover-cards__arrows{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.hover-cards__arrow{width:4rem;height:4rem;padding:0;border:1px solid rgb(var(--color-foreground));border-radius:50%;background:transparent;color:rgb(var(--color-foreground));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,color .25s ease,opacity .25s ease}.hover-cards__arrow svg{width:1.6rem;height:1.6rem;display:block}.hover-cards__arrow:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.hover-cards__arrow:disabled{opacity:.28;pointer-events:none}}@media(hover:none){.hover-cards__overlay{pointer-events:none}}@media(prefers-reduced-motion:reduce){.hover-cards__grid{scroll-behavior:auto}.hover-cards__image,.hover-cards__label,.hover-cards__overlay,.hover-cards__overlay-inner,.hover-cards__media:after{transition:none}}@media screen and (max-width:989px){.hover-cards__header{margin-bottom:3rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-hover-image-cards.css.map */