/* 랜딩 — 한 화면에 제목과 소제목만(아래로 내리는 영역 없음).
   나머지 페이지는 좌상단 메뉴 버튼의 호버 사이드바로. 색 토큰·메뉴·하단 바는 chrome.css에 있다. */


/* ── 히어로: 제목 + 소제목만. 첫 화면을 꽉 채운다 ── */
.hero {
  min-height: 100vh;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 16px;
  padding: 48px 32px 104px;   /* 아래를 더 줘서 시각적 중심을 살짝 위로 */
  text-align: center;
}

.wordmark {
  margin: 0;
  font-family: var(--display); font-weight: 900;
  font-size: clamp(120px, 15vw, 216px);
  line-height: 0.9; letter-spacing: -0.02em;
  color: var(--accent);
}
.tagline {
  margin: 0;
  font-family: var(--sub);
  /* Instrument Serif는 한 굵기뿐이고 글자가 작아 보여 Noto보다 키우고 자간을 살짝 연다 */
  font-size: 25px; font-weight: 400; letter-spacing: 0.015em;
  color: var(--ink-2);
}

/* ── 하단 바: 첫 화면 바닥에 고정 ── */
.site-foot { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; }