.imagegrid{padding:var(--imagegrid-padding-top, 32px) 0 var(--imagegrid-padding-bottom, 32px);background:var(--imagegrid-background, #fff)}.imagegrid__heading{margin:0 0 24px;text-align:center;overflow-wrap:anywhere}.imagegrid__grid{display:grid;grid-template-columns:repeat(var(--imagegrid-columns, 4),minmax(0,1fr));gap:var(--imagegrid-gap)}.imagegrid__item{min-width:0}.imagegrid .imagegrid__card{display:block;position:relative;aspect-ratio:1;overflow:hidden;color:#fff;background:#e8e8e8;text-decoration:none}.imagegrid__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.imagegrid__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.imagegrid__placeholder{fill:#888}.imagegrid__title{position:absolute;z-index:1;top:0;inset-inline:0;padding:24px 12px 32px;color:#fff;background:linear-gradient(rgba(0,0,0,.25),transparent);font-size:clamp(16px,1.5vw,26px);font-weight:700;line-height:1.25;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.35);overflow-wrap:anywhere}.imagegrid__title--middle{top:50%;transform:translateY(-50%);background:linear-gradient(transparent,rgba(0,0,0,.25),transparent)}.imagegrid__title--bottom{top:auto;bottom:0;background:linear-gradient(transparent,#00000040)}.imagegrid__arrow{display:inline-block;margin-inline-start:5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-inline-start:5px solid currentColor}@media(any-hover:hover){.imagegrid__card:hover .imagegrid__image{transform:scale(1.05)}.imagegrid__card--swap:hover .imagegrid__image--hover{opacity:1}}.imagegrid a.imagegrid__card:focus-visible{outline:3px solid #111;outline-offset:3px}a.imagegrid__card:focus-visible .imagegrid__image{transform:scale(1.05)}a.imagegrid__card--swap:focus-visible .imagegrid__image--hover{opacity:1}@media(max-width:989px){.imagegrid__grid{grid-template-columns:repeat(var(--imagegrid-mobile-columns, 2),minmax(0,1fr))}.imagegrid__title{padding:16px 8px 24px}}@media(prefers-reduced-motion:reduce){.imagegrid__image{transition:none}.imagegrid__card:hover .imagegrid__image,a.imagegrid__card:focus-visible .imagegrid__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-imagegrid.css.map */