/* Measured from Neurad's 1024 px design canvas, scaled to the browser width. */
@font-face {
  font-family: Inter;
  src: url('assets/fonts/inter-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --reference-unit: calc((100vw - 4px) / 1024);
  --media-radius: calc(10 * var(--reference-unit));
  --grid-gap: calc(12 * var(--reference-unit));
  --layout-left: calc(13.5 * var(--reference-unit));
  --layout-right: calc(20.5 * var(--reference-unit));
  --header-height: calc(43 * var(--reference-unit));
  --work-top: calc(48 * var(--reference-unit));
  --white: #fff;
  --pill-fill: #e9f1f6;
  --hover: #d2fff2;
}
body, button, input, select, textarea {
  font-family: Inter, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 650px) {
  :root {
    --media-radius: 7.5px;
    --grid-gap: 8px;
    --layout-left: 10px;
    --layout-right: 10px;
    --header-height: 48px;
    --work-top: 51px;
  }
}