/* Homepage-only overrides: keep shared product-page navigation unchanged. */
.home-page :is(a, button, input, select, textarea):focus-visible{outline:3px solid #b78626;outline-offset:4px}
.home-page section[id]{scroll-margin-top:130px}
@media(max-width:820px){
  .home-page header>.wrap.nav{padding:10px 20px 0;min-height:0;gap:4px 12px;align-items:center}
  .home-page .brand{font-size:1.05rem;line-height:1.2}
  .home-page .nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;font-size:.65rem;letter-spacing:.04em}
  .home-page .nav-links{flex:0 0 100%;width:100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:20px;padding:0 0 5px;scrollbar-width:thin;scrollbar-color:#9a7784 transparent}
  .home-page .nav-links a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;font-size:.82rem;opacity:1}
  .home-page .hero{padding:40px 0 48px}
  .home-page .hero-grid{gap:28px;min-width:0}
  .home-page .hero-grid>div{min-width:0}
  .home-page .hero .eyebrow{font-size:.65rem;letter-spacing:.1em;line-height:1.6;margin-bottom:18px;gap:8px}
  .home-page .hero .eyebrow:before{flex:0 0 16px;width:16px}
  .home-page .hero h1{font-size:clamp(2rem,8.5vw,3rem);line-height:1.1;max-width:17em}
  .home-page .hero p.lede{margin-top:20px;font-size:1rem;line-height:1.6;color:#e1d7df}
  .home-page .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
  .home-page .hero-actions a{min-height:48px;padding:12px 8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;gap:8px;text-align:center}
  .home-page .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
  .home-page .hero-stat b{font-size:1.3rem}
  .home-page .hero-stat span{display:block;font-size:.61rem;letter-spacing:.03em;line-height:1.6;margin-top:5px}
  .home-page .hero-art{height:240px}
  .home-page .route{padding:48px 0}
  .home-page .section-head{margin-bottom:28px}
  .home-page .tag-card{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:360px){
  .home-page header>.wrap.nav{padding-right:16px;padding-left:16px;column-gap:8px}
  .home-page .brand{font-size:.95rem}
  .home-page .nav-cta{font-size:.6rem;padding-right:8px;padding-left:8px}
  .home-page .hero-stats{gap:10px}
}