.hover-grid-cards{background:rgb(var(--hover-grid-bg));padding-top:5rem}.hover-grid-cards__inner{width:100%;max-width:1905px;margin:0 auto}.hover-grid-cards__header{width:100%;padding:0 0 4rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.hover-grid-cards__heading{margin:0;color:rgb(var(--hover-grid-heading));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:2.5rem;line-height:3.75rem;letter-spacing:.1rem}.hover-grid-cards__subheading{color:rgb(var(--hover-grid-subheading));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.4rem;line-height:2.1rem}.hover-grid-cards__list{gap:16px;margin-bottom:0}.hover-grid-cards__item{min-width:0;transition:flex-grow .6s cubic-bezier(.22,1,.36,1),flex-basis .6s cubic-bezier(.22,1,.36,1)}.hover-grid-cards__card{position:relative;padding-left:3.763rem;padding-right:3.762rem;aspect-ratio:461.25 / 853.81;overflow:hidden;transition:aspect-ratio .6s cubic-bezier(.22,1,.36,1)}.hover-grid-cards__media,.hover-grid-cards__content{position:absolute;top:0;right:0;bottom:0;left:0}.hover-grid-cards__media{overflow:hidden;z-index:0}.hover-grid-cards__media-fill{position:relative;width:100%;height:100%}.hover-grid-cards__media-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .45s ease;pointer-events:none}.hover-grid-cards__image{display:block;width:100%;height:100%;object-fit:cover}.hover-grid-cards__placeholder,.hover-grid-cards__placeholder .placeholder-svg{display:block;width:100%;height:100%}.hover-grid-cards__placeholder{background:#ffffff26}.hover-grid-cards__content{z-index:1;width:calc(100% - 7.525rem);margin:0 auto;padding:4.5rem 2.5rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2rem;color:rgb(var(--hover-grid-card-text));text-align:center}.hover-grid-cards__content-inner{display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;transform:translateY(1.6rem);transition:opacity .45s ease,transform .6s cubic-bezier(.22,1,.36,1)}.hover-grid-cards__content-title,.hover-grid-cards__title-default{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight-medium);font-size:2.5rem;line-height:2.7rem;letter-spacing:.1rem;color:rgb(var(--hover-grid-card-text));text-align:center}.hover-grid-cards__title-default{position:absolute;inset-inline:0;bottom:6rem;min-height:6rem;padding:1.6rem 0 1.7rem;transition:opacity .35s ease}.hover-grid-cards__content-description{width:33.6rem;max-width:100%;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.5rem;line-height:2.1rem;color:rgb(var(--hover-grid-card-text))}.hover-grid-cards__content-description p{margin:0}@media screen and (min-width:769px){.hover-grid-cards__list{display:flex;align-items:flex-end}.hover-grid-cards__item{flex:1 1 0}.hover-grid-cards__item:hover{flex-grow:1.18}.hover-grid-cards__item:hover .hover-grid-cards__card{aspect-ratio:461.25 / 636.2}.hover-grid-cards__item:hover .hover-grid-cards__media-fill:after{background:var(--hover-grid-card-dim)}.hover-grid-cards__item:hover .hover-grid-cards__content-inner{opacity:1;transform:translateY(0)}.hover-grid-cards__item:hover .hover-grid-cards__title-default{opacity:0}}@media screen and (max-width:768px){.hover-grid-cards{padding-top:3.2rem;padding-bottom:3.2rem}.hover-grid-cards__inner{padding:0 2.4rem}.hover-grid-cards__header{padding-bottom:2.4rem}.hover-grid-cards__heading{font-size:2rem;line-height:3rem}.hover-grid-cards__subheading{font-size:1.3rem;line-height:2rem}.hover-grid-cards__list{display:flex;gap:0}.hover-grid-cards__item.slider__slide{scroll-snap-align:start}.hover-grid-cards__card{padding-left:0;padding-right:0;aspect-ratio:461.25 / 636.2}.hover-grid-cards__media-fill:after{background:var(--hover-grid-card-dim)}.hover-grid-cards__content{width:100%;padding:4rem 2rem}.hover-grid-cards__content-inner{opacity:1;transform:translateY(0)}.hover-grid-cards__title-default{opacity:0}.hover-grid-cards__content-title{font-size:1.7rem;line-height:2.5rem}.hover-grid-cards__content-description{width:28rem;font-size:1.4rem;line-height:2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hover-grid-cards.css.map */