.promo-banners{padding:4rem 0;background-color:var(--white-color, #ffffff)}@media(min-width:750px){.promo-banners{padding:5rem 0}}.promo-banners__container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.promo-banners__heading{font-family:var(--font-stack-header, "Instrument Sans", sans-serif);font-style:var(--font-style-header, normal);font-weight:var(--font-weight-header, 700);font-size:calc(var(--font-h3-mobile, 26) * 1px);line-height:var(--heading-line-height, 1);color:var(--color-text, #26282c);text-align:center;margin-bottom:2rem}@media(min-width:750px){.promo-banners__heading{font-size:calc(var(--font-h3-desktop, 32) * 1px)}}.promo-banners__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:750px){.promo-banners__grid--1{grid-template-columns:1fr}.promo-banners__grid--2{grid-template-columns:repeat(2,1fr)}.promo-banners__grid--3{grid-template-columns:repeat(3,1fr)}.promo-banners__grid--4{grid-template-columns:repeat(4,1fr)}}.promo-banners__banner{display:block;text-decoration:none;border-radius:12px;overflow:hidden}.promo-banners__image-wrapper{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px}.promo-banners__grid--1 .promo-banners__image-wrapper,.promo-banners__grid--2 .promo-banners__image-wrapper{aspect-ratio:16 / 9}.promo-banners__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.promo-banners__banner:hover .promo-banners__image{transform:scale(1.04)}.promo-banners__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-blankstate-background, rgba(38, 40, 44, .1));display:flex;align-items:center;justify-content:center;color:var(--color-blankstate, rgba(38, 40, 44, .35))}.promo-banners__image-placeholder svg{width:40%;height:40%}.promo-banners__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .4);pointer-events:none;z-index:1;transition:opacity .3s ease}.promo-banners__banner:hover .promo-banners__overlay{opacity:calc(var(--overlay-opacity, .4) * .8)}.promo-banners__content{position:absolute;z-index:2;padding:1.75rem;max-width:90%}.promo-banners__content--bottom-left{bottom:0;left:0}.promo-banners__content--bottom-right{bottom:0;right:0;text-align:right}.promo-banners__content--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:80%}.promo-banners__content--top-left{top:0;left:0}.promo-banners__eyebrow{display:block;font-family:var(--font-stack-navigation, "Instrument Sans", sans-serif);font-weight:var(--font-weight-navigation, 600);font-size:calc(var(--font-size-navigation, 16) * 1px - 4px);color:#fffc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem}.promo-banners__title{font-family:var(--font-stack-header, "Instrument Sans", sans-serif);font-style:var(--font-style-header, normal);font-weight:var(--font-weight-header, 700);font-size:calc(var(--font-h4-desktop, 22) * 1px);line-height:var(--heading-line-height, 1.1);color:var(--white-color, #ffffff);margin-bottom:.5rem}.promo-banners__grid--3 .promo-banners__title,.promo-banners__grid--4 .promo-banners__title{font-size:calc(var(--font-h5-desktop, 18) * 1px)}.promo-banners__text{font-family:var(--font-stack-body, "Instrument Sans", sans-serif);font-weight:var(--font-weight-body, 400);font-size:calc(var(--font-size-base, 16) * 1px - 2px);color:#ffffffd9;margin-bottom:1rem;line-height:1.5}.promo-banners__grid--4 .promo-banners__text{display:none}.promo-banners__btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-btn-primary, #d3250d);color:var(--color-btn-primary-text, #ffffff);font-family:var(--font-stack-navigation, "Instrument Sans", sans-serif);font-weight:var(--font-weight-navigation, 600);font-size:calc(var(--font-size-navigation, 16) * 1px - 2px);border-radius:50px;padding:10px 20px;line-height:1.4;transition:background-color .2s}.promo-banners__banner:hover .promo-banners__btn{background-color:var(--color-btn-primary-focus, #a31d0a)}@media(max-width:749px){.promo-banners__grid{grid-template-columns:1fr}.promo-banners__image-wrapper{aspect-ratio:16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-promotional-banners.css.map */