@media (max-width: 1024px){
  h1{font-size:2.25rem}
  .hero h1{font-size:2.6rem}
  .hero{min-height:auto}
  .hero .container{grid-template-columns:1fr;gap:48px}
  .hero-visual{margin:0 auto}
  .hero-copy{text-align:left}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:32px}
  .info-tiles{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 720px){
  :root{--header-h:70px; --topbar-h:56px}
  h1{font-size:1.9rem}
  h2{font-size:1.55rem}
  .section{padding:60px 0}
  .hero{min-height:auto;padding:40px 0}
  .hero h1{font-size:2rem}
  .hero-slider{border-width:4px;border-radius:18px}
  .hero-slider-btn{width:38px;height:38px;font-size:1.35rem}
  .hero-slider-btn.prev{left:10px}
  .hero-slider-btn.next{right:10px}
  .hero-badge{left:12px;bottom:12px}
  .grid-4,.grid-3,.grid-2,.stats,.info-tiles,.gallery-grid{grid-template-columns:1fr}
  .form .row{grid-template-columns:1fr}
  .cta-banner{padding:36px;flex-direction:column;text-align:center}
  .topbar .info{gap:12px;font-size:.78rem}
  .menu-toggle{display:block}
  .nav{position:fixed;inset:var(--header-h) 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;padding:14px;border-bottom:1px solid var(--border);box-shadow:var(--shadow);gap:2px;display:none}
  .nav.open{display:flex}
  .nav a{padding:12px 16px}
  .nav-cta{margin:8px 0 0 0}
  .footer-bottom{flex-direction:column;text-align:center}
  .footer .grid-4{grid-template-columns:1fr}
  .cta-banner .btn{width:100%;justify-content:center}
}