/* Support & Services only, linked after support-lessons-20261003.css from
   src/pages/support-and-services.astro. Every rule is scoped to a
   support-start class.

   Between the opening photograph and the five areas: one line that tells a
   parent how to read the page, set as a short standfirst rather than a second
   index of the areas below. */

.support-start {
  padding-block: clamp(3rem, 6vw, 4.75rem);
  background: var(--paper);
}

.support-start__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.25rem clamp(2rem, 6vw, 5.5rem);
  align-items: end;
}

.support-start .support-section-title {
  max-width: 13ch;
  text-wrap: balance;
}

/* A coral rule ties the line to the heading beside it. */
.support-start__lead {
  max-width: 30rem;
  padding-left: 1.25rem;
  border-left: 2px solid var(--coral);
  color: var(--ink);
  font-size: clamp(1.05rem, 1.35vw, 1.15rem);
  line-height: 1.7;
}

@media (max-width: 860px) {
  .support-start__inner {
    grid-template-columns: minmax(0, 1fr);
  }
}