/* ══════════════════════════════════════════════════════════════
   Font override — Manrope (variable, sans-serif)
   Replaces Gambetta (--font-body) with Manrope.

   TO ENABLE:  Add this line after tokens.css in any page <head>:
     <link rel="stylesheet" href="font-override-manrope.css">

   TO REVERT:  Remove that line. No other files are changed.

   RULES:
   - Minimum weight: 500 (never below)
   - Letter spacing: 0 everywhere
   - No font smoothing overrides (use browser defaults)
   ══════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Manrope';
  src: url('Fonts/Manrope-Variable.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: 'Manrope', sans-serif;
}

*,
*::before,
*::after {
  letter-spacing: 0 !important;
}

/* All-caps text needs more breathing room with Manrope */
.case-statement .statement-head,
.case-body h3,
.case-title,
.next-project-label,
.next-project-title,
.projects-page-title,
.card-title,
#headline {
  letter-spacing: 0.05em !important;
}

body {
  font-weight: 500;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-rendering: auto;
}

.case-statement .statement-head,
.case-body h3 {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
}

.case-meta h3,
.section-label,
.about-hits h2 {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 500 !important;
}

/* Unified link hover: blue, no underline */
a {
  text-decoration: none !important;
}

a:hover {
  color: var(--color-link) !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
}

/* Unified arrow on all text links */
a:not(.nav-brand):not(.nav-pill a):not(.case-footer-mark):not(.case-footer-social a):not(.next-project):not(.project-card):not(.skip-to-content):not(.email-link)::after {
  content: "\2197\FE0E";
  font-size: 0.85em;
  line-height: 1;
  margin-left: 0.15em;
  display: inline;
}

/* Remove uppercase from subtitle, eyebrow/caption, copyright, cite */
#subtitle,
.case-meta h3,
.section-label,
.case-media figcaption,
.case-statement .statement-eyebrow,
.credits-closer,
.case-footer-now-playing,
.case-footer-copyright,
.case-press cite,
.case-press .press-list,
.about-hits h2,
#now-playing,
.skip-to-content {
  text-transform: none !important;
}
