/* Locally hosted variable fonts; licenses live beside the font files. */
@font-face {
  font-family: 'Space Grotesk';
  src: url('../fonts/space-grotesk-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/jetbrains-mono-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}
:root {
  --font-body: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Consolas, monospace;
}
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6,
.sidebar .author__name, .sidebar p, .sidebar li, .author__urls-wrapper,
.hero-portrait figcaption, .photo-gallery__item figcaption {
  font-family: var(--font-body);
}
.home-main .eyebrow, .portrait-coordinate, .section-note, .card-number,
.work-year, .journey-time, .topic-tags, .robot-panel-kicker,
code, pre, kbd, samp {
  font-family: var(--font-mono);
}
.home-main h1 { letter-spacing: -.055em; line-height: 1.04; font-weight: 600; }
.home-main h2, .page__title { letter-spacing: -.035em; }
.home-main h3, .archive__item-title { letter-spacing: -.025em; }
.hero-role { letter-spacing: -.025em; }
.greedy-nav .masthead__menu-item--lg a { font-weight: 700; letter-spacing: -.035em; }
.home-main .eyebrow { letter-spacing: .12em; }
.portrait-coordinate { letter-spacing: .12em; }
@media (max-width: 700px) {
  .home-main h1 { font-size: clamp(42px, 12vw, 76px); letter-spacing: -.045em; }
}