image-grid-lightbox,.image-grid{display:block;width:100%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-sizing:border-box}.image-grid__header{margin-bottom:2.4rem;text-align:center}.image-grid__header:has(.image-grid__text){margin-bottom:0}.image-grid__header--left{text-align:left}.image-grid__subtitle{display:block;margin:0 0 .8rem}.image-grid__title{margin:0}.image-grid__text{max-width:min(100%,var(--image-grid-text-width, 80rem));margin-top:var(--image-grid-text-spacing, 2.4rem);margin-bottom:var(--image-grid-text-spacing, 2.4rem);font-size:var(--image-grid-text-size, 1.6rem);line-height:1.6}.image-grid__header--center .image-grid__text{margin-inline:auto}.image-grid__header--left .image-grid__text{margin-inline:0}.image-grid__text>*:first-child{margin-top:0}.image-grid__text>*:last-child{margin-bottom:0}.image-grid__grid{display:grid;grid-template-columns:repeat(var(--image-grid-columns, 3),minmax(0,1fr));gap:var(--image-grid-gap, .8rem);align-items:stretch}.image-grid__item{position:relative;min-width:0;border-radius:var(--image-grid-radius, .4rem);overflow:hidden;background:rgba(var(--color-foreground),.04)}.image-grid__media{position:relative;display:block;width:100%;aspect-ratio:var(--image-grid-ratio, 1 / 1);overflow:hidden;text-decoration:none;color:inherit}.image-grid__media--button{padding:0;border:0;background:none;cursor:pointer;text-align:left;font:inherit}.image-grid__image,.image-grid__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s ease}.image-grid__placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.4);font-size:1.2rem;letter-spacing:.04em;text-transform:uppercase}.image-grid__item:hover .image-grid__image{transform:scale(1.03)}.image-grid__caption{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:2.4rem 1.6rem 1.6rem;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);color:#fff;pointer-events:none}.image-grid__caption-text{display:block;margin:0}.image-grid--no-radius .image-grid__item{border-radius:0}.image-grid--no-hover .image-grid__item:hover .image-grid__image{transform:none}@media screen and (max-width:989px){.image-grid__grid{grid-template-columns:repeat(var(--image-grid-columns-tablet, 2),minmax(0,1fr))}}@media screen and (max-width:749px){.image-grid__grid{grid-template-columns:repeat(var(--image-grid-columns-mobile, 1),minmax(0,1fr))}}html.image-grid-lightbox-open{overflow:hidden}.image-grid-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2.4rem}.image-grid-lightbox[hidden]{display:none}.image-grid-lightbox__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6}.image-grid-lightbox__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:min(120rem,calc(100vw - 12rem));max-height:calc(100vh - 8rem)}.image-grid-lightbox__image{display:block;max-width:100%;max-height:calc(100vh - 12rem);width:auto;height:auto;object-fit:contain}.image-grid-lightbox__caption,.image-grid-lightbox__counter{margin:1.2rem 0 0;color:#fff;text-align:center}.image-grid-lightbox__caption[hidden]{display:none}.image-grid-lightbox__counter{opacity:.7;font-size:1.3rem}.image-grid-lightbox__close,.image-grid-lightbox__nav{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .2s ease}.image-grid-lightbox__close:hover,.image-grid-lightbox__nav:hover{background:#ffffff38}.image-grid-lightbox__close{top:1.6rem;right:1.6rem;width:4.4rem;height:4.4rem}.image-grid-lightbox__close svg{width:1.8rem;height:1.8rem}.image-grid-lightbox__nav{top:50%;width:4.4rem;height:4.4rem;transform:translateY(-50%)}.image-grid-lightbox__nav[hidden]{display:none}.image-grid-lightbox__nav--prev{left:1.6rem}.image-grid-lightbox__nav--next{right:1.6rem}.image-grid-lightbox__nav-icon{display:inline-flex;line-height:0}.image-grid-lightbox__nav-icon--prev{transform:rotate(180deg)}.image-grid-lightbox__nav-icon svg{width:1.8rem;height:1.8rem}@media screen and (max-width:749px){.image-grid-lightbox{padding:1.6rem}.image-grid-lightbox__content{max-width:calc(100vw - 2.4rem)}.image-grid-lightbox__nav--prev{left:.8rem}.image-grid-lightbox__nav--next{right:.8rem}.image-grid-lightbox__close{top:.8rem;right:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-grid.css.map */