/* === Base Reset === */
html {
  -webkit-text-size-adjust: 100%;
  scrollbar-color: #ccc transparent;
}
body {
  background: #fbfbf6;
  font-family: "Jost", sans-serif;
  font-weight: 300;
  line-height: 1.3;
  color: #000;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  box-sizing: border-box;
}

/* === Header === */
.site-header {
  transition: background-color 0.3s ease, color 0.3s ease;
  overflow: visible;
}
.site-header.scrolled {
  background-color: #000 !important;
  overflow: hidden;
}

.site-header .logo-img {
  transition: filter 0.3s ease, opacity 0.35s ease;
}

/* Over hero: white logo + white text */
.site-header.over-hero .logo-img {
  filter: invert(1) brightness(2);
}
.site-header.over-hero a,
.site-header.over-hero .nav-link {
  color: #fff !important;
}

/* Scrolled up: black header, white logo + white text */
.site-header.scrolled .logo-img {
  filter: invert(1) brightness(2) !important;
}
.site-header.scrolled a,
.site-header.scrolled .nav-link {
  color: #fff !important;
}

/* Mobile menu open */
.site-header.mobile-menu-open a,
.site-header.mobile-menu-open .nav-link {
  color: #000 !important;
}
.site-header.mobile-menu-open .logo-img {
  filter: none !important;
}

/* === i18n === */
body.lang-ko { font-family: "Noto Sans KR", "Jost", sans-serif; }
body.lang-ko [data-i18n] { text-transform: none; }