/* ═══ SOCIAL · SECTION 6 — BRIGHT ═══ */
.bright{position:relative;background:#F5F4EF;color:#111;overflow:hidden;
  padding:clamp(76px,14vh,170px) var(--gut)}
.bright::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)}
.bright-inner{position:relative;z-index:2}
.bright .eyebrow{color:#6E6E6E}
.bright .eyebrow::before{background:#111}
.bright h2{margin-top:clamp(22px,4vh,42px);
  font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:900;letter-spacing:-.035em;
  font-size:clamp(1.8rem,5.6vw,4.8rem);line-height:.95;max-width:17ch}
.bright h2 .row{display:block;overflow:hidden}
.bright h2 .row > span{display:block;transform:translateY(106%);
  transition:transform .9s cubic-bezier(.16,1,.3,1)}
.bright.is-in h2 .row > span{transform:translateY(0)}
.bright h2 .row:nth-child(2) > span{transition-delay:.09s}
/* accent lives inside a dark block — never lime on light */
.bright .chip{display:inline-block;background:#111;color:var(--cut);padding:.02em .2em .09em}
.bright-grid{margin-top:clamp(40px,7vh,80px);display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(22px,4vw,64px);padding-top:clamp(26px,4.5vh,44px);
  border-top:1px solid rgba(17,17,17,.18)}
@media(max-width:860px){.bright-grid{grid-template-columns:1fr;gap:26px}}
.br{opacity:0;transform:translateY(18px);
  transition:opacity .75s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.bright.is-in .br{opacity:1;transform:none}
.bright.is-in .br:nth-child(2){transition-delay:.1s}
.bright.is-in .br:nth-child(3){transition-delay:.2s}
.br .n{font-size:10.5px;letter-spacing:.16em;font-weight:700;color:#111}
.br h3{margin-top:16px;font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:800;
  font-size:clamp(1.05rem,1.9vw,1.44rem);line-height:1.08;letter-spacing:-.026em}
.br p{margin-top:12px;font-size:.98rem;line-height:1.64;color:#4A4A46;max-width:38ch}
.br .bar{margin-top:20px;height:2px;width:0;background:#111;
  transition:width .8s cubic-bezier(.16,1,.3,1) .3s}
.bright.is-in .br .bar{width:44px}

@media(prefers-reduced-motion:reduce){
  .bright h2 .row > span{transform:none}
  .br{opacity:1;transform:none}
  .br .bar{width:44px}
}