.image-cards__grid{display:grid;grid-template-columns:1fr;gap:var(--image-cards-gap, 1.5rem)}.image-cards__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:1 / 1;border-radius:var(--image-cards-radius, 1.6rem);overflow:hidden}.image-cards__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.image-cards__media img{width:100%;height:100%;object-fit:cover}.image-cards__media:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,var(--image-cards-overlay-opacity, .5)),#0000 60%);pointer-events:none}.image-cards__content{position:relative;z-index:1;padding:3rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.image-cards__heading{color:#fff;margin:0;font-size:calc(var(--font-heading-scale) * 2.4rem);line-height:1.2;font-weight:var(--font-heading-weight)}.image-cards__text{color:#ffffffe6;font-size:1.4rem;line-height:1.5;margin:0;max-width:60%}.image-cards__text a{color:inherit}.image-cards__button{display:inline-flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:1rem 2.4rem;border-radius:var(--buttons-radius-outset);text-decoration:none;font-size:1.2rem;font-weight:500;text-transform:uppercase;margin-top:1rem}.image-cards__button--link{background-color:transparent;color:#fff;padding:0;margin-top:0;border-radius:0;text-decoration:underline;text-underline-offset:.3rem}.image-cards__button--outline{background-color:transparent;color:#fff;border:1px solid #fff}.image-cards__placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-foreground-05)}.image-cards__placeholder .placeholder-svg{max-width:50%;max-height:50%}@media screen and (min-width: 750px){.image-cards__grid{grid-template-columns:repeat(2,1fr)}.image-cards__card{aspect-ratio:auto;min-height:60rem}.image-cards__content{padding:4rem}.image-cards__heading{font-size:calc(var(--font-heading-scale) * 3rem)}.image-cards__text{font-size:1.5rem;max-width:50%}.image-cards__button{padding:1.2rem 2.8rem;font-size:1.3rem}.image-cards__button--link{padding:0;margin-top:0}}@media screen and (min-width: 990px){.image-cards__card{min-height:65rem}.image-cards__heading{font-size:calc(var(--font-heading-scale) * 3.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-image-cards.css.map */