@font-face {
  font-family: Gilroy;
  src: url('/fonts/gilroy/Gilroy-Regular_0.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  src: url('/fonts/gilroy/Gilroy-Semibold_0.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  src: url('/fonts/gilroy/Gilroy-Bold_0.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Bicubik;
  src: url('/fonts/Bicubik/Bicubik.OTF') format('opentype');
  font-weight: 400;
  font-display: swap;
}
body, button, input, select, textarea {
  font-family: Gilroy, Arial, sans-serif;
}
.navigator-compact .project-hero h1 {
  font-family: Bicubik, Gilroy, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -.025em;
  font-size: clamp(52px, 9vw, 144px);
}
@media (max-width: 760px) {
  .navigator-compact .project-hero h1 {
    font-size: clamp(29px, 10vw, 57px);
  }
}