/*
 * Typography
 *   Inter Tight      - headings
 *   Instrument Serif - italic accent words inside headings
 *   Inter            - paragraphs and UI (stand-in for Neue Haas Grotesk Display)
 * All fonts are SIL OFL 1.1, subset to Latin (covers Irish fadas). Licences in /fonts/<family>/OFL.txt.
 */

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Italic-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter Tight";
  src: url("../fonts/inter-tight/InterTight-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/instrument-serif/InstrumentSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/instrument-serif/InstrumentSerif-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-heading: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  font-optical-sizing: auto; /* Inter switches to its Display cut at larger sizes */
  font-synthesis: none;      /* never fake bold Instrument Serif */
  line-height: 1.5;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

h1 { font-weight: 800; letter-spacing: -0.04em; line-height: 0.95; }

/* Serif accent: <h1>For <em>Super Intelligence.</em></h1> or <span class="serif"> anywhere */
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
.serif {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
  font-size: 1.08em; /* Instrument Serif runs smaller than Inter Tight at the same size */
}

.serif-upright { font-family: var(--font-serif); font-style: normal; font-weight: 400; letter-spacing: -0.01em; }

/* Large intro paragraphs, as in the davidecattaneo.it sample */
.lead {
  font-size: clamp(1.25rem, 1rem + 1.2vw, 2rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
}