.image-grid-section{--grid-gap: 40px;--grid-text: #767678;--grid-bg: transparent;--grid-accent: #c12033;--grid-heading: #c12033}.image-grid{background-color:var(--grid-bg);padding:55px 16px;font-family:HelveticaNeue,sans-serif}.image-grid__header{max-width:1120px;margin:0 auto 38px;text-align:center}.image-grid__title{font-family:HelveticaNeue,sans-serif;font-weight:700;font-size:48px;line-height:1.15;margin:0 0 14px;padding:0;color:var(--grid-heading)}.image-grid__eyebrow{display:block;margin:0 0 10px;font-size:16px;font-weight:700;line-height:1.3;color:var(--grid-text)}.image-grid__eyebrow--uppercase{letter-spacing:.12em;text-transform:uppercase}.image-grid__title-text{display:block}.image-grid__description{font-weight:500;font-size:22px;color:var(--grid-text)}.image-grid__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--grid-gap);max-width:1650px;margin:0 auto;padding:0;list-style:none}.image-grid__cell{flex:0 0 calc((100% - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns));margin:0;padding:0;list-style:none;min-width:0}.image-grid__item{position:relative;display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;text-align:center}.image-grid__media{position:relative;overflow:hidden;width:100%}.image-grid__img{display:block;width:100%;height:auto;transition:transform .4s ease}.image-grid__placeholder{aspect-ratio:4 / 3;background-color:#e5e5e5;fill:#a6a6a6}.image-grid--ratio-square .image-grid__media{aspect-ratio:1 / 1}.image-grid--ratio-portrait .image-grid__media{aspect-ratio:4 / 5}.image-grid--ratio-landscape .image-grid__media{aspect-ratio:4 / 3}.image-grid--ratio-square .image-grid__img,.image-grid--ratio-portrait .image-grid__img,.image-grid--ratio-landscape .image-grid__img{height:100%;object-fit:cover}.image-grid--text-below .image-grid__content{padding-top:15px}.image-grid--text-below .image-grid__label{font-family:HelveticaNeue,sans-serif;font-weight:700;font-size:24px;line-height:1.2;margin:0 0 8px;color:var(--grid-accent)}.image-grid--text-below .image-grid__text{font-weight:500;font-size:18px;color:var(--grid-text)}.image-grid__text p{margin:0}.image-grid--text-inside .image-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;background:linear-gradient(to top,#000000b3,#00000040 45%,#0000 70%);pointer-events:none}.image-grid--text-inside.image-grid--overlay-top .image-grid__content{justify-content:flex-start;background:linear-gradient(to bottom,#000000b3,#00000040 45%,#0000 70%)}.image-grid--text-inside.image-grid--overlay-center .image-grid__content{justify-content:center;background:#0006}.image-grid--text-inside .image-grid__label{font-family:HelveticaNeue,sans-serif;font-weight:700;font-size:24px;line-height:1.2;margin:0 0 6px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.image-grid--text-inside .image-grid__text{font-weight:500;font-size:16px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.image-grid__item--link{cursor:pointer}.image-grid__item--link:hover .image-grid__img,.image-grid__item--link:focus-visible .image-grid__img{transform:scale(1.04)}.image-grid--text-below .image-grid__item--link:hover .image-grid__label{text-decoration:underline;text-underline-offset:4px}.image-grid__item--link:focus-visible{outline:3px solid var(--grid-accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){.image-grid__img{transition:none}.image-grid__item--link:hover .image-grid__img,.image-grid__item--link:focus-visible .image-grid__img{transform:none}}@media(max-width:1024px){.image-grid-section{--grid-gap: 24px}.image-grid__cell{flex-basis:calc((100% - (min(var(--grid-columns),3) - 1) * var(--grid-gap)) / min(var(--grid-columns),3))}}@media(max-width:767px){.image-grid-section{--grid-gap: 16px}.image-grid{padding:40px 16px}.image-grid__header{margin-bottom:24px}.image-grid__title{font-size:24px;margin-bottom:9px}.image-grid__description{font-size:16px}.image-grid__eyebrow{font-size:12px;margin-bottom:6px}.image-grid__cell{flex-basis:calc((100% - (var(--grid-columns-mobile) - 1) * var(--grid-gap)) / var(--grid-columns-mobile))}.image-grid--text-below .image-grid__label,.image-grid--text-inside .image-grid__label{font-size:18px}.image-grid--text-below .image-grid__text{font-size:15px}.image-grid--text-inside .image-grid__content{padding:14px}.image-grid--text-inside .image-grid__text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/665/assets/image-grid.css.map */