/**
 * Blog index — mobile (max-width: 640px) only.
 * Hero is editorial-only: no service/topic pills (those stay on desktop via HTML).
 */

@media (max-width: 640px) {
  .blog-hero::before {
    content: none !important;
    display: none !important;
  }

  .blog-hero {
    position: static;
    overflow: visible !important;
    padding-top: calc(var(--nav-h) + clamp(24px, 8vw, 40px));
    padding-bottom: clamp(32px, 8vw, 48px);
  }

  .blog-hero-inner {
    position: static;
    z-index: auto;
    max-width: min(36rem, 100%);
    display: flex;
    flex-direction: column;
    gap: clamp(22px, 5.5vw, 30px);
  }

  .blog-hero-inner > .eyebrow {
    margin: 0;
  }

  .blog-hero-inner > h1 {
    margin: 0;
  }

  /* Remove entire city + category / “Service areas” / “Topics” block on mobile */
  .blog-hero-topics {
    display: none !important;
  }

  .blog-hero-copy {
    display: flex;
    flex-direction: column;
    gap: clamp(22px, 5.5vw, 30px);
    margin: 0;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
  }

  .blog-hero-lede {
    margin: 0 !important;
    max-width: none;
  }

  .blog-hero-cta-line {
    margin: 0 !important;
    padding-top: clamp(16px, 4vw, 24px);
    border-top: 1px solid rgba(201, 168, 76, 0.12);
  }
}