/* Shared portfolio roles: cinematic display, narrative headings, readable prose. */
:root {
  --type-display: 'Barlow Condensed', sans-serif;
  --type-narrative: 'Barlow', sans-serif;
  --type-body: 'DM Sans', sans-serif;
  --type-body-size: 18px;
  --type-label-size: 12px;
  --type-heading-size: clamp(32px, 4.1vw, 56px);
  --type-subheading-size: clamp(24px, 2.3vw, 32px);
  --type-lead-size: clamp(20px, 2vw, 22px);
}
@media(max-width:650px) {
  :root { --type-body-size:17px; --type-heading-size:36px; --type-lead-size:19px; }
}