@media (min-width: 1200px) {
  .info-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .desktop-nav { gap: 0.65rem; }
  .nav-link { font-size: 0.85rem; }
  .header-cta { padding-inline: 0.7rem; font-size: 0.82rem; }
  .hero-grid { gap: 2rem; }
  .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 801px) {
  .desktop-nav { margin-inline: auto; }
}
@media (max-width: 800px) {
  .desktop-nav, .header-inner > .header-cta { display: none; }
  .menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .hero-grid { grid-template-columns: 1fr; gap: 1.5rem; padding: 2.5rem; }
  .hero-art { min-height: 340px; }
  .hero-person { width: 88%; height: 108%; }
  .about-grid { gap: 2rem; }
  .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .why-grid { gap: 2rem; padding: 2rem; }
  .gallery-placeholders, .gallery-grid[data-gallery-preview] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .get-in-touch-grid { grid-template-areas: "contact" "form" "map"; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .contact-side { gap: 1rem; }
}
@media (max-width: 560px) {
  .container { width: min(100% - 2rem, 1160px); }
  .section { padding-block: 3.5rem; }
  .site-header { padding-top: 8px; }
  .header-inner { min-height: 68px; }
  .header-inner { padding-inline: 0.85rem; border-radius: 16px; }
  .brand-mark { width: 44px; height: 44px; }
  .brand-name { font-size: 0.98rem; }
  .brand-motto { font-size: 0.72rem; }
  .hero { padding-block: 1rem 1.4rem; }
  .hero-grid { gap: 1rem; min-height: 0; padding: 1.7rem 1.2rem; border-radius: 24px; }
  .page-hero { padding-block: 1.25rem; }
  .page-hero .container { padding: 1.45rem 1.2rem; }
  .hero h1 { font-size: clamp(2.1rem, 9vw, 2.75rem); }
  .hero-description { font-size: 0.96rem; }
  .hero-actions { flex-wrap: nowrap; gap: 0.5rem; }
  .hero-actions .button { flex: 1; min-width: 0; padding-inline: 0.65rem; font-size: 0.82rem; }
  .hero-art { min-height: 285px; }
  .hero-circle { width: min(80vw, 285px); border-width: 7px; }
  .motto-card { right: 0; bottom: 0; padding: 0.6rem 0.75rem; font-size: 0.86rem; }
  .motto-card__icon { width: 32px; height: 32px; }
  .trust-strip { padding-bottom: 0.5rem; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stat-item { min-height: 82px; padding: 0.7rem; }
  .stat-item + .stat-item { border-left: 0; }
  .stat-item:nth-child(even) { border-left: 1px solid var(--border); }
  .stat-item:nth-child(n+3) { border-top: 1px solid var(--border); }
  .about-grid { grid-template-columns: 1fr; }
  .about-photo { width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 3; }
  .about-copy h2 { max-width: 20ch; }
  .info-grid, .service-grid { grid-template-columns: 1fr; }
  .service-card { padding: 0 0 1.25rem; }
  .service-card__image-wrap { aspect-ratio: 16 / 10; margin-bottom: 0.9rem; }
  .service-card__service-icon { width: 42px; height: 42px; margin: 0 1rem 0.65rem; }
  .service-card h3 { margin: 0 1rem 0.4rem; }
  .service-card p { margin-inline: 1rem; font-size: 0.94rem; }
  .request-form { grid-template-columns: 1fr; padding: 1.1rem; }
  .field--full, .form-status, .form-alternative { grid-column: 1; }
  .get-in-touch-heading { margin-bottom: 1.5rem; }
  .get-in-touch-heading > p:last-child { font-size: 0.96rem; }
  .suggestion-panel .request-form { padding: 1.1rem; }
  .contact-card { padding: 0.8rem; }
  .contact-card a { font-size: 0.94rem; }
  .contact-map .location-preview__art { min-height: 155px; }
  .cta-panel { align-items: flex-start; flex-direction: column; padding: 1.5rem; }
  .why-grid { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.25rem; border-radius: 22px; }
  .why-photo { min-height: 220px; }
  .gallery-placeholders, .gallery-grid, .gallery-grid[data-gallery-preview] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
  .gallery-placeholder { min-height: 150px; padding: 0.65rem; font-size: 0.85rem; }
  .section-heading > .pulse-icon { display: none; }
  .footer-grid { grid-template-columns: 1fr; gap: 1.75rem; }
  .footer-bottom { flex-direction: column; }
}
