/* ------------------------------------------------------------------
   Section heading: a small eyebrow line flanked by rules, above the
   main title. The rules are pseudo-elements on the eyebrow itself, so
   they always sit on its optical centre regardless of how the text wraps.
   ------------------------------------------------------------------ */

.section-heading{
  margin-bottom:3rem;
}

.section-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1rem;
  margin-bottom:.35rem;
  font-size:1.0625rem;
  font-weight:400;
  color:#2d343e;
}

.section-eyebrow::before,
.section-eyebrow::after{
  content:"";
  flex:0 0 auto;
  width:clamp(1.75rem,7vw,4.5rem);
  height:1px;
  background:#f70e88;
}

.section-title{
  margin-bottom:0;
  font-weight:700;
  color:#f70e88;
}

/* The rules crowd the text on narrow screens; drop them and let the
   eyebrow stand on its own. */
@media (max-width:575.98px){
  .section-eyebrow{ gap:0; }
  .section-eyebrow::before,
  .section-eyebrow::after{ display:none; }
}