.media-grid-section{position:relative}.media-grid__header{margin-bottom:2rem}.media-grid__description{margin-top:1rem}.media-grid{display:grid;gap:var(--grid-gap, 20px);grid-template-columns:repeat(var(--grid-columns-mobile, 1),1fr);min-height:var(--grid-row-height, 300px)}.media-grid__item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--item-padding, 30px);border:1px solid #000;border-radius:var(--border-radius, 0);overflow:hidden;min-height:var(--grid-row-height, 300px);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--item-background-color, #ffffff)}.media-grid__item:hover{box-shadow:0 4px 12px #0000001a}.media-grid__item--text-only{background-color:var(--text-only-background-color, #f4f4f4);border:1px solid #000}.media-grid__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.media-grid__image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.media-grid__item:hover .media-grid__image img{transform:scale(1.1)}.media-grid__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .3);z-index:2}.media-grid__content{position:relative;z-index:3;width:100%;max-width:100%;text-align:center}.media-grid__content.text-left{text-align:left}.media-grid__content.text-right{text-align:right}.media-grid__heading{margin:0 0 .5rem;font-size:var(--heading-font-size, 24px);font-weight:var(--heading-font-weight, 600);line-height:var(--heading-line-height, 1.2);color:var(--heading-color, #000000)}.media-grid__subheading{margin:0 0 1rem;font-size:var(--subheading-font-size, 18px);font-weight:var(--subheading-font-weight, 500);line-height:var(--subheading-line-height, 1.3);color:var(--subheading-color, #666666)}.media-grid__text{margin:0 0 1.5rem;font-size:var(--text-font-size, 16px);font-weight:var(--text-font-weight, 400);line-height:var(--text-line-height, 1.5);color:var(--text-color, #333333)}.media-grid__text:last-child{margin-bottom:0}.media-grid__button{display:inline-flex;align-items:center;gap:.5rem;padding:var(--button-padding, 12px) 1.5rem;font-size:var(--button-font-size, 16px);font-weight:var(--button-font-weight, 500);text-decoration:none;border:var(--button-border-width, 1px) solid transparent;border-radius:var(--button-border-radius, 4px);transition:all .3s ease;cursor:pointer;white-space:nowrap}.media-grid__button--primary{background-color:var(--button-background-color, #000000);color:var(--button-text-color, #ffffff);border-color:var(--button-border-color, #000000)}.media-grid__button--primary:hover{background-color:transparent;color:var(--button-border-color, #000000)}.media-grid__button--secondary{background-color:transparent;color:var(--button-text-color, #ffffff);border-color:var(--button-border-color, #000000)}.media-grid__button--secondary:hover{background-color:var(--button-border-color, #000000);color:var(--button-background-color, #ffffff)}.media-grid__button--with-arrow .icon-arrow{width:14px;height:10px;transition:transform .3s ease}.media-grid__button:hover .icon-arrow{transform:translate(2px)}@media screen and (min-width: 750px){.media-grid{grid-template-columns:repeat(var(--grid-columns-tablet, 2),1fr)}.media-grid__item{padding:calc(var(--item-padding, 30px) * 1.2)}.media-grid__heading{font-size:calc(var(--heading-font-size, 24px) * 1.1)}.media-grid__subheading{font-size:calc(var(--subheading-font-size, 18px) * 1.05)}.media-grid__text{font-size:calc(var(--text-font-size, 16px) * 1.05)}}@media screen and (min-width: 990px){.media-grid{grid-template-columns:repeat(var(--grid-columns-desktop, 3),1fr)}.media-grid__item{padding:calc(var(--item-padding, 30px) * 1.4)}.media-grid__heading{font-size:calc(var(--heading-font-size, 24px) * 1.2)}.media-grid__subheading{font-size:calc(var(--subheading-font-size, 18px) * 1.1)}.media-grid__text{font-size:calc(var(--text-font-size, 16px) * 1.1)}}.media-grid--full-width{max-width:none;margin:0;padding:0 var(--grid-gap, 20px)}@media (prefers-reduced-motion: no-preference){.media-grid__item{transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}.media-grid__button{transition:all .3s ease}.media-grid__button .icon-arrow{transition:transform .3s ease}}.media-grid__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.media-grid__item:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (prefers-contrast: high){.media-grid__item,.media-grid__button{border-width:2px}}@media print{.media-grid__item{break-inside:avoid;border:1px solid #000;box-shadow:none}.media-grid__button{border:1px solid #000;background:none!important;color:#000!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-media-grid.css.map */