/* ═══ ABOUT · SECTION 2 — STATEMENTS ═══ */
.stmts{position:relative;padding:clamp(80px,14vh,170px) var(--gut);
  border-top:1px solid var(--border)}
.stmt{position:relative;padding:clamp(34px,6vh,74px) 0;border-bottom:1px solid var(--border)}
.stmt:first-of-type{border-top:1px solid var(--border)}
.stmt .n{position:absolute;right:0;top:clamp(34px,6vh,74px);
  font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--dim)}
.stmt h2{font-size:clamp(1.5rem,5vw,4.3rem);line-height:.98;max-width:20ch}
.stmt h2 .row{display:block;overflow:hidden}
.stmt h2 .row > span{display:block;transform:translateY(106%);
  transition:transform .9s cubic-bezier(.16,1,.3,1)}
.stmt.is-in h2 .row > span{transform:translateY(0)}
.stmt h2 .row:nth-child(2) > span{transition-delay:.08s}
.stmt h2 mark{background:none;color:var(--cut)}
.stmt p{margin-top:clamp(16px,2.6vh,26px);max-width:56ch;
  font-size:clamp(.96rem,1.14vw,1.14rem);line-height:1.6;color:var(--muted);
  opacity:0;transform:translateY(14px);
  transition:opacity .8s ease .26s,transform .8s cubic-bezier(.16,1,.3,1) .26s}
.stmt.is-in p{opacity:1;transform:none}
@media(max-width:640px){.stmt .n{position:static;display:block;margin-bottom:14px}}

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