.promo-banners__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}@media(max-width:599px){.promo-banners__grid{grid-template-columns:1fr}}.promo-card{position:relative;display:block;border-radius:0;overflow:hidden;width:100%;max-width:546px;height:296px;margin:0 auto;padding:var(--space-5) var(--space-4)}.promo-card--light{background:var(--color-cream-soft)}.promo-card--light .promo-card__heading{color:var(--color-brown-deep)}.promo-card--light .promo-card__accent{color:var(--color-accent)}.promo-card--light .promo-card__subtext{color:var(--color-text-muted)}.promo-card--light .promo-card__btn{background:var(--color-brown-deep);color:#fff}.promo-card--dark{background:var(--color-brown-deep)}.promo-card--dark .promo-card__heading{color:#fff}.promo-card--dark .promo-card__accent{color:var(--color-gold)}.promo-card--dark .promo-card__subtext{color:#f3e6d3a6}.promo-card--dark .promo-card__btn{background:#fff;color:var(--color-brown-deep)}.promo-card__text{position:relative;z-index:2;max-width:60%}.promo-card__heading{font-family:var(--font-body);font-weight:800;font-size:1.6rem;text-transform:uppercase;letter-spacing:.01em;margin:0 0 var(--space-2);line-height:1.2}.promo-card__accent{display:inline;margin-right:6px}.promo-card__subtext{font-size:.9rem;margin:0 0 var(--space-4)}.promo-card__btn{display:inline-flex;align-items:center;justify-content:center;padding:.75em 1.6em;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);transition:opacity var(--transition-base)}.promo-card:hover .promo-card__btn{opacity:.85}.promo-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.promo-card__media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:all 1.5s ease-out}.promo-card:hover .promo-card__media img{transform:scale(1.08)}.promo-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.promo-card--dark .promo-card__scrim{background:linear-gradient(90deg,var(--color-brown-deep) 0%,var(--color-brown-deep) 32%,rgba(43,24,16,.6) 55%,transparent 78%)}@media(max-width:749px){.promo-card{height:240px;padding:var(--space-4)}.promo-card__heading{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/promo-banners.css.map */