.image-grid-2x2{background-color:var(--color-background, transparent);padding-top:var(--section-gap-top, 0);padding-bottom:var(--section-gap-bottom, 0)}.image-grid-2x2__container{max-width:var(--hero-max-width);margin-inline:auto}.image-grid-2x2__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-gap-desktop, 16px);width:100%;align-items:start}@media (max-width: 768px){.image-grid-2x2__grid{grid-template-columns:repeat(var(--grid-columns-mobile, 2),1fr);gap:var(--grid-gap-mobile, 8px);max-width:100%;box-sizing:border-box}.image-grid-2x2__item{min-width:0;max-width:100%;box-sizing:border-box}}.image-grid-2x2__item{position:relative;width:100%;overflow:hidden;aspect-ratio:1 / 1;align-self:start;height:100%}.image-grid-2x2__item--has-text-below{overflow:visible;aspect-ratio:auto;height:auto}.image-grid-2x2__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;transition:opacity .3s ease}.image-grid-2x2__item--has-text-below .image-grid-2x2__link{height:auto}.image-grid-2x2__link:hover,.image-grid-2x2__link:focus{opacity:.9;outline:2px solid currentColor;outline-offset:2px}.image-grid-2x2__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.image-grid-2x2__image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1 / 1}.image-grid-2x2__item--has-text-below .image-grid-2x2__image-wrapper{height:auto;aspect-ratio:auto;overflow:visible}.image-grid-2x2__image-container{position:relative;width:100%;height:100%;overflow:hidden;aspect-ratio:1 / 1}.image-grid-2x2__image-container--text-beneath{display:flex;flex-direction:column;aspect-ratio:auto;height:auto;overflow:visible}.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-desktop)):has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-mobile)){overflow:hidden}.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-desktop)):has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-mobile)) .image-grid-2x2__image-wrapper{height:100%}.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-desktop)):has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-mobile)) .image-grid-2x2__text-below{display:none}@media (min-width: 769px){.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-desktop)){overflow:hidden}.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-desktop)) .image-grid-2x2__image-wrapper{height:100%}.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-desktop)) .image-grid-2x2__text-below--desktop{display:none}}@media (max-width: 768px){.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-mobile)){overflow:hidden}.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-mobile)) .image-grid-2x2__image-wrapper{height:100%}.image-grid-2x2__item:has(.image-grid-2x2__overlay:not(.image-grid-2x2__overlay--hide-mobile)) .image-grid-2x2__text-below--mobile{display:none}}.image-grid-2x2__picture{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.image-grid-2x2__image-container--text-beneath .image-grid-2x2__picture{position:relative;width:100%;height:auto;aspect-ratio:1 / 1;flex-shrink:0}.image-grid-2x2__picture--mobile{display:block}.image-grid-2x2__picture--desktop{display:none}.image-grid-2x2__picture--single{display:block}@media (min-width: 769px){.image-grid-2x2__picture--mobile{display:none}.image-grid-2x2__picture--desktop,.image-grid-2x2__picture--single{display:block}}.image-grid-2x2__img{width:100%;height:100%;object-fit:cover;display:block}.image-grid-2x2__placeholder{width:100%;height:100%;object-fit:cover}.image-grid-2x2__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;padding:calc(var(--gap, 8px) * 2);background-color:rgba(var(--block-background-rgb, 0, 0, 0),var(--block-background-opacity, 0));z-index:1}@media (max-width: 768px){.image-grid-2x2__overlay{padding:calc(var(--gap, 8px) * 1);min-width:0}.image-grid-2x2__overlay .image-grid-2x2__heading-button{max-width:100%;min-width:0}}.image-grid-2x2__overlay--mobile-top-left,.image-grid-2x2__overlay--mobile-top-center,.image-grid-2x2__overlay--mobile-top-right{align-items:flex-start}.image-grid-2x2__overlay--mobile-center-left,.image-grid-2x2__overlay--mobile-center-center,.image-grid-2x2__overlay--mobile-center-right{align-items:center}.image-grid-2x2__overlay--mobile-bottom-left,.image-grid-2x2__overlay--mobile-bottom-center,.image-grid-2x2__overlay--mobile-bottom-right{align-items:flex-end}.image-grid-2x2__overlay--mobile-top-left,.image-grid-2x2__overlay--mobile-center-left,.image-grid-2x2__overlay--mobile-bottom-left{justify-content:flex-start}.image-grid-2x2__overlay--mobile-top-center,.image-grid-2x2__overlay--mobile-center-center,.image-grid-2x2__overlay--mobile-bottom-center{justify-content:center}.image-grid-2x2__overlay--mobile-top-right,.image-grid-2x2__overlay--mobile-center-right,.image-grid-2x2__overlay--mobile-bottom-right{justify-content:flex-end}@media (min-width: 769px){.image-grid-2x2__overlay--desktop-top-left,.image-grid-2x2__overlay--desktop-top-center,.image-grid-2x2__overlay--desktop-top-right{align-items:flex-start}.image-grid-2x2__overlay--desktop-center-left,.image-grid-2x2__overlay--desktop-center-center,.image-grid-2x2__overlay--desktop-center-right{align-items:center}.image-grid-2x2__overlay--desktop-bottom-left,.image-grid-2x2__overlay--desktop-bottom-center,.image-grid-2x2__overlay--desktop-bottom-right{align-items:flex-end}.image-grid-2x2__overlay--desktop-top-left,.image-grid-2x2__overlay--desktop-center-left,.image-grid-2x2__overlay--desktop-bottom-left{justify-content:flex-start}.image-grid-2x2__overlay--desktop-top-center,.image-grid-2x2__overlay--desktop-center-center,.image-grid-2x2__overlay--desktop-bottom-center{justify-content:center}.image-grid-2x2__overlay--desktop-top-right,.image-grid-2x2__overlay--desktop-center-right,.image-grid-2x2__overlay--desktop-bottom-right{justify-content:flex-end}}.image-grid-2x2__overlay--hide-desktop,.image-grid-2x2__overlay--hide-mobile{display:none}@media (min-width: 769px){.image-grid-2x2__overlay--hide-mobile{display:flex}}@media (max-width: 768px){.image-grid-2x2__overlay--hide-desktop{display:flex}}.image-grid-2x2__heading{margin:0;font-size:var(--text-size-mobile, 20px);font-weight:var(--text-weight, 500);color:var(--block-text-color, var(--color-text, #ffffff));text-align:center;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;padding-block:8px}@media (min-width: 769px){.image-grid-2x2__heading{font-size:var(--text-size, 24px)}}.image-grid-2x2__item:focus-within .image-grid-2x2__heading{outline:2px solid currentColor;outline-offset:4px}.image-grid-2x2__heading-button.hero__button{display:inline-flex;text-decoration:none;margin:0 2px;font-size:var(--text-size-mobile, 20px);font-weight:var(--text-weight, 500);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.image-grid-2x2__heading-button span{text-wrap:nowrap}@media (max-width: 768px){.image-grid-2x2__heading-button span{text-wrap:wrap;word-break:break-word;white-space:normal}.image-grid-2x2__heading-button{max-width:100%;min-width:0;white-space:normal}.image-grid-2x2__text-below .image-grid-2x2__heading-button span{text-wrap:wrap;word-break:break-word;white-space:normal}.image-grid-2x2__text-below .image-grid-2x2__heading-button.hero__button--primary,.image-grid-2x2__text-below .image-grid-2x2__heading-button.hero__button--secondary{padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 2)}.image-grid-2x2__heading-button.hero__button--primary span,.image-grid-2x2__heading-button.hero__button--secondary span{text-wrap:wrap;white-space:normal}.image-grid-2x2__overlay .image-grid-2x2__heading-button span{text-wrap:wrap;word-break:break-word;white-space:normal}}.image-grid-2x2__heading-button--full-width{width:100%;display:flex}@media (max-width: 768px){.image-grid-2x2__heading-button--full-width,.image-grid-2x2__overlay .image-grid-2x2__heading-button--full-width{width:100%;max-width:100%;margin-left:0;margin-right:0}}@media (min-width: 769px){.image-grid-2x2__heading-button.hero__button{font-size:var(--text-size, 24px)}.image-grid-2x2__heading-button--full-width{width:calc(100% - calc(var(--gap, 8px) * 4));margin-left:calc(var(--gap, 8px) * 2);margin-right:calc(var(--gap, 8px) * 2)}.image-grid-2x2__overlay .image-grid-2x2__heading-button--full-width{width:calc(100% - calc(var(--gap, 8px) * 4));max-width:calc(100% - calc(var(--gap, 8px) * 4));margin-left:calc(var(--gap, 8px) * 2);margin-right:calc(var(--gap, 8px) * 2)}}.image-grid-2x2__text-below{text-align:center;margin-top:calc(var(--gap, 8px) * 2);display:block;width:100%;flex-shrink:0}@media (max-width: 769px){.image-grid-2x2__text-below{margin-top:3px}}[data-block-id] .image-grid-2x2__text-below .image-grid-2x2__heading{color:var(--block-text-color)}.image-grid-2x2__text-below--desktop{display:none}.image-grid-2x2__text-below--mobile{display:block}@media (min-width: 769px){.image-grid-2x2__text-below--desktop{display:block}}@media (prefers-reduced-motion: reduce){.image-grid-2x2__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-image-grid-2x2.css.map */