@media(max-width:1024px){
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .region-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}
  .feature-banner{grid-template-columns:1fr}
  .feature-banner-image{min-height:280px}
  .info-block{grid-template-columns:1fr;gap:var(--space-3)}
  .info-block-image{max-height:350px}
}
@media(max-width:768px){
  h1{font-size:2rem}
  h2{font-size:1.6rem}
  h3{font-size:1.25rem}
  .section{padding:var(--space-6) 0}
  .section-sm{padding:var(--space-4) 0}
  .hero{padding:var(--space-6) 0}
  .hero h1{font-size:2.2rem}
  .hero p{font-size:1rem}
  .main-nav{
    display:none;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    background:var(--c-white);
    flex-direction:column;
    padding:var(--space-2);
    box-shadow:var(--shadow-lg);
    border-top:1px solid var(--c-neutral-200);
    gap:0;
  }
  .main-nav.open{display:flex}
  .main-nav a{padding:14px 16px;width:100%;border-radius:var(--radius-sm)}
  .main-nav a:hover{background:var(--c-primary-50)}
  .nav-toggle{display:flex;align-items:center;justify-content:center}
  .header-inner{height:64px}
  .main-nav{top:64px}
  .brand-name{font-size:1rem}
  .brand-tagline{font-size:.65rem}
  .brand-logo{width:36px;height:36px}
  .card-grid{grid-template-columns:1fr}
  .stat-row{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}
  .stat-number{font-size:2rem}
  .region-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}
  .footer-bottom{flex-direction:column;text-align:center;gap:var(--space-1)}
  .topbar{font-size:.78rem;padding:6px 0}
  .topbar-inner{flex-direction:column;gap:4px;align-items:center;text-align:center}
  .cookie-inner{flex-direction:column;text-align:center;gap:var(--space-2)}
  .cookie-actions{width:100%;justify-content:center}
  .page-header{padding:var(--space-5) 0}
  .page-header h1{font-size:1.75rem}
  .page-header p{font-size:1rem}
  .feature-banner-content{padding:var(--space-4)}
  .hero-actions{flex-direction:column;width:100%}
  .hero-actions .btn{width:100%;justify-content:center}
  .link-list-item{flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-1)}
}
@media(max-width:480px){
  h1{font-size:1.75rem}
  h2{font-size:1.4rem}
  .hero h1{font-size:1.8rem}
  .stat-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .container,.container-narrow{padding:0 var(--space-1)}
  .topbar-inner{padding:0 var(--space-1)}
  .header-inner{padding:0 var(--space-1)}
  .card{padding:var(--space-3)}
  .contact-info-card,.contact-form-card{padding:var(--space-3)}
  .btn{padding:10px 20px;font-size:.85rem}
}
@media(min-width:769px){
  .fade-in{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
  .fade-in.visible{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .fade-in{opacity:1;transform:none}
  html{scroll-behavior:auto}
}