@media (max-width:800px){
  html,body{overflow-x:hidden;max-width:100%}
  .site-header{height:auto;min-height:86px;flex-wrap:wrap;gap:12px 16px;padding:14px 6vw}
  .nav{display:flex;order:3;width:100%;justify-content:space-between;gap:10px;overflow-x:auto;white-space:nowrap;padding-top:10px;border-top:1px solid #dce0d8;font-size:11px}
  .hero,.hero-copy,.hero-visual{min-width:0;max-width:100%}
  .hero h1{font-size:clamp(48px,14vw,56px);white-space:nowrap;overflow-wrap:normal}
  .nearby-section-head h2{font-size:24px!important;line-height:1.12!important;overflow-wrap:normal}
  .hero-text{max-width:100%}
}