/* responsive-mobile.css — <768px */
@media (max-width: 767.98px) {
  body {}

  .hero-band {
    padding: 2.5rem 1rem 2rem;
  }

  .section-heading {
    font-size: 1.85rem;
  }

  .city-filter {
    gap: 0.35rem;
  }

  .city-filter button {
    padding: 0.45rem 0.9rem;
    font-size: 0.75rem;
    min-height: 40px;
  }

  .portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .portfolio-card__plate {
    padding: 0.7rem 0.85rem 0.8rem;
  }

  .portfolio-card__name {
    font-size: 1rem;
  }

  .experience-box {
    padding: 2rem 1.25rem;
  }

  .profile-content-box {
    padding: 1.5rem 1.25rem 2rem;
  }

  .profile-name {
    font-size: 1.85rem;
  }

  .contact-card {
    padding: 1.75rem 1.25rem;
  }

  .contact-card__phone-number {
    font-size: 1.35rem;
  }

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

  .article-gallery {
    column-count: 1;
  }

  .contact-form-box {
    padding: 1.5rem 1.25rem 1.75rem;
  }

  .contact-section-heading {
    font-size: 1.5rem;
  }

  .contact-section-heading.sub {
    font-size: 1.2rem;
  }

  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
  }

  .blog-card--featured {
    padding: 1rem;
  }

  .blog-card--featured .blog-card__title {
    font-size: 1.2rem;
  }

  .mobile-cta-bar {
    display: flex;
  }

  .as-footer {
    padding: 3rem 0 5rem;
  }
}