/* ═══ ABOUT · SECTION 3 — LIGHT MANIFESTO ═══ */
.light{position:relative;background:#F5F4EF;color:#111;overflow:hidden;
  padding:clamp(80px,15vh,180px) var(--gut)}
.light::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(36.5deg,rgba(17,17,17,.03) 0 1px,transparent 1px 10px)}
.light-inner{position:relative;z-index:2;max-width:1200px}
.light .eyebrow{color:#6E6E6E}
.light .eyebrow::before{background:#111}
.light h2{margin-top:clamp(24px,4vh,44px);font-size:clamp(1.9rem,6.2vw,5.4rem);line-height:.94}
.light h2 .row{display:block;overflow:hidden}
.light h2 .row > span{display:block;transform:translateY(106%);
  transition:transform .9s cubic-bezier(.16,1,.3,1)}
.light.is-in h2 .row > span{transform:translateY(0)}
.light h2 .row:nth-child(2) > span{transition-delay:.09s}
.light h2 .row:nth-child(3) > span{transition-delay:.18s}
.light .chip{display:inline-block;background:#111;color:var(--cut);padding:.02em .2em .09em}
.light .under{margin-top:clamp(30px,5vh,58px);padding-top:clamp(24px,4vh,40px);
  border-top:1px solid rgba(17,17,17,.16);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(22px,5vw,80px);
  opacity:0;transform:translateY(16px);
  transition:opacity .8s ease .3s,transform .8s cubic-bezier(.16,1,.3,1) .3s}
.light.is-in .under{opacity:1;transform:none}
@media(max-width:840px){.light .under{grid-template-columns:1fr;gap:18px}}
.light .under .k{font-size:clamp(1rem,1.4vw,1.26rem);font-weight:700;line-height:1.36}
.light .under p{font-size:clamp(.94rem,1.06vw,1.06rem);line-height:1.68;color:#4A4A46;max-width:58ch}

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