.promo-grid{--promo-gap: 12px;--promo-row-h: 260px}.promo-grid--h-small{--promo-row-h: 210px}.promo-grid--h-large{--promo-row-h: 320px}@media screen and (min-width:990px){.promo-grid{--promo-gap: 16px}}.promo-grid__list{margin:0;padding:0;list-style:none}.promo-grid__list:not(.slider__track){display:grid;gap:var(--promo-gap)}.promo-grid__item{min-width:0;margin:0;list-style:none}.promo-grid__item>.promo-tile{height:100%}.promo-grid--row .promo-tile{--promo-tile-min-h: calc(var(--promo-row-h) * 1.5)}@media screen and (max-width:740px){.promo-grid--mobile-stack .promo-grid__list{grid-template-columns:minmax(0,1fr)}.promo-grid--mobile-grid .promo-grid__list{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-grid--mobile-grid .promo-grid__item:first-child{grid-column:1 / -1}.promo-grid .promo-tile--overlay{--promo-tile-min-h: 260px}.promo-grid--mobile-grid .promo-grid__item:not(:first-child) .promo-tile--overlay{--promo-tile-min-h: 200px}}@media screen and (min-width:741px){:is(.promo-grid--mosaic,.promo-grid--hero-four) .promo-grid__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(var(--promo-row-h),auto);gap:var(--promo-gap);margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none}}@media screen and (min-width:741px)and (max-width:989px){:is(.promo-grid--mosaic,.promo-grid--hero-four) .promo-grid__item:first-child{grid-column:1 / -1}}@media screen and (min-width:990px){:is(.promo-grid--mosaic,.promo-grid--hero-four) .promo-grid__list{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(var(--promo-row-h),auto))}.promo-grid--mosaic .promo-grid__list{grid-template-areas:"a b b c" "a d e c"}.promo-grid--hero-four .promo-grid__list{grid-template-areas:"a a b c" "a a d e"}.promo-grid__item--a{grid-area:a}.promo-grid__item--b{grid-area:b}.promo-grid__item--c{grid-area:c}.promo-grid__item--d{grid-area:d}.promo-grid__item--e{grid-area:e}}.promo-tile{position:relative;isolation:isolate;height:100%;min-height:var(--promo-tile-min-h, 0px);overflow:hidden;border-radius:var(--media-radius);container-type:inline-size}.promo-tile__inner{display:flex;flex-direction:column;height:100%;min-height:inherit}.promo-tile__media>:is(img,picture,svg){position:absolute;top:0;right:0;bottom:0;left:0}.promo-tile__content{display:flex;flex-direction:column;padding:clamp(16px,2vw,28px)}.promo-tile__box{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:34em}.promo-tile__box>*{margin:0}.promo-tile__box--boxed{padding:clamp(16px,2.4vw,32px);border-radius:calc(var(--media-radius) * .75);background-color:var(--background);color:var(--text-color)}.promo-tile__text{font-size:var(--font-size);line-height:1.5;color:var(--text-muted)}.promo-tile__cta{margin-top:6px}.promo-tile__link,.promo-tile__link:visited{color:inherit;text-decoration:none}.promo-tile--card .promo-tile__media{order:2;flex:1 1 auto;min-height:140px}@container (min-width: 520px){.promo-tile--card .promo-tile__inner{flex-direction:row}.promo-tile--card .promo-tile__content{flex:1 1 50%;justify-content:center}.promo-tile--card .promo-tile__media{flex:1 1 50%;min-height:200px}}.promo-tile--overlay .promo-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.promo-tile--overlay .promo-tile__inner{justify-content:var(--content-align-y, flex-start)}.promo-tile--linked .promo-tile__media img{transition:transform .6s ease}.promo-tile--linked:hover .promo-tile__media img{transform:scale(1.04)}.promo-tile--linked:hover .promo-tile__cta.btn--primary{background-color:var(--button-hover);color:var(--button-text-hover)}.promo-tile--linked:hover .promo-tile__cta.btn--secondary{border-color:var(--text-color);background-color:var(--text-color);color:var(--background)}.promo-tile--linked:hover .promo-tile__cta.text-link{text-decoration-thickness:2px}.promo-tile .stretched-link:focus-visible{outline:none!important}.promo-tile:has(.stretched-link:focus-visible){outline:2px solid var(--focus-ring-color, currentColor);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/204/assets/section-promo-grid.css.map */