/* Round 2 landscape-phone audit.
   These rules apply only to the simulated/real phone landscape range and
   leave desktop and portrait-phone layouts unchanged. */
@media (min-width: 601px) and (max-width: 900px) and (orientation: landscape) {
  /* Use the compact rhythm already approved on the Our Team hero across
     every standard interior hero. Content determines the final height. */
  .standard-interior-hero[class] {
    height: auto;
    min-height: 0;
    padding: 142px 0 28px;
    align-items: flex-start;
  }

  .standard-interior-hero[class] .eyebrow {
    margin-bottom: 12px;
  }

  .standard-interior-hero[class] h1 {
    max-width: 720px;
    margin-bottom: 14px;
    font-size: clamp(3.35rem, 8vw, 4.7rem);
  }

  .standard-interior-hero[class] .wrap > p:not(.eyebrow),
  .difference-hero.standard-interior-hero .difference-hero-copy > p:not(.eyebrow) {
    max-width: 720px;
    font-size: .94rem;
    line-height: 1.45;
  }

  .standard-interior-hero[class] .button-row {
    margin-top: 22px;
    gap: 16px;
  }

  /* Repeated 110px section padding created large blank bands on a 390px-tall
     phone. Keep a consistent but deliberate landscape separation. */
  .section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  /* Homepage: pull the credentials divider and years-in-business panel closer
     to the primary action instead of leaving a large empty lower hero. */
  .hero {
    min-height: 580px;
    align-items: flex-start;
  }

  .hero .hero-content {
    padding-top: 167px;
  }

  /* Apply the same compact vertical rhythm to every homepage capability card. */
  .service-card {
    min-height: 230px;
    padding: 24px;
  }

  .service-card h3 {
    margin-top: 28px;
    margin-bottom: 12px;
  }

  /* The stacked About columns previously retained a desktop-sized row gap. */
  .about-grid {
    gap: 24px;
  }

  .about-grid h2 {
    margin-bottom: 0;
  }

  /* The Careers intro and application transitions need an even tighter
     rhythm around their orange dividers and labels. */
  .career-intro.section,
  .section.application,
  .team-section.section {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .career-intro-grid {
    gap: 26px;
  }

  .career-poster-section {
    padding-top: 56px;
    padding-bottom: 48px;
  }

  /* Match the approved two-column Completed Projects card width. */
  .progress-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  /* Move the project-list headings toward their hero dividers on both project
     pages, and compact every shared planning CTA equally. */
  .section.projects,
  .progress-section.section {
    padding-top: 40px;
  }

  .progress-cta {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  /* Give the five-market diagram the full landscape width. The previous
     500px cap forced adjacent city names into one another. */
  .corridor-overview {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .corridor-overview-grid {
    gap: 30px;
  }

  .corridor-overview .corridor-summary {
    width: 100%;
    max-width: none;
    padding: 24px 28px;
  }

  .corridor-overview .corridor-stops {
    width: 100%;
    gap: 8px;
  }

  .corridor-overview .corridor-stops strong {
    font-size: clamp(.95rem, 2.4vw, 1.18rem);
    line-height: 1;
    white-space: nowrap;
  }

  .corridor-overview .corridor-stops small {
    font-size: .52rem;
    letter-spacing: .08em;
    line-height: 1.05;
  }

  /* Move the Service Area travel message into the circled empty space while
     keeping matching space below the action. */
  .travel-cta {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  /* Status pages use the same compact header clearance as interior pages. */
  .status-site-header + .status-page {
    padding-top: 132px;
  }
}