.image-grid-cards{width:100%;overflow:hidden;max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.image-grid-cards{padding:0 3.2rem}}.collection-breakout{width:100%;margin-left:auto;margin-right:auto;margin-top:3.6rem;margin-bottom:3.6rem}.collection-breakout.image-grid-cards{padding:0}.image-grid-cards__grid{display:grid;gap:.8rem;width:100%}.image-grid-cards__grid--single-col{grid-template-columns:1fr}.image-grid-cards__grid--two-col{grid-template-columns:1fr 1fr}@media screen and (max-width:749px){.image-grid-cards__grid--two-col{grid-template-columns:1fr}}.image-grid-cards__grid--three-col{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:749px){.image-grid-cards__grid--three-col{grid-template-columns:1fr}}@media screen and (min-width:750px)and (max-width:989px){.image-grid-cards__grid--three-col{grid-template-columns:repeat(2,1fr)}}.image-grid-cards__grid--feature-quad{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.image-grid-cards__feature-col{display:flex;flex-direction:column}.image-grid-cards__feature-col .image-grid-card,.image-grid-cards__feature-col .image-grid-card__media{height:auto}.image-grid-cards__quad-col{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:.8rem;height:100%}.image-grid-cards__quad-col .image-grid-card{height:100%}.image-grid-cards__quad-col .image-grid-card__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;aspect-ratio:auto}@media screen and (max-width:749px){.image-grid-cards__grid--feature-quad{grid-template-columns:1fr}.image-grid-card--feature .image-grid-card__media{min-height:40rem}.image-grid-cards__quad-col{aspect-ratio:1 / 1;height:auto}.image-grid-cards__grid--quad-first .image-grid-cards__quad-col{order:-1}}.image-grid-card{position:relative;display:block;overflow:hidden}.image-grid-card__link{display:block;text-decoration:none;color:inherit;height:100%}.image-grid-card__link:focus-visible{outline:.2rem solid var(--color-foreground);outline-offset:.2rem}.image-grid-card__media{position:relative;width:100%;aspect-ratio:var(--card-aspect-ratio, 1 / 1);overflow:hidden}.image-grid-card--natural .image-grid-card__media{aspect-ratio:auto}.image-grid-card--natural .image-grid-card__img{height:auto}.image-grid-card__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.image-grid-card__link:hover .image-grid-card__img,.image-grid-card__link:focus-visible .image-grid-card__img{transform:scale(1.03)}.image-grid-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.image-grid-card--overlay-bottom .image-grid-card__overlay{background:linear-gradient(to top,rgba(0,0,0,var(--overlay-opacity, .3)),#0000 55%)}.image-grid-card--overlay-top .image-grid-card__overlay{background:linear-gradient(to bottom,rgba(0,0,0,var(--overlay-opacity, .3)),#0000 55%)}.image-grid-card--overlay-center .image-grid-card__overlay{background:rgba(0,0,0,var(--overlay-opacity, .3))}.image-grid-card__content{position:absolute;left:0;z-index:2;padding:1rem;width:100%;pointer-events:none;display:flex;flex-direction:row;align-items:center;gap:1rem}.image-grid-card--overlay-bottom .image-grid-card__content{bottom:0;top:auto}.image-grid-card--overlay-top .image-grid-card__content{top:0;bottom:auto}.image-grid-card--overlay-center .image-grid-card__content{top:50%;bottom:auto;transform:translateY(-50%)}.image-grid-card__heading{margin:0 0 .4rem;line-height:1.2;word-break:break-word;letter-spacing:normal!important}.image-grid-card__subtext{margin:0;text-transform:uppercase;font-size:1.1rem}.image-grid-card__button{display:flex;align-items:center;justify-content:center;pointer-events:auto;font-size:1.2rem;letter-spacing:normal!important;padding:.4rem 1.5rem;min-width:auto;min-height:3rem}.image-grid-card__content--light .image-grid-card__heading{color:var(--color-neutral-0)}.image-grid-card__content--light .image-grid-card__subtext{color:#ffffffd9}.image-grid-card__content--light .image-grid-card__button{--alpha-button-background: 0;border-color:var(--color-neutral-0);color:var(--color-neutral-1000);background-color:var(--color-neutral-0)}.image-grid-card__content--light .image-grid-card__button:after{box-shadow:unset}.image-grid-card__content--light .image-grid-card__button:hover{background-color:var(--color-neutral-0);color:var(--color-neutral-1000);border-color:var(--color-neutral-0)}.image-grid-card__content--dark .image-grid-card__heading{color:var(--color-neutral-1000)}.image-grid-card__content--dark .image-grid-card__subtext{color:#000000bf}.image-grid-card__content--dark .image-grid-card__button{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-1000);color:var(--color-neutral-0)}.image-grid-card__content--dark .image-grid-card__button:hover{background-color:var(--color-neutral-700);border-color:var(--color-neutral-700)}.image-grid-card .placeholder-svg{width:100%;height:100%;object-fit:cover}.image-grid-card--above,.image-grid-card--below,.image-grid-card--above .image-grid-card__link,.image-grid-card--below .image-grid-card__link{display:flex;flex-direction:column}.image-grid-card--above .image-grid-card__caption{order:1}.image-grid-card--above .image-grid-card__media{order:2}.image-grid-card__caption{padding:1.2rem .4rem 0}.image-grid-card__caption .image-grid-card__heading{margin:0 0 .4rem}.image-grid-card__caption .image-grid-card__subtext{margin:0;color:rgba(var(--color-foreground),.65)}.image-grid-card__caption .image-grid-card__button{margin-top:1rem}.image-grid-card__button--dark{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-1000);color:var(--color-neutral-0)}.image-grid-card__button--dark:hover{background-color:var(--color-neutral-700);border-color:var(--color-neutral-700)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-image-grid-cards.css.map */