/* ===== Font Import ===== */
/* Sharp Grotesk is a paid font (not on Google Fonts). Only the Bold TTF
   is licensed here, so it's used for the 120px headings; body/links fall
   back to Space Grotesk (loaded in index.html). */
@font-face {
  font-family: 'Sharp Grotesk 15';
  src: url('../fonts/Sharp-Grotesk-Bold-15-Regular.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ===== Headings ===== */

/* H1 - main variant (15 instances) */
.h1-main {
  font-family: 'Sharp Grotesk 15', 'Sharp Grotesk', 'Space Grotesk', sans-serif;
  font-size: 120px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.4px;
  color: #000000;
}

/* H1 - variant with slightly tighter line-height (1 instance) */
.h1-alt {
  font-family: 'Sharp Grotesk 15', 'Sharp Grotesk', 'Space Grotesk', sans-serif;
  font-size: 120px;
  line-height: 114px;
  font-weight: 700;
  letter-spacing: -2.4px;
  color: #000000;
}

/* ===== Links ===== */

/* Link - large nav/button style (9 instances) */
.link-lg {
  font-family: 'Sharp Grotesk', 'Space Grotesk', sans-serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: normal;
  color: #000000;
}

/* Link - small (1 instance) */
.link-sm {
  font-family: 'Sharp Grotesk', 'Space Grotesk', sans-serif;
  font-size: 16px;
  line-height: 19.2px; /* = 1.2x font-size */
  font-weight: 600;
  letter-spacing: normal;
  color: #000000;
}

/* Link - medium, most common (19 instances) */
.link-md {
  font-family: 'Sharp Grotesk', 'Space Grotesk', sans-serif;
  font-size: 18px;
  line-height: 21.6px; /* = 1.2x font-size */
  font-weight: 600;
  letter-spacing: normal;
  color: #000000;
}

/* Link - medium-large (1 instance) */
.link-md-lg {
  font-family: 'Sharp Grotesk', 'Space Grotesk', sans-serif;
  font-size: 22px;
  line-height: 26.4px; /* = 1.2x font-size */
  font-weight: 600;
  letter-spacing: normal;
  color: #000000;
}

/* Link - default browser link, likely unstyled/leftover (1 instance) */
.link-default-visited {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #0000EE; /* default browser blue-purple, probably unintentional */
}

/* Link - footer/legal style (8 instances) */
.link-footer {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #0D0D0D;
}