.banner-grid{--banner-grid-text: #111827;--banner-grid-primary: #e11d48;--banner-grid-secondary: #f3f4f6;--banner-grid-gap: 8px;--banner-grid-bg-top: #f4f7f8;--banner-grid-bg-bottom: #ffffff;--banner-grid-gradient-stop: 50%;width:100%;max-width:100%;padding-top:var(--banner-grid-padding-top, 0);padding-bottom:var(--banner-grid-padding-bottom, 8px);overflow-x:clip}.banner-grid--bg-solid{background-color:var(--banner-grid-bg-top)}.banner-grid--bg-gradient.banner-grid--gradient-smooth{background:linear-gradient(180deg,var(--banner-grid-bg-top) 0%,var(--banner-grid-bg-bottom) 100%)}.banner-grid--bg-gradient.banner-grid--gradient-split{background:linear-gradient(180deg,var(--banner-grid-bg-top) 0%,var(--banner-grid-bg-top) var(--banner-grid-gradient-stop),var(--banner-grid-bg-bottom) var(--banner-grid-gradient-stop),var(--banner-grid-bg-bottom) 100%)}@supports not (overflow: clip){.banner-grid{overflow-x:hidden}}.banner-grid__inner{width:100%}.banner-grid__container{max-width:var(--banner-grid-max-width, 1280px);margin:0 auto}.banner-grid__header{margin-bottom:32px}.banner-grid__eyebrow{display:block;margin-bottom:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--banner-grid-primary)}.banner-grid__heading{margin:0;font-size:14px;font-weight:700;color:var(--banner-grid-text)}@media(min-width:1024px){.banner-grid{padding-top:var(--banner-grid-padding-top-desktop, var(--banner-grid-padding-top, 64px))}.banner-grid__eyebrow{margin-bottom:8px;font-size:14px}.banner-grid__heading{font-size:36px}}.banner-grid__grid{display:grid;grid-template-columns:repeat(var(--banner-grid-cols-mobile, 2),minmax(0,1fr));gap:var(--banner-grid-gap);padding-right:var(--banner-grid-grid-padding-right, 16px)}@media(min-width:1024px){.banner-grid__grid{grid-template-columns:repeat(var(--banner-grid-cols-desktop, 4),minmax(0,1fr));padding-right:0}}.banner-grid__item{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit;grid-column:span var(--banner-grid-col-span-mobile, 1);grid-row:span var(--banner-grid-row-span-mobile, 1)}@media(min-width:1024px){.banner-grid__item{grid-column:span var(--banner-grid-col-span-desktop, 1);grid-row:span var(--banner-grid-row-span-desktop, 1)}}.banner-grid__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:16px;padding:16px;background-color:var(--banner-grid-secondary);box-shadow:0 0 0 transparent;transition:box-shadow .3s ease}.banner-grid__card--fill{aspect-ratio:calc(var(--banner-grid-col-span-mobile, 1) / var(--banner-grid-row-span-mobile, 1));min-height:100%}.banner-grid__card:not(.banner-grid__card--fill){aspect-ratio:1}@media(min-width:1024px){.banner-grid__card--fill{aspect-ratio:calc(var(--banner-grid-col-span-desktop, 1) / var(--banner-grid-row-span-desktop, 1))}}@media(min-width:1024px){.banner-grid__card{padding:32px;border-radius:16px}}.banner-grid__item:hover .banner-grid__card{box-shadow:0 10px 40px -10px #00000026}.banner-grid__card-content{position:absolute;top:8px;left:8px;z-index:1;width:calc(100% - 16px);padding:16px;pointer-events:none}@media(min-width:1024px){.banner-grid__card-content{top:8px;left:8px;padding:8px}}.banner-grid__card-title{margin:0;font-size:var(--banner-grid-card-title-size-mobile, 20px);font-weight:600;color:var(--banner-grid-card-title-color, #fff);transform:translateY(8px);transition:transform .5s ease}.banner-grid__item:hover .banner-grid__card-title{transform:translateY(0)}@media(min-width:1024px){.banner-grid__card-title{font-size:var(--banner-grid-card-title-size-desktop, var(--banner-grid-card-title-size-mobile, 20px))}}.banner-grid__cta{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:space-between;width:fit-content;margin-top:auto;padding:8px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#fff3;color:#fff;font-size:var(--banner-grid-card-cta-size-mobile, 12px);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 6px -1px #0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s ease}@media(min-width:1024px){.banner-grid__cta{font-size:var(--banner-grid-card-cta-size-desktop, var(--banner-grid-card-cta-size-mobile, 16px));transform:translateY(192px)}.banner-grid__item:hover .banner-grid__cta{transform:translateY(0)}}.banner-grid__cta-icon{flex-shrink:0;margin-left:8px}.banner-grid__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.banner-grid__image{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:bottom center;filter:contrast(1.15);transform-origin:bottom center;transition:transform .3s ease}.banner-grid__item:hover .banner-grid__image{transform:scale(1.05)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/banner-grid.css.map */