/* One type system, matching the About page. */
body,
body .quiet-header nav a,
body .current-sequence h1,
body .archive-cover,
body .collection-toolbar h2,
body .collection-toolbar button,
body .image-viewer button,
body .image-viewer figcaption,
body .contact-shell h1,
body .contact-shell > a {
  font-family: Oswald, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: .03em;
}
body .quiet-header nav a,
body .current-sequence h1,
body .archive-cover-label,
body .collection-toolbar,
body .image-viewer button,
body .image-viewer figcaption,
body .contact-shell h1 {
  text-transform: uppercase;
}
body .quiet-header nav a { font-size: 16px; }
body .current-sequence h1 { font-size: 16px; }
body .archive-cover-label, body .collection-toolbar h2 { font-size: 20px; }
body .collection-toolbar button, body .image-viewer button { font-size: 15px; }
body .image-viewer figcaption, body .contact-shell h1 { font-size: 14px; }
body .contact-shell > a { font-size: clamp(22px, 2.4vw, 30px); }
@media(max-width:650px) {
  body .quiet-header nav a { font-size: 14px; }
  body .current-sequence h1 { font-size: 14px; }
}
@media(max-width:360px) {
  body:not(.current-page) .quiet-header { padding-inline: 4vw; gap: 8px; }
  body:not(.current-page) .quiet-brand { width: 60px; }
  body:not(.current-page) .quiet-header nav { gap: 2px; }
}