.media-cards{display:flex;flex-direction:column;gap:3rem}@media screen and (min-width:990px){.media-cards{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6rem;align-items:center}.media-cards--content-right .media-cards__content{order:2}}.media-cards__heading{margin-top:0;margin-bottom:1.6rem}.media-cards__content .section-subtitle:not(.section-subtitle--eyebrow){margin-bottom:1.6rem}.media-cards__text{margin-bottom:2.4rem;max-width:55ch}.media-cards__text>*:last-child{margin-bottom:0}.media-cards__buttons{display:flex;flex-wrap:wrap;gap:1rem}.media-cards__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--media-cards-mobile-columns, 2),minmax(0,1fr));gap:1.5rem}@media screen and (min-width:750px){.media-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}.media-cards__card{position:relative;overflow:hidden;border-radius:var(--media-radius, 0);isolation:isolate;background:#0006}.media-cards__card--tall{aspect-ratio:9 / 16}.media-cards__card--portrait{aspect-ratio:3 / 4}.media-cards__card--square{aspect-ratio:1 / 1}.media-cards__card--landscape{aspect-ratio:4 / 3}.media-cards__card>a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;text-decoration:none;color:inherit}.media-cards__card img,.media-cards__card .placeholder-svg,.media-cards__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media-cards__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#000000bf,#00000059 35%,#0000 65%)}.media-cards__caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.6rem;color:#fff}@media screen and (min-width:750px){.media-cards__caption{padding:2.4rem}}.media-cards__card-title{margin:0 0 .6rem;color:#fff}.media-cards__card-text{margin:0;font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.media-cards__card-text{font-size:1.5rem}}.media-cards__video{opacity:0;transition:opacity .4s ease}.media-cards__video.banner__video--ready{opacity:1}@media(prefers-reduced-motion:reduce){.media-cards__video{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-text-with-media-cards.css.map */