/* ==========================================================================
   Home shared shell — band intro / titles
   Section CSS lives next to each template-part (gf-home-*.css)
   ========================================================================== */

.gf-home .gf-band__intro {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.gf-home .gf-band__intro-copy {
  flex: 1;
  min-width: 0;
}

.gf-home .gf-band__lede {
  margin: 0.55rem 0 0 !important;
  max-width: 42ch;
  color: var(--gf-ink-muted, #64748b);
  font-size: 1.02rem;
  line-height: 1.55;
  font-weight: 500;
}

.gf-home .gf-band__title {
  font-family: var(--font-display), sans-serif !important;
  letter-spacing: -0.045em;
}

@media (max-width: 640px) {
  .gf-home .gf-band__intro {
    flex-direction: column;
    gap: 0.65rem;
  }
}