/* ═══ ACTIVATIONS · SECTION 2 — INTRO ═══ */
.intro{position:relative;padding:clamp(74px,12vh,150px) var(--gut);border-top:1px solid var(--border)}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:clamp(26px,5vw,84px);align-items:start}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:24px}}
.intro h2{font-size:clamp(1.5rem,3.6vw,3rem);line-height:.99;max-width:15ch}
.intro h2 .row{display:block;overflow:hidden}
.intro h2 .row > span{display:block;transform:translateY(106%);
  transition:transform .9s cubic-bezier(.16,1,.3,1)}
.intro.is-in h2 .row > span{transform:translateY(0)}
.intro h2 .row:nth-child(2) > span{transition-delay:.09s}
.intro .body > *{opacity:0;transform:translateY(18px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.intro.is-in .body > *{opacity:1;transform:none}
.intro.is-in .body > *:nth-child(2){transition-delay:.1s}
.intro.is-in .body > *:nth-child(3){transition-delay:.2s}
.intro .body p{font-size:clamp(.96rem,1.1vw,1.1rem);line-height:1.68;color:var(--muted);max-width:58ch}
.intro .body p + p{margin-top:1.1em}
.intro .body .lede{color:var(--text);font-weight:600;
  font-size:clamp(1.08rem,1.6vw,1.44rem);line-height:1.4;letter-spacing:-.015em}

@media(prefers-reduced-motion:reduce){
  .intro h2 .row > span{transform:none}
  .intro .body > *{opacity:1;transform:none}
}