.dynamic-grid-section{background-color:var(--color-background, transparent);padding-top:var(--section-gap-top, 0);padding-bottom:var(--section-gap-bottom, 0)}.dynamic-grid-section .page-width{max-width:var(--site-max-width);padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 2);margin-left:auto;margin-right:auto}.dynamic-grid-section .page-width--full{max-width:none;padding-left:0;padding-right:0}.section-heading{text-align:center;margin-bottom:calc(var(--gap, 8px) * 4)}.section-heading__title{font-size:clamp(28px,4vw,48px);font-weight:600;margin:0}.dynamic-grid{display:grid;gap:var(--grid-gap, 8px);width:100%}.grid-item{position:relative;overflow:hidden;border-radius:var(--border-radius, 0)}.grid-item--image-contain{display:flex;align-items:stretch}.grid-item--image-contain .grid-item__wrapper{display:flex;width:100%;height:auto;min-height:100%}.grid-item--image-contain .grid-item__image{position:static;width:100%;height:auto;display:block}.grid-item--image-contain .grid-item__image img{width:100%;height:auto;object-fit:contain;display:block;max-height:var(--max-row-height, 600px)}.grid-item--image-contain .grid-item__image picture{width:100%;height:auto;display:block}.grid-item--image-contain .grid-item__image picture img{width:100%;height:auto;object-fit:contain;display:block;max-height:var(--max-row-height, 600px)}.grid-item--image-contain .grid-item__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.grid-item--image-contain .grid-item__content>*{pointer-events:auto}@media (min-width: 990px){.grid-item{grid-column:var(--desktop-col-start) / span var(--desktop-col-span);grid-row:var(--desktop-row-start) / span var(--desktop-row-span)}}@media (min-width: 750px) and (max-width: 989px){.grid-item{grid-column:var(--tablet-col-start) / span var(--tablet-col-span);grid-row:var(--tablet-row-start) / span var(--tablet-row-span)}}@media (max-width: 749px){.grid-item{grid-column:var(--mobile-col-start) / span var(--mobile-col-span);grid-row:var(--mobile-row-start) / span var(--mobile-row-span);min-height:250px}}.grid-item__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:inherit}.grid-item__wrapper--text-only{background-color:var(--block-bg-color, #f5f5f5);opacity:var(--block-bg-opacity, 1);padding:calc(var(--gap, 8px) * 3)}.grid-item__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.grid-item__image img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}.grid-item__image img.loaded{opacity:1}.grid-item__wrapper--image-only .grid-item__image,.grid-item--image-contain .grid-item__wrapper--image-only{position:relative}.grid-item--image-contain .grid-item__wrapper--image-only .grid-item__image{position:static;width:100%;height:auto}.grid-item__link{display:block;width:100%;height:100%;transition:opacity .3s ease}.grid-item__link:hover{opacity:.9}.grid-item__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--block-bg-color, rgba(0, 0, 0, .3));opacity:var(--block-bg-opacity, .3);z-index:2}.grid-item__content{position:relative;z-index:3;padding:calc(var(--gap, 8px) * 3);color:var(--block-text-color, #ffffff);max-width:100%;width:100%;transform:rotate(var(--content-rotation-desktop, 0deg));transform-origin:center center}@media (max-width: 749px){.grid-item__content{transform:rotate(var(--content-rotation-mobile, var(--content-rotation-desktop, 0deg)))}.grid-item__content--top-left{align-self:flex-start;justify-self:flex-start;text-align:left}.grid-item__content--top-center{align-self:flex-start;justify-self:center;text-align:center}.grid-item__content--top-right{align-self:flex-start;justify-self:flex-end;text-align:right}.grid-item__content--center-left{align-self:center;justify-self:flex-start;text-align:left}.grid-item__content--center-center{align-self:center;justify-self:center;text-align:center}.grid-item__content--center-right{align-self:center;justify-self:flex-end;text-align:right}.grid-item__content--bottom-left{align-self:flex-end;justify-self:flex-start;text-align:left}.grid-item__content--bottom-center{align-self:flex-end;justify-self:center;text-align:center}.grid-item__content--bottom-right{align-self:flex-end;justify-self:flex-end;text-align:right}}.grid-item__content--top-left{align-self:flex-start;justify-self:flex-start;text-align:left}.grid-item__content--top-center{align-self:flex-start;justify-self:center;text-align:center}.grid-item__content--top-right{align-self:flex-start;justify-self:flex-end;text-align:right}.grid-item__content--center-left{align-self:center;justify-self:flex-start;text-align:left}.grid-item__content--center-center{align-self:center;justify-self:center;text-align:center}.grid-item__content--center-right{align-self:center;justify-self:flex-end;text-align:right}.grid-item__content--bottom-left{align-self:flex-end;justify-self:flex-start;text-align:left}.grid-item__content--bottom-center{align-self:flex-end;justify-self:center;text-align:center}.grid-item__content--bottom-right{align-self:flex-end;justify-self:flex-end;text-align:right}.grid-item__heading{font-size:var(--heading-size-mobile, 24px);font-weight:700;margin:0 0 calc(var(--gap, 8px) * 1) 0;line-height:1.2}@media (min-width: 990px){.grid-item__heading{font-size:var(--heading-size-desktop, 36px)}}.grid-item__text{font-size:var(--text-size-mobile, 14px);margin:0 0 calc(var(--gap, 8px) * 2) 0;line-height:1.6}@media (min-width: 990px){.grid-item__text{font-size:var(--text-size-desktop, 16px)}}.grid-item__text p{margin:0 0 calc(var(--gap, 8px) * 1) 0}.grid-item__text p:last-child{margin-bottom:0}.grid-item__button{display:inline-block;padding:12px 24px;border-radius:var(--border-radius-button, 4px);text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.grid-item__button.button--primary{background-color:var(--color-button-primary-background, #000);color:var(--color-button-primary-text, #fff);border-color:var(--color-button-primary-border, #000)}.grid-item__button.button--primary:hover{background-color:var(--color-button-primary-background-hover, #333);border-color:var(--color-button-primary-border-hover, #333)}.grid-item__button.button--secondary{background-color:transparent;color:var(--block-text-color, #fff);border-color:var(--block-text-color, #fff)}.grid-item__button.button--secondary:hover{background-color:var(--block-text-color, #fff);color:var(--block-bg-color, #000)}.grid-item__placeholder{width:100%;height:100%;min-height:200px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.grid-item__placeholder svg{width:60%;height:60%;opacity:.3}@media (max-width: 749px){.grid-item__content{padding:calc(var(--gap, 8px) * 2)}.grid-item__button{padding:10px 20px;font-size:14px}}@media (min-width: 750px) and (max-width: 989px){.grid-item__content{padding:calc(var(--gap, 8px) * 2.5)}}picture{display:block;width:100%;height:100%}picture img{width:100%;height:100%;object-fit:cover}.lazy-image{opacity:0;transition:opacity .3s ease}.lazy-image.loaded{opacity:1}.grid-item__image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;z-index:0}.grid-item__image img.loaded+:before,.grid-item__image:has(img.loaded):before{display:none}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: no-preference){.grid-item__wrapper{transition:none}.grid-item__link:hover .grid-item__image img{transform:none}.grid-item__image img{transition:opacity .3s ease}}.grid-item--text_only .grid-item__wrapper{background-color:var(--block-bg-color, #f5f5f5)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.grid-item__image img{image-rendering:-webkit-optimize-contrast}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dynamic-grid-collage.css.map */