.custom-image-grid{padding:6.4rem 0}.custom-image-grid__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.6rem;line-height:1.15;color:var(--dc-ink);margin:0 0 3rem;text-align:left}.custom-image-grid__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.custom-image-grid__item{position:relative}.custom-image-grid__link{display:block;position:relative;height:100%;text-decoration:none;border-radius:var(--dc-radius-card);overflow:hidden;box-shadow:var(--dc-shadow-card)}.custom-image-grid__link:focus-visible{outline:2px solid var(--dc-forest);outline-offset:3px}.custom-image-grid__image,.custom-image-grid__placeholder{display:block;width:100%;aspect-ratio:4 / 3;height:auto;object-fit:cover;transition:transform .4s ease}.custom-image-grid__placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--dc-surface)}.custom-image-grid__placeholder-svg{width:50%;height:50%;opacity:.4}.custom-image-grid__link:hover .custom-image-grid__image{transform:scale(1.04)}.custom-image-grid__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#1c221cc7,#1c221c52 42%,#1c221c00 68%);pointer-events:none}.custom-image-grid__text-container{position:absolute;bottom:0;left:0;right:0;padding:1.8rem 2rem;z-index:1}.custom-image-grid__text{font-family:var(--font-body-family);font-size:2.1rem;font-weight:600;letter-spacing:.01em;line-height:1.25;margin:0;color:var(--dc-white);text-shadow:0 1px 3px rgba(0,0,0,.4)}.custom-image-grid__link .ai-image-badge{bottom:auto;top:1rem}@media screen and (max-width:1200px){.custom-image-grid__grid{gap:1.5rem}}@media screen and (max-width:989px){.custom-image-grid{padding:4.8rem 0}.custom-image-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media screen and (max-width:749px){.custom-image-grid__heading{font-size:2.6rem;margin-bottom:2rem}.custom-image-grid__grid{gap:1rem}.custom-image-grid__image,.custom-image-grid__placeholder{aspect-ratio:3 / 2}.custom-image-grid__text{font-size:1.7rem}.custom-image-grid__text-container{padding:1.2rem 1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-custom-image-grid.css.map */
