@font-face {
  font-family: "Space Grotesk";
  src: url("./assets/fonts/space-grotesk.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Sora";
  src: url("./assets/fonts/sora.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("./assets/fonts/ibm-plex-mono.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
[data-font-mock="1"] :is(.intro-text, .contact, .contact-card) { font-family: "Space Grotesk", sans-serif; }
[data-font-mock="2"] :is(.intro-text, .contact, .contact-card) { font-family: "Sora", sans-serif; }
[data-font-mock="3"] :is(.intro-text, .contact, .contact-card) { font-family: "IBM Plex Mono", monospace; }
[data-preview="true"] .stage { min-height: 100svh; }