/* Owner-selected title and body fonts. */
@font-face {
  font-family: "Gomgom Kkalkkeum";
  src: url("./fonts/GomgomKkalkkeum-0.100.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root, body, body *, body *::before, body *::after,
body .brand, body .edition, body .eyebrow, body .clock strong,
body #copy-code, body .person .seat {
  font-family: "Gomgom Kkalkkeum", sans-serif;
}

@font-face {
  font-family: "Gomgom Mafia";
  src: url("./fonts/GomgomMafia-0.101.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

body .main-menu h1,
body .main-menu h1 span,
body .directory-heading h1,
body #phase,
body #my-role,
body .main-menu-actions button,
body .main-menu-actions button span {
  font-family: "Gomgom Mafia", Pretendard, sans-serif;
  font-weight: 400;
  font-synthesis: none;
  font-kerning: normal;
}

.main-menu h1 {
  font-size: clamp(76px, 9vw, 124px);
  letter-spacing: -0.015em;
  line-height: 1.25;
  font-synthesis: none;
  white-space: nowrap;
}

.main-menu h1 span {
  font-size: 0.65em;
  margin-left: 0.06em;
}

.main-menu-actions button {
  font-size: 24px;
  letter-spacing: 0;
}

.directory-heading h1 {
  line-height: 1.35;
  letter-spacing: 0;
}

@media (max-width: 600px) {
  .main-menu h1 {
    font-size: 76px;
  }
}