@media (max-width: 991.98px) {
  .navbar-collapse {
    background: var(--white);
    border-radius: 1rem;
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: var(--shadow);
  }

  .hero-card {
    padding: 1.7rem;
  }
}

@media (max-width: 767.98px) {
  .topbar {
    text-align: center;
  }

  .topbar .contact-pill {
    display: block;
    margin: 0 0 0.25rem;
  }

  .hero-section {
    padding: 2rem 0 1.3rem;
  }

  .section-block {
    padding: 1.2rem 0 0.8rem;
  }

  .image-stack {
    grid-template-columns: 1fr;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-figure {
    min-height: 220px;
  }
}

@media (max-width: 575.98px) {
  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .hero-title {
    font-size: 2rem;
  }

  .btn-accent,
  .btn-outline-light {
    width: 100%;
  }

  .image-with-text1,
  .image-with-text2,
  .image-with-text135,
  .image-with-text24 {
    padding: 1rem;
  }
}

@media (min-width: 768px) {
  .image-with-text1,
  .image-with-text2,
  .image-with-text135,
  .image-with-text24 {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .image-with-text2,
  .image-with-text24 {
    grid-template-columns: 0.95fr 1.05fr;
  }
}