.intro { background: var(--theme-surface); text-align: center; }
.intro__inner { max-width: 880px; margin-inline: auto; }
.intro__statement {
  font-size: clamp(1.5rem, 3.4vw, 2.6rem);
  font-weight: 400;
  line-height: 1.28;
  color: var(--theme-espresso);
  margin-bottom: 1.6rem;
}
.eyebrow {
    font-family: var(--theme-font-family);
    font-weight: 500;
    font-size: 0.74rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--theme-mocha-deep);
    margin-bottom: 1.1rem;
}
.link-underline {
  position: relative;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  color: var(--theme-coffee);
  padding-bottom: 3px;
}
.link-underline::after {
  content: "";
  position: absolute; left: 0; bottom: -4px;
  width: 100%; height: 1px;
  background: currentColor;
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.4s var(--ease);
}
.link-underline:hover::after { transform: scaleX(1); }