/* Component-only styles. No global heading/font changes. */
.home-promo{--promo-ink:#21282b;--promo-muted:#4a545a;--promo-yellow:#fdc300;--promo-border:#e7e6e1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.home-promo,.home-promo *{box-sizing:border-box}
.home-promo a.home-promo__card{--card-ink:var(--promo-ink);position:relative;isolation:isolate;min-width:0;display:block;overflow:hidden;color:var(--card-ink);text-decoration:none;border-radius:12px;transition:box-shadow .2s ease,border-color .2s ease;touch-action:manipulation}
.home-promo .home-promo__body{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;height:100%;min-width:0}
.home-promo .home-promo__eyebrow{display:block;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.065em;text-transform:uppercase;margin:0 0 18px;color:var(--card-ink)}
.home-promo .home-promo__title{display:block;align-self:auto;margin:0;font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:700;color:var(--card-ink);overflow-wrap:normal}
.home-promo .home-promo__description{margin:12px 0 0;font-size:13px;line-height:1.55;font-weight:400;color:var(--card-ink)}
.home-promo .home-promo__action{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:auto;padding-top:16px;font-size:12px;font-weight:700;line-height:1.4;color:var(--card-ink)}
.home-promo svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.home-promo .home-promo__action svg{transition:transform .2s ease}
.home-promo .home-promo__visual{position:absolute;z-index:1;pointer-events:none;mix-blend-mode:multiply}
.home-promo .home-promo__visual img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.home-promo .home-promo__corner{display:none}
.home-promo a.home-promo__card:focus-visible{outline:3px solid #176a99!important;outline-offset:4px}
.home-promo a.home-promo__card:active{box-shadow:inset 0 0 0 2px var(--promo-yellow)}
@media(hover:hover){.home-promo a.home-promo__card:hover{box-shadow:0 8px 26px #21282b12}.home-promo a:hover .home-promo__action svg{transform:translateX(4px)}}

/* 1. Warm, product-led cards with an explicit action. */
.home-promo--showcase .home-promo__card{min-height:238px;padding:24px;background:#f5f4f0;border:1px solid transparent}
.home-promo--showcase .home-promo__card--floor{background:#f1f2ec}
.home-promo--showcase .home-promo__card--paint{background:#fff6d5}
.home-promo--showcase .home-promo__body{max-width:76%}
.home-promo--showcase .home-promo__eyebrow{font-size:10px;color:#535d61}
.home-promo--showcase .home-promo__title{font-size:23px}
.home-promo--showcase .home-promo__description{max-width:190px}
.home-promo--showcase .home-promo__visual{right:0;bottom:18px;width:45%;height:124px}
.home-promo--showcase .home-promo__card--doors .home-promo__visual{right:0;width:42%;bottom:14px;height:130px}
.home-promo--showcase .home-promo__action{font-size:11px;padding-right:12px}

@media(max-width:1100px) and (min-width:761px){.home-promo--showcase .home-promo__card{padding:20px;min-height:260px}.home-promo--showcase .home-promo__body{max-width:100%}.home-promo--showcase .home-promo__visual{width:40%;bottom:40px;height:92px}.home-promo--showcase .home-promo__card--doors .home-promo__visual{width:40%;bottom:40px;height:92px}.home-promo--showcase .home-promo__description{max-width:64%}}
@media(max-width:760px){
  .home-promo{grid-template-columns:minmax(0,1fr);gap:12px}
  .home-promo--showcase .home-promo__card{min-height:204px;padding:20px}
  .home-promo--showcase .home-promo__body{max-width:83%}
  .home-promo--showcase .home-promo__title{font-size:22px}
  .home-promo--showcase .home-promo__eyebrow{margin-bottom:12px}
  .home-promo--showcase .home-promo__description{max-width:64%;font-size:13px}
  .home-promo--showcase .home-promo__visual{right:0;bottom:30px;width:37%;height:98px}
  .home-promo--showcase .home-promo__card--doors .home-promo__visual{right:0;bottom:24px;width:37%;height:105px}
}
@media(prefers-reduced-motion:reduce){.home-promo a.home-promo__card,.home-promo .home-promo__action svg{transition:none}.home-promo a:hover .home-promo__action svg{transform:none}}