/* ============================================
   SECTIONS (shared)
   ============================================ */
.section { padding: 110px 32px; position: relative; }
.section-inner { max-width: var(--container); margin: 0 auto; }
.section-inner--narrow { max-width: 720px; }
.section-dim { background: var(--bg-alt); }

.section-eyebrow {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  font-weight: 600;
  color: var(--ocean);
  margin-bottom: 16px;
}
.section-title { font-size: clamp(30px, 3.6vw, 44px); max-width: 22ch; color: var(--text); }
.section-lede { margin-top: 20px; font-size: 17px; color: var(--text-soft); max-width: 62ch; }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }