/* ONLYDROP v156 — One typographic voice for all copy and interface text.
   Manrope is already loaded by index.html and used in the homepage biography.
   Display typography, lettering in the artwork and SVG logos are unchanged. */
:root {
  --od-unified-copy: 'Manrope', 'Space Grotesk', Arial, sans-serif;
}
html body {
  font-family:var(--od-unified-copy) !important;
}

/* All views, including dynamically rendered project content. Keep headings
   and their descendants untouched so their individual display fonts survive. */
html body #views :is(#home,#work,#about,#contact) :not(:is(
  h1,h2,h3,h4,h5,h6,
  h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
  svg,svg *,
  .category-visual,.category-visual *,
  .project-image,.project-image *,
  .od-collage,.od-collage *,
  .visual-language-layer,.visual-language-layer *,
  .index-3d-stage,.index-3d-stage *,
  .section-decor,.section-decor *,
  .about-symbol,.about-symbol *
)) {
  font-family:var(--od-unified-copy) !important;
}

/* Small repeat labels under the category display titles are UI captions,
   not display lettering. Their headline above keeps its own typeface. */
html body #views #home .category-menu > a.category-card > h2.category-title > .type-lettering-readable {
  font-family:var(--od-unified-copy) !important;
}

/* Controls outside the view hierarchy. Do not alter spacing, sizes or fill. */
html body #motionToggle.global-motion-toggle,
html body #motionToggle.global-motion-toggle .motion-toggle-label,
html body #motionToggle.global-motion-toggle .motion-toggle-tag,
html body #nav.portfolio-navigation,
html body #nav.portfolio-navigation a.view-link,
html body .language-switch,
html body .language-switch button.language-choice,
html body .language-switch .language-divider {
  font-family:var(--od-unified-copy) !important;
}

/* The fixed work switcher's section label is generated via ::before. */
html body #views #work > .category-switcher::before {
  font-family:var(--od-unified-copy) !important;
}

/* Project modal lives outside #views. Preserve its heading font. */
html body #projectDialog,
html body #projectDialog :not(:is(
  h1,h2,h3,h4,h5,h6,
  h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
  svg,svg *
)) {
  font-family:var(--od-unified-copy) !important;
}