/* ==========================================================================
   Module: intro — positioning statement
   ========================================================================== */

.m-intro__body { max-width: 1080px; }

.m-intro__eyebrow { margin-bottom: clamp(14px, 2vh, 22px); }

.m-intro__lead {
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: clamp(1.3rem, 2.3vw, 2rem);
  line-height: 1.36;
  letter-spacing: -.006em;
  color: var(--ink-strong-2);
}
.m-intro__lead em,
.m-intro__lead i {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 500;
  color: var(--accent);
  white-space: nowrap;
}

.m-intro__copy {
  margin-top: clamp(22px, 3vh, 34px);
  display: flex; flex-direction: column;
  gap: clamp(18px, 2.6vh, 28px);
  max-width: 64ch;
}
.m-intro__copy p {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(1.05rem, 1.5vw, 1.32rem);
  line-height: 1.6;
  color: var(--ink-strong);
}

/* Centered alignment */
.m-intro--centered .m-intro__body { margin-left: auto; margin-right: auto; text-align: center; }
.m-intro--centered .m-intro__copy { margin-left: auto; margin-right: auto; }

/* Full-bleed image band below the statement */
.m-intro__band { margin-top: clamp(56px, 8vh, 108px); }
.m-intro__band .m-intro__plate {
  height: clamp(400px, 56vh, 680px);
  min-height: 0;
  border: 1px solid var(--bd-light);
}