/* style.css — Red Diamond Services LLC
   Page-level layout, responsive overrides. Mobile-first — min-width queries only. */

/* ── Hero desktop ─────────────────────────────────── */

@media (min-width: 768px) {
  .hero {
    min-height: 90vh;
  }

  .hero__actions {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .hero__actions .btn {
    width: auto;
  }

  .trust-bar__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-lg);
  }
}

@media (min-width: 1024px) {
  .hero {
    min-height: 100vh;
  }

  .hero__headline {
    font-size: 4.5rem;
  }

  /* ── Nav desktop ──────────────────────────────── */

  .testimonials__stack {
    grid-template-columns: repeat(3, 1fr);
  }

  .nav__links {
    display: flex;
  }

  .nav__hamburger {
    display: none;
  }

  /* ── Services grid ────────────────────────────── */

  .services__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* ── Projects grid ────────────────────────────── */

  .projects__grid {
    grid-template-columns: repeat(3, 1fr);
  }



  /* ── About split layout ───────────────────────── */

  .about__inner {
    flex-direction: row;
    align-items: flex-start;
  }

  .about__content {
    order: 1;
    flex: 1;
  }

  .about__media {
    order: 2;
    flex: 0 0 42%;
    max-width: 42%;
  }

  /* ── Rescue split layout ──────────────────────── */

  .rescue__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: var(--space-3xl);
  }

  .rescue__callout {
    order: 1;
    grid-column: 1;
    grid-row: 1;
  }

  .rescue__content {
    order: 2;
    grid-column: 2;
    grid-row: 1;
  }

  .rescue__media {
    order: 3;
    grid-column: 1 / 3;
    grid-row: 2;
  }

  /* ── Footer grid ──────────────────────────────── */

  .footer__grid {
    grid-template-columns: 2fr 1fr 1fr;
  }

  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* ── Services section text colors ─────────────────── */

.services .section-heading {
  color: var(--color-text-light);
}

.services .section-subhead {
  color: var(--color-secondary);
}

/* ── Projects section text colors ──────────────────── */

.projects .section-heading {
  color: var(--color-text-dark);
}

.projects .section-subhead {
  color: var(--color-metallic);
}

/* ── About section headings ──────────────────────── */

.about .section-heading {
  color: var(--color-text-light);
}

/* ── Testimonials section ──────────────────────────── */

.testimonials .section-heading {
  color: var(--color-text-light);
}

/* ── Rescue section heading ──────────────────────── */

.rescue .section-heading {
  color: var(--color-text-light);
}

/* ── CTA band text alignment ──────────────────────── */

@media (min-width: 1024px) {
  .cta-band__inner-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3xl);
  }

  .cta-band__text-group {
    flex: 1;
  }


  .cta-band__actions {
    flex-shrink: 0;
  }
}