/* ============================================================
   base.css — Typography + shared utilities
   ============================================================ */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong);
}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--accent)}
.serif-accent{font-family:'Fraunces',serif;font-style:italic;font-weight:500;color:var(--accent)}

.container{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}

/* Section header pattern */
.section{padding:clamp(56px,8vw,110px) 0}
.section-head{max-width:640px;margin-bottom:clamp(32px,5vw,54px)}
.section-head h2{font-size:clamp(28px,4.2vw,46px);margin:14px 0 16px;color:var(--ink)}
.section-head p{color:var(--muted);font-size:clamp(15px,1.4vw,17px);line-height:1.7}