/* typography.css — Valionns · titulares, eyebrows y textos de introducción */
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;color:#d9d2bf}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,7.2vw,116px);line-height:1.02;letter-spacing:-.015em;margin:0;max-width:980px}
.eyebrow-small{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--wine);text-transform:uppercase}
.sec h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,5vw,74px);line-height:1;margin:14px 0 0}
.sec-intro{align-self:end;font-size:16.5px;line-height:1.75;max-width:540px;color:#3c3a31}
.service h3{font-family:var(--serif);font-size:clamp(26px,2.6vw,36px);font-weight:400;margin:0 0 10px}
.project-info h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.8vw,42px);margin:0;line-height:1.02}
.approach-row h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:0}
.article h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:0;line-height:1.08}
.contact h2{font-family:var(--serif);font-size:clamp(46px,7.4vw,116px);font-weight:400;line-height:1.02;letter-spacing:-.015em;margin:18px 0 0;max-width:1100px}