@media (max-width: 960px) {
  .home-page .hero-panel {
    min-height: 60vh;
    align-items: flex-end;
  }

  .home-page .hero-panel > .shell {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .home-page .hero-copy {
    max-width: 100%;
  }

  .home-page .hero-title {
    font-size: clamp(1.9rem, 6vw, 2.6rem);
  }

  .home-page .band {
    padding: 2.5rem 0;
  }

  .home-page #services {
    padding-top: 1.25rem;
  }

  .home-page .band-media {
    padding: 2rem 0;
  }

  .home-page .stat-band .shell {
    width: 100%;
  }

  .home-page .stat-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-page .stat-cell {
    padding: 1rem 1.25rem;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }

  .home-page .stat-cell-rating {
    display: none;
  }

  .home-page .stat-cell:nth-child(3) {
    border-right: none;
  }

  .home-page .stat-cell:nth-child(5) {
    border-bottom: none;
  }

  .home-page .stat-cell-cta {
    border-right: none;
    border-bottom: none;
  }

  .home-page .stat-divider {
    display: none;
  }

  .home-page .service-trust-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
  }

  .home-page .card-grid {
    grid-template-columns: 1fr;
  }

  .home-page .parallax-band {
    height: 260px;
  }

  .home-page .parallax-bg {
    background-attachment: scroll;
  }

  .home-page .parallax-band--brands {
    display: none;
  }

  .home-page .card-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-page .contact-grid {
    grid-template-columns: 1fr;
  }

  .home-page .contact-map-wrap {
    height: 320px;
  }

  .home-page .liquidity-grid {
    grid-template-columns: 1fr;
  }

  /* ── Mosaic: single row, no gaps, rounded outer corners only ── */
  .home-page .media-mosaic {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-radius: var(--radius);
    overflow: hidden;
    height: 220px;
  }

  .home-page .media-mosaic-cell--tall {
    grid-column: auto;
  }

  .home-page .media-mosaic-cell {
    border-radius: 0;
    border: none;
    height: 220px;
  }

  .home-page .media-mosaic-cell img {
    height: 220px;
  }

  .home-page .media-caption {
    display: none;
  }

  .home-page .steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-page .step {
    border-right: none;
    border-bottom: 1px solid var(--line);
  }

  .home-page .step:nth-child(odd) {
    border-right: 1px solid var(--line);
  }

  .home-page .step:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .home-page .process-photo-row {
    grid-template-columns: 1fr;
  }

  .home-page .quote-layout {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

@media (max-width: 720px) {
  .shell {
    width: min(1360px, calc(100% - 28px));
  }

  .nav-toggle {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .site-nav {
    position: fixed;
    inset: 72px 14px auto 14px;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    padding: 1rem;
    border-radius: var(--radius);
    background: #ffffff;
    border: 1px solid var(--line-strong, rgba(20, 18, 15, 0.16));
    box-shadow: var(--shadow);
    transform-origin: top;
    transform: scaleY(0.9);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
    z-index: 60;
  }

  body.layout-main-body.nav-open .site-nav {
    opacity: 1;
    transform: scaleY(1);
    pointer-events: auto;
  }

  .site-nav-list {
    flex-direction: column;
    gap: 0.25rem;
  }

  .site-nav-link {
    display: block;
    padding: 0.55rem 0.4rem;
  }

  .nav-cta {
    justify-content: center;
  }

  .home-page .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .home-page .quote-form .form-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .brand-logo {
    height: 40px;
  }

  .home-page .quote-panel {
    padding: 1.35rem;
  }

  .home-page .steps {
    grid-template-columns: 1fr;
  }

  .home-page .card-grid-3 {
    grid-template-columns: 1fr;
  }

  .home-page .contact-map-wrap {
    height: 260px;
  }

  .home-page .contact-actions {
    flex-direction: column;
  }


  .home-page .hero-panel {
    min-height: 55vh;
  }

  .home-page .service-trust-row {
    grid-template-columns: 1fr;
  }

  .home-page .step {
    border-right: none;
    border-bottom: 1px solid var(--line);
  }

  .home-page .step:last-child {
    border-bottom: none;
  }

  .home-page .step:nth-child(odd) {
    border-right: none;
  }
}