.clovant-promo-grid{background:var(--clovant-warm-white)}.clovant-promo-grid__header{max-width:72rem;margin-bottom:2.4rem}.clovant-promo-grid__eyebrow,.clovant-promo-card__eyebrow{margin:0;color:var(--clovant-muted);font-size:1.1rem;font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.clovant-promo-grid__heading{margin:.8rem 0 0;color:var(--clovant-ink);font-size:clamp(2.8rem,3.6vw,4.2rem);letter-spacing:-.04em;line-height:1.08}.clovant-promo-grid__subheading{max-width:66rem;margin:1rem 0 0;color:var(--clovant-muted);font-size:1.5rem;line-height:var(--clovant-leading-body)}.clovant-promo-grid__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.clovant-promo-card{display:grid;grid-template-rows:15rem 1fr;min-width:0;overflow:hidden;border:1px solid var(--clovant-border);border-radius:var(--clovant-card-radius);color:var(--clovant-ink);text-decoration:none;box-shadow:0 .6rem 2.4rem #0e10140b;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.clovant-promo-card--blush{background:var(--clovant-blush)}.clovant-promo-card--cool{background:var(--clovant-cool-surface)}.clovant-promo-card--warm{background:#fff}a.clovant-promo-card:hover{transform:translateY(-3px);border-color:#0e101433;box-shadow:0 1.4rem 3.4rem #0e101414}a.clovant-promo-card:focus-visible{outline:2px solid var(--clovant-ink);outline-offset:4px}.clovant-promo-card__media{min-width:0;overflow:hidden;border-bottom:1px solid rgba(14,16,20,.08);background:#ffffff85}.clovant-promo-card__image{width:100%;height:100%;object-fit:cover;object-position:center}.clovant-promo-card__fallback{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.clovant-promo-card__fallback:before,.clovant-promo-card__fallback:after{content:"";position:absolute;width:18rem;height:18rem;border:1px solid rgba(14,16,20,.08);border-radius:50%}.clovant-promo-card__fallback:before{right:-5rem;bottom:-11rem}.clovant-promo-card__fallback:after{top:-12rem;left:-4rem}.clovant-promo-card__fallback svg{position:relative;z-index:1;width:min(62%,16rem);height:auto;fill:#ffffffb8;stroke:#0e101461;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.clovant-promo-card__products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;height:100%;padding:1.2rem}.clovant-promo-card__product{min-width:0;overflow:hidden;border:.1rem solid rgba(14,16,20,.08);border-radius:.8rem;background:#ffffffd6}.clovant-promo-card__product-image{width:100%;height:100%;padding:.8rem;box-sizing:border-box;object-fit:contain}.clovant-promo-card__content{display:flex;flex-direction:column;min-width:0;padding:2rem}.clovant-promo-card__headline{margin:.7rem 0 0;color:var(--clovant-ink);font-size:clamp(2rem,2.2vw,2.7rem);letter-spacing:-.035em;line-height:1.12}.clovant-promo-card__description{margin:1rem 0 0;color:var(--clovant-muted);font-size:1.35rem;line-height:1.5}.clovant-promo-card__link-label{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:1.8rem;font-size:1.3rem;font-weight:700}.clovant-promo-card__link-label span{transition:transform .18s ease}a.clovant-promo-card:hover .clovant-promo-card__link-label span{transform:translate(3px)}@media screen and (max-width:989px){.clovant-promo-grid__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.clovant-promo-card:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (max-width:749px){.clovant-promo-grid__header{margin-bottom:1.8rem}.clovant-promo-grid__cards{grid-template-columns:minmax(0,1fr);gap:1.2rem}.clovant-promo-card,.clovant-promo-card:last-child:nth-child(odd){grid-column:auto;grid-template-columns:10.5rem minmax(0,1fr);grid-template-rows:minmax(15rem,auto)}.clovant-promo-card__media{border-right:1px solid rgba(14,16,20,.08);border-bottom:0}.clovant-promo-card__products{grid-template-columns:1fr;gap:.5rem;padding:.7rem}.clovant-promo-card__product:nth-child(n+2){display:none}.clovant-promo-card__content{padding:1.6rem}.clovant-promo-card__headline{font-size:1.9rem}.clovant-promo-card__description{font-size:1.25rem}.clovant-promo-card__link-label{padding-top:1.2rem}}@media screen and (max-width:420px){.clovant-promo-card,.clovant-promo-card:last-child:nth-child(odd){grid-template-columns:8.8rem minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.clovant-promo-card,.clovant-promo-card__link-label span{transition:none}a.clovant-promo-card:hover,a.clovant-promo-card:hover .clovant-promo-card__link-label span{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-clovant-promo-grid.css.map */