/* gnb-bizlog.css — DJ Bank 공용 GNB(../assets/css/gnb.css)를 비즈로그에 심을 때의 보정 (2026-09-10)
 *
 * · 공용 GNB 는 통장·매담대 페이지에서 sticky + 음수 margin 으로 본문 위에 얹힌다. 비즈로그는 프리로더·무대가
 *   화면을 꽉 채우는 구조라 **fixed** 로 띄우고, **인트로 표지(#chapter-intro)가 화면 위에 닿을 때부터**(js/mod-gnb.js → html.gnb-ready) 내려온다.
 *   위로 되돌아가면 다시 올라가 숨는다. (2026-09-10 채린: 처음 "프리로더 다음부터" → 같은 날 "intro 섹션부터".)
 * · 마크업(index.html <header class="dj-gnb site-gnb">)과 동작(../assets/js/gnb.js)은 통장 페이지 것 그대로.
 *   메뉴 항목을 바꿀 땐 통장 사이트의 11개 HTML 과 여기를 같이 고친다(GNB 는 정적 마크업).
 * · 프롤로그 안(iframe)에서는 css/embed.css 의 html.is-embedded .site-gnb{display:none} 이 먼저 먹어 안 보인다.
 * · ★ 히어로 로고 ★ GNB 안에 DJ Bank 로고가 있어서, GNB 가 뜬 뒤엔 상단 히어로 로고(.hero__logo)를 숨긴다 — 둘이 겹친다.
 *   되돌리려면 아래 .hero__logo 규칙 한 줄만 지운다. */
.dj-gnb.site-gnb {
  position: fixed;
  top: 0; left: 0; right: 0;
  margin: 0;
  z-index: 1000;                   /* 프리로더(.boot) 100 · 사이드내비 30 보다 위 */
  transform: translateY(-100%);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
}
html.gnb-ready .dj-gnb.site-gnb { transform: translateY(0); }
html.gnb-ready .hero__logo { opacity: 0 !important; visibility: hidden; }
@media (prefers-reduced-motion: reduce) { .dj-gnb.site-gnb { transition: none; } }