.banner-grid .page-text{width:70%;max-width:820px;margin-left:auto;margin-right:auto;color:rgb(var(--color-foreground-rgb) / .65)}.banner-grid__layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;min-height:520px;margin-top:35px}.banner-grid__card{position:relative;overflow:hidden;border-radius:30px;min-height:220px}.banner-grid__card--large{grid-row:1 / span 2}.banner-grid__media{position:absolute;top:0;right:0;bottom:0;left:0}.banner-grid__image,.banner-grid__placeholder{width:100%;height:100%;object-fit:cover;display:block}.banner-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;padding:28px 30px;color:#fff;background:linear-gradient(180deg,#0000000d 40%,#0000008c)}.banner-grid__overlay--split{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px}.banner-grid__overlay--1,.banner-grid__overlay--2{flex-direction:column;justify-content:center}.banner-grid__overlay--1{align-items:flex-start;width:58%;background:linear-gradient(90deg,rgb(0 35 70 / .82) 0%,rgb(0 35 70 / .35) 70%,transparent 100%)}.banner-grid__overlay--2{align-items:flex-end;margin-left:auto;width:58%;text-align:right;background:linear-gradient(270deg,rgb(0 35 70 / .82) 0%,rgb(0 35 70 / .35) 70%,transparent 100%)}.banner-grid__copy{display:flex;flex-direction:column;gap:8px}.banner-grid__card-title{margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1.25}.banner-grid__card-title--bordered{display:inline-block;align-self:flex-end;padding:8px 14px}.banner-grid__card-subtitle{margin:0;font-size:clamp(14px,1.4vw,16px);line-height:1.5;opacity:.95}.banner-grid__overlay--split .banner-grid__button{flex-shrink:0}.banner-grid__overlay--1 .banner-grid__button,.banner-grid__overlay--2 .banner-grid__button{margin-top:16px}@media(max-width:992px){.banner-grid .page-text{width:100%}.banner-grid__layout{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.banner-grid__card--large{grid-row:auto;min-height:320px}.banner-grid__card--small{min-height:260px}.banner-grid__overlay--split{flex-direction:column;align-items:flex-start}.banner-grid__overlay--1,.banner-grid__overlay--2{width:100%;align-items:flex-start;text-align:left;background:linear-gradient(180deg,transparent 20%,rgb(0 35 70 / .75) 100%)}.banner-grid__card-title--bordered{align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-banner-grid.css.map */