.promo-grid__grid{display:flex;flex-wrap:wrap;gap:var(--gap, 0px)}.promo-tile{position:relative;display:flex;flex:1 1 100%;min-height:calc(var(--tile-height, 600px) * .6);overflow:hidden;background:var(--color-image-bg);color:var(--color-overlay-text)}@media(min-width:750px){.promo-tile{min-height:calc(var(--tile-height, 600px) * .8)}.promo-tile--33{flex-basis:calc(33.333% - var(--gap, 0px))}.promo-tile--50{flex-basis:calc(50% - var(--gap, 0px))}.promo-tile--66{flex-basis:calc(66.666% - var(--gap, 0px))}}@media(min-width:1140px){.promo-tile{min-height:var(--tile-height, 600px)}}.promo-tile.promo-tile--shaped{min-height:0;aspect-ratio:var(--tile-ratio)}.promo-tile__media,.promo-tile__cover-link{position:absolute;top:0;right:0;bottom:0;left:0}.promo-tile__image{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.promo-tile:hover .promo-tile__image{transform:scale(1.03)}.promo-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-overlay) calc(var(--overlay-opacity, 0) * 100%),transparent)}.promo-tile__cover-link{z-index:1}.promo-tile__content{position:relative;z-index:2;width:100%;padding:30px 20px;pointer-events:none}.promo-tile__content>*{pointer-events:auto}.promo-tile--v-top{align-items:flex-start}.promo-tile--v-center{align-items:center}.promo-tile--v-bottom{align-items:flex-end}.promo-tile--h-left{text-align:left}.promo-tile--h-center{text-align:center}.promo-tile--h-right{text-align:right}.promo-tile--v-bottom:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-overlay) 42%,transparent),transparent);pointer-events:none}.promo-tile__subheading{margin:0 0 10px;font-size:var(--text-xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase}.promo-tile__heading{margin:0;font-size:calc(clamp(1.5rem,3.4vw,2.125rem) * var(--text-scale, 1));line-height:1;letter-spacing:-.01em;text-wrap:balance}.promo-tile__text{margin:8px 0 0;font-size:calc(var(--text-body) * var(--text-scale, 1));text-wrap:balance}.promo-tile__buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.promo-tile--h-center .promo-tile__buttons{justify-content:center}.promo-tile--h-right .promo-tile__buttons{justify-content:flex-end}@media(min-width:750px){.promo-tile__content{padding:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-promo-grid.css.map */
