.promo-banner-grid{--pbg-pt: 36px;--pbg-pb: 36px;--pbg-gap: 12px;--pbg-radius: 12px;--pbg-bg: transparent;--promo-banner-radius: var(--pbg-radius);background-color:var(--pbg-bg);padding-top:var(--pbg-pt);padding-bottom:var(--pbg-pb);box-sizing:border-box}.promo-banner-grid__inner{max-width:none;width:100%;padding-left:1.6rem;padding-right:1.6rem;box-sizing:border-box}.promo-banner-grid__heading{margin:0 0 1.4rem;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;line-height:1.2;letter-spacing:-.015em;color:currentColor}.promo-banner-grid__layout{display:grid;grid-template-columns:7fr 3fr;grid-template-rows:1fr;gap:var(--pbg-gap);align-items:stretch}.promo-banner-grid__left{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--pbg-gap);align-items:stretch}.promo-banner-grid__slot{display:flex;flex-direction:column;align-items:stretch;min-width:0;overflow:hidden}.promo-banner-grid__slot--a{grid-column:1;grid-row:1}.promo-banner-grid__slot--b{grid-column:2;grid-row:1}.promo-banner-grid__slot--c{grid-column:1 / -1;grid-row:2}.promo-banner-grid__right{display:flex;flex-direction:column;align-items:stretch;min-width:0;overflow:hidden}.promo-banner-grid__slot:has(>.promo-banner-grid__empty){display:none}.promo-banner-grid__right:has(>.promo-banner-grid__empty){display:none}.promo-banner-grid__empty{display:none}.promo-banner-card{position:relative;display:block;overflow:hidden;border-radius:var(--promo-banner-radius);text-decoration:none;color:inherit;box-sizing:border-box;width:100%;height:100%;min-width:0}.promo-banner-card[data-card-type]{cursor:default}a.promo-banner-card{cursor:pointer}a.promo-banner-card:focus-visible{outline:3px solid #0070f3;outline-offset:3px}.promo-banner-card__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--promo-banner-radius);z-index:0}.promo-banner-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:none}.promo-banner-card--horizontal{aspect-ratio:16 / 9;height:auto}.promo-banner-card--bottom-wide{aspect-ratio:21 / 9;height:auto}.promo-banner-card--vertical{aspect-ratio:3 / 4}@media screen and (min-width:750px){.promo-banner-card--vertical{aspect-ratio:none;height:100%}}.promo-banner-card__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#e8e8e8;color:#9e9e9e}.promo-banner-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--overlay-color, rgba(0, 0, 0, .3));opacity:var(--overlay-opacity, .4);pointer-events:none;border-radius:var(--promo-banner-radius)}.promo-banner-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:clamp(12px,3%,24px);box-sizing:border-box;color:var(--card-text-color, #ffffff);justify-content:flex-end;align-items:flex-start;text-align:left}.promo-banner-card--content-top .promo-banner-card__content{justify-content:flex-start}.promo-banner-card--content-middle .promo-banner-card__content{justify-content:center}.promo-banner-card--content-bottom .promo-banner-card__content{justify-content:flex-end}.promo-banner-card--align-left .promo-banner-card__content{align-items:flex-start;text-align:left}.promo-banner-card--align-center .promo-banner-card__content{align-items:center;text-align:center}.promo-banner-card--align-right .promo-banner-card__content{align-items:flex-end;text-align:right}.promo-banner-card__heading{margin:0 0 .3em;font-size:clamp(.9rem,2vw,1.35rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:inherit;text-shadow:0 1px 3px rgba(0,0,0,.25)}.promo-banner-card__subheading{margin:0 0 .75em;font-size:clamp(.75rem,1.5vw,1rem);font-weight:400;line-height:1.4;color:inherit;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.promo-banner-card__button{display:inline-flex;align-items:center;justify-content:center;z-index:3;position:relative;padding:.5em 1.4em;border-radius:50px;background-color:#1a1a1a;color:#fff;font-size:clamp(.7rem,1.3vw,.85rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-decoration:none;border:2px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease;pointer-events:none;cursor:pointer}.promo-banner-card--btn-outline .promo-banner-card__button{background-color:transparent;color:#fff;border-color:#fff}.promo-banner-card--btn-pill-dark .promo-banner-card__button{background-color:#1a1a1a;color:#fff}.promo-banner-card--btn-solid-white .promo-banner-card__button{background-color:#fff;color:#1a1a1a}.promo-banner-card{transition:transform .22s ease-out,box-shadow .22s ease-out;will-change:transform}.promo-banner-grid--hover .promo-banner-card:hover,.promo-banner-grid--hover a.promo-banner-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 28px #00000024}.promo-banner-grid--hover a.promo-banner-card:focus-visible{outline:3px solid #0070f3;outline-offset:3px}.promo-banner-grid--shadows .promo-banner-card{box-shadow:0 2px 16px #0000001a}@media screen and (max-width:989px)and (min-width:750px){.promo-banner-grid__layout{grid-template-columns:65fr 35fr}.promo-banner-grid{--pbg-gap: 10px}.promo-banner-card__heading{font-size:clamp(.8rem,1.8vw,1.1rem)}.promo-banner-card__subheading{font-size:clamp(.7rem,1.3vw,.9rem)}.promo-banner-card__button{padding:.4em 1.1em;font-size:.7rem}}@media screen and (max-width:749px){.promo-banner-grid__inner{padding-left:1rem;padding-right:1rem}.promo-banner-grid__layout,.promo-banner-grid__left{display:flex;flex-direction:column;gap:var(--pbg-gap)}.promo-banner-grid__slot--a,.promo-banner-grid__slot--b,.promo-banner-grid__slot--c{grid-column:unset;grid-row:unset}.promo-banner-grid__right,.promo-banner-card--horizontal,.promo-banner-card--bottom-wide,.promo-banner-card--vertical{width:100%;height:auto}.promo-banner-card--vertical{aspect-ratio:3 / 4;height:auto}.promo-banner-card__content{padding:14px}.promo-banner-card__button{padding:.45em 1.2em;font-size:.72rem}.promo-banner-card{max-width:100%;overflow:hidden}}@media(prefers-reduced-motion:reduce){.promo-banner-card,.promo-banner-card__button{transition:none}.promo-banner-grid--hover .promo-banner-card:hover,.promo-banner-grid--hover a.promo-banner-card:focus-visible{transform:none;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/promotional-banner-grid.css.map */