/* Breakpoints follow content fit; the default layout is single-column. */
@media (min-width: 40rem) {
  .service-grid, .three-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-featured { grid-column: 1 / -1; }
  .price-row { flex-direction: row; justify-content: space-between; align-items: center; }
  .price-row > div { flex: 1; min-width: 0; }
  .price-pending { max-width: 45%; }
  .footer-top, .footer-bottom { flex-direction: row; justify-content: space-between; align-items: center; }
}
@media (min-width: 56rem) {
  .hero-panel { grid-template-columns: 1.15fr 1fr; }
  .hero-visual { padding-left: 0; }
  .split { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(2rem,6vw,6rem); }
  .section-heading { flex-direction: row; align-items: flex-end; justify-content: space-between; }
  .service-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .three-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .service-featured { grid-column: auto; }
}
@media (min-width: 68rem) {
  .header-inner { flex-wrap: nowrap; }
  .navigation { width: auto; flex-direction: row; align-items: center; gap: var(--space-5); }
  .nav-list { gap: var(--space-3); }
}
@media (max-width: 39.99rem) {
  .actions { flex-direction: column; align-items: stretch; }
  .hero-copy { padding-bottom: var(--space-3); }
  .hero-visual { padding-top: var(--space-2); }
  .service-card { min-height: 21rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto; }
}