/* 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{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;flex:0 0 100%;width:100%;min-width:0;overflow:visible;gap:8px;padding:0 0 5px}
  .home-page .nav-links>a,.home-page .product-menu>summary{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;font-size:.82rem;opacity:1}
  .home-page .product-menu-panel{position:fixed;z-index:70;top:118px;right:14px;left:14px;transform:none;width:auto;grid-template-columns:1fr 1fr;gap:18px;max-height:calc(100vh - 138px);overflow-y:auto;padding:20px}
  .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}
  .home-page .nav-links{font-size:.76rem;gap:5px}
  .home-page .product-menu-panel{grid-template-columns:1fr}
}