@media (max-width:1024px){
  :root{
    --space-9:3rem;
    --space-10:4rem;
    --font-size-4xl:2.25rem;
    --font-size-3xl:1.75rem;
  }
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .region-list{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-7)}
  .footer-brand{grid-column:1/-1}
}

@media (max-width:768px){
  :root{
    --space-8:2rem;
    --space-9:2.5rem;
    --font-size-4xl:2rem;
    --font-size-3xl:1.5rem;
    --font-size-2xl:1.25rem;
  }
  .nav{display:none;position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background-color:var(--color-surface);flex-direction:column;align-items:stretch;padding:var(--space-7) var(--space-6);gap:var(--space-2);box-shadow:var(--shadow-xl);z-index:150;overflow-y:auto}
  .nav.open{display:flex}
  .nav a{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-base)}
  .nav a::after{display:none}
  .nav-toggle{display:flex;align-items:center;justify-content:center}
  .nav-backdrop{display:none;position:fixed;inset:0;background-color:rgba(14,17,21,0.5);z-index:140}
  .nav-backdrop.show{display:block}

  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .region-list{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .feature-block{grid-template-columns:1fr;gap:var(--space-5)}
  .feature-img{order:-1}
  .contact-grid{grid-template-columns:1fr;gap:var(--space-5)}
  .two-col{grid-template-columns:1fr;gap:var(--space-5)}

  .topbar .container{justify-content:center;gap:var(--space-5)}
  .topbar .topbar-item span.label{display:none}

  .hero{padding:var(--space-8) 0}
  .hero-content{max-width:100%}

  .footer-grid{grid-template-columns:1fr;gap:var(--space-6)}
  .footer-bottom{flex-direction:column;text-align:center}

  .cookie-consent .container{flex-direction:column;text-align:center}
  .cookie-consent-actions{width:100%;justify-content:center}

  .activity-card{flex-direction:column;gap:var(--space-3)}
  .activity-card .activity-icon{width:48px;height:48px}

  .breadcrumb ul{flex-wrap:wrap}
}

@media (max-width:480px){
  :root{
    --font-size-4xl:1.75rem;
    --font-size-3xl:1.375rem;
    --font-size-2xl:1.125rem;
  }
  .container{padding:0 var(--space-4)}
  .stat-grid{grid-template-columns:1fr}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{justify-content:center}
  .topbar{font-size:var(--font-size-xs)}
  .topbar .container{gap:var(--space-4)}
  .logo-img{width:36px;height:36px}
  .logo-text .site-name{font-size:var(--font-size-base)}
}