/* Locally hosted display face. Body copy, navigation and Board UI stay unchanged. */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("./assets/fonts/bricolage-grotesque.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
@media (max-width: 400px) {
  .analogue {
    padding-inline: 16px;
  }
  .ownership {
    width: calc(100% - 24px);
  }
  .ownership-title {
    letter-spacing: -0.065em;
  }
  .ownership-tile:nth-of-type(2) {
    transform: translateY(calc((1 - var(--assemble, 1)) * 18px));
  }
}
h1,
h2,
h3,
.numbers > div > strong {
  font-family: "Bricolage Grotesque", sans-serif;
  font-optical-sizing: auto;
}
:root {
  --title: clamp(44px, calc(4.6vw + 4px), 72px);
}
.hero h1 {
  font-size: clamp(68px, calc(7.8vw + 4px), 116px);
}
h3 {
  font-size: 34px;
}
.product h3 {
  font-size: clamp(42px, calc(4.2vw + 4px), 66px);
}
.numbers h3 {
  font-size: 30px;
}
.analogue h3 {
  font-size: clamp(28px, calc(2.25vw + 6px), 38px);
}
.work .section-intro {
  max-width: none;
}
.work .section-intro h2 {
  text-wrap: wrap;
}
@media (min-width: 761px) {
  .recognition h2 {
    font-size: clamp(42px, calc(4.7vw + 4px), 72px);
  }
}
@media (max-width: 760px) {
  .hero h1 {
    font-size: clamp(66px, calc(15vw + 4px), 100px);
  }
  .analogue h3 {
    font-size: clamp(27px, calc(5.4vw + 6px), 38px);
  }
}