@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/noto-sans-kr-600.ttf") format("truetype");
}

:root {
  color-scheme: light;
  --navy: #0f2a5e;
  --blue: #0d74e8;
  --paper: #f4f7fb;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--navy); -webkit-font-smoothing: antialiased; }
::selection { background: #d7e9ff; }
.coming-soon { min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px; }
.wordmark { display: block; width: min(340px, 72vw); height: auto; }
h1 { margin: 64px 0 32px; padding-left: .12em; font-family: "Noto Sans KR", Arial, sans-serif; font-size: clamp(32px, 6.3vw, 76px); font-weight: 600; line-height: 1.2; letter-spacing: .12em; white-space: nowrap; }
.accent-line { display: block; width: 48px; height: 3px; background: var(--blue); }

@media (max-width: 480px) {
  .wordmark { width: min(270px, 72vw); }
  h1 { font-size: clamp(25px, 7.7vw, 36px); margin-top: 48px; letter-spacing: .1em; padding-left: .1em; }
  .accent-line { width: 36px; height: 2px; }
}