/* ═══ SECTION 4 — CREATIVE STATEMENT (light) ═══ */
.statement{position:relative;background:#F5F4EF;color:#111;
  padding:clamp(90px,17vh,190px) var(--gut);overflow:hidden}
.statement::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;
  background:repeating-linear-gradient(36.5deg,rgba(17,17,17,.028) 0 1px,transparent 1px 9px);
  pointer-events:none}
.stmt-inner{position:relative;z-index:2;max-width:1180px}
.stmt-eyebrow{display:flex;align-items:center;gap:11px;font-size:10.5px;letter-spacing:.2em;
  font-weight:600;color:#6E6E6E;margin-bottom:clamp(26px,4.5vh,46px)}
.stmt-eyebrow::before{content:"";width:7px;height:7px;background:#111;flex-shrink:0}
.stmt{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:900;
  font-size:clamp(2rem,6.4vw,5.6rem);line-height:.95;letter-spacing:-.035em}
.stmt .row{display:block;overflow:hidden}
.stmt .row > span{display:block;transform:translateY(106%);
  transition:transform .9s cubic-bezier(.16,1,.3,1)}
.is-in .stmt .row > span{transform:translateY(0)}
.stmt .row:nth-child(2) > span{transition-delay:.1s}
.stmt .row:nth-child(3) > span{transition-delay:.2s}
/* accent lives inside a dark block — never lime on light */
.stmt .chip{display:inline-block;background:#111;color:var(--cut);
  padding:.03em .22em .1em;margin-right:.06em}

.stmt-body{margin-top:clamp(38px,6.5vh,74px);display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,5vw,80px);align-items:start;
  padding-top:clamp(28px,4.5vh,46px);border-top:1px solid rgba(17,17,17,.16)}
@media(max-width:840px){.stmt-body{grid-template-columns:1fr;gap:20px}}
.stmt-body .k{font-size:clamp(1rem,1.4vw,1.24rem);font-weight:700;line-height:1.35;letter-spacing:-.01em}
.stmt-body p{font-size:clamp(.94rem,1.05vw,1.06rem);line-height:1.68;color:#4A4A46;max-width:60ch}
.stmt-body p + p{margin-top:1.05em}
.stmt-body > *{opacity:0;transform:translateY(16px);
  transition:opacity .8s ease .24s,transform .8s cubic-bezier(.16,1,.3,1) .24s}
.is-in .stmt-body > *{opacity:1;transform:none}
.is-in .stmt-body > *:last-child{transition-delay:.36s}

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