/* Shared type roles: display, project title, section label, body and metadata. */
:root {
  --type-display: clamp(38px, 3.7vw, 56px);
  --type-project: clamp(28px, 2.4vw, 37px);
  --type-study: clamp(24px, 1.8vw, 28px);
  --type-body: 16px;
  --type-label: 14px;
}
.section-label,
.about .section-label {
  font: 500 var(--type-label)/1.4 var(--sans);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.studies-heading h2 { margin: 0 0 12px; color: #292721; font: 400 clamp(32px,2.65vw,40px)/1.15 var(--serif); letter-spacing: -.025em; text-transform:none; }
.studies-heading p { font: 400 var(--type-body)/1.5 var(--sans); }
.work-title { font: 400 var(--type-project)/1.12 var(--serif); letter-spacing: -.03em; }
.study-copy h3,
.study-viewer-copy h2 { font: 400 var(--type-study)/1.15 var(--serif); letter-spacing: -.02em; }
.project-title { font: 400 var(--type-display)/1.08 var(--serif); letter-spacing: -.035em; }
.caption-title { font-size: var(--type-display); }
.about-lead { font: 400 clamp(28px,2.4vw,37px)/1.3 var(--serif); }
.about-closing { font: 400 var(--type-study)/1.3 var(--serif); }
.contact-title { font: 400 clamp(44px,5vw,72px)/1.05 var(--serif); letter-spacing: -.04em; }
.study-description,
.study-viewer-copy p,
.project-description,
.about-details p { font-size: var(--type-body); line-height: 1.6; }
.work-place { font-size: var(--type-label); letter-spacing: .08em; }
.form-label,
.form-submit,
.form-hint,
.form-status,
.project-back,
.project-end { font-size: var(--type-label); }
@media (max-width:700px) {
  :root { --type-project: 28px; --type-study: 24px; }
}