.sec { padding: 7rem 2.5rem; position:relative; z-index:2; }
.sec-alt { background: var(--bg2); }
.sec-alt2 { background: var(--bg3); }

.sec-eyebrow {
  font-family: var(--font-mono); font-size:.68rem; letter-spacing:3.5px; text-transform:uppercase;
  color: var(--p400); margin-bottom:.7rem; display:flex; align-items:center; gap:.7rem;
}
.sec-eyebrow::before { content:''; width:28px; height:1px; background:var(--p500); }

.sec-title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 1rem;
}
.sec-title em { color: var(--p300); font-style: italic; }
.sec-title .outline { color:transparent; -webkit-text-stroke:1px var(--p400); }

.sec-divider { width:48px; height:2px; background:linear-gradient(90deg, var(--accent), transparent); margin-bottom:2.5rem; }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s, transform .7s; }
.reveal.in { opacity:1; transform:none; }
.reveal-left { opacity:0; transform:translateX(-28px); transition:opacity .7s, transform .7s; }
.reveal-left.in { opacity:1; transform:none; }