@font-face {
  font-family: 'IBM Plex Sans KR';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/ibm-plex-sans-kr-medium-brand.ttf') format('truetype');
}

/* Text-only wordmark, using the supplied Korean and English brand names. */
.wordmark,
.wordmark span {
  font-family: 'IBM Plex Sans KR', 'Malgun Gothic', sans-serif;
  font-weight: 500;
  font-synthesis: none;
}

.wordmark {
  letter-spacing: -0.04em;
}

.wordmark span {
  font-size: 9px;
  letter-spacing: 0.07em;
  margin-top: 7px;
}

@font-face {
  font-family: 'IBM Plex Sans KR';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/ibm-plex-sans-kr-semibold.ttf') format('truetype');
}
.header .wordmark { display: inline-flex; flex-direction: row; align-items: center; gap: 14px; white-space: nowrap; font-weight: 600; line-height: 1.2; }
.header .wordmark span { display: inline; margin-top: 0; font-size: 29px; line-height: 1.2; letter-spacing: -0.025em; font-weight: 500; }
.header .desktop-nav { gap: 22px; margin-right: 12px; }
@media (max-width: 1150px) and (min-width: 851px) {
  .desktop-nav { gap: 20px; }
  .header .wordmark { gap: 8px; font-size: 23px; }
  .header .wordmark span { font-size: 25px; }
}
@media (max-width: 600px) {
  .header .header-cta { display: none; }
  .header .wordmark { gap: 8px; }
  .header .wordmark span { font-size: 23px; margin-top: 0; }
  .wordmark span {
    font-size: 7.5px;
    letter-spacing: 0.065em;
    margin-top: 6px;
  }
}
@media (max-width: 360px) {
  .header .wordmark { font-size: 19px; }
  .header .wordmark span { font-size: 20px; }
}
@media (min-width: 851px) and (max-width: 1100px) {
  .header .desktop-nav { display: none; }
  .header-cta { margin-left: auto; }
  .menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 6px; background: none; border: 0; width: 34px; height: 40px; padding: 5px; }
  .menu-toggle span { width: 23px; height: 1.5px; background: var(--navy); }
}