/* ===================================================== */
/* INTERLUDE — Text-only bridge between Hero and About   */
/* ===================================================== */

.interlude-section {
  background: #F3F3F3;
  padding: 3.5rem 0 3.5rem; /* ajusta si lo quieres más/menos aire */
}

.interlude-section > .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 2rem;          /* si tu .container global ya maneja esto, puedes quitarlo */
  text-align: center;
}

.interlude-kicker {
  margin: 0 0 1rem 0;
  font-size: 0.95rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.45);
}

.interlude-title {
  margin: 0 auto 1rem auto;
  max-width: 22ch;
  font-size: 2.6rem;
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -0.03em;
  color: #111;
}

.interlude-subtitle {
  margin: 0 auto;
  max-width: 62ch;
  font-size: 1.2rem;
  line-height: 1.65;
  color: rgba(0,0,0,0.65);
}

@media (max-width: 768px) {
  .interlude-section {
    padding: 2.6rem 0 2.6rem;
  }

  .interlude-section > .container {
    padding: 0 1.5rem;
  }

  .interlude-title {
    font-size: 2.1rem;
  }
}