[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; }

/* Header: transparan di atas hero, putih saat digulir */
.site-header .nav-link { color: rgba(255, 255, 255, .78); transition: color .2s; }
.site-header .nav-link:hover,
.site-header .nav-link[aria-current="page"] { color: #fff; }
.site-header .menu-toggle { color: #fff; }
.site-header .header-cta { border-color: rgba(255, 255, 255, .7); color: #fff; }
.site-header .header-cta:hover { background: #fff; color: #0c3a26; }

.site-header.is-solid .nav-link { color: #525252; }
.site-header.is-solid .nav-link:hover,
.site-header.is-solid .nav-link[aria-current="page"] { color: #157541; }
.site-header.is-solid .menu-toggle { color: #171717; }
.site-header.is-solid .header-cta { border-color: #157541; color: #157541; }
.site-header.is-solid .header-cta:hover { background: #157541; color: #fff; }

.nav-link[aria-current="page"] { font-weight: 700; }

.footer-link { color: rgba(255, 255, 255, .65); transition: color .2s; }
.footer-link:hover { color: #fff; }

.hero-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .78) 100%);
}

/* Parallax: gambar latar dibuat lebih tinggi dari wadahnya agar bisa bergeser */
img[data-parallax] {
  top: -20%;
  bottom: auto;
  height: 140%;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  img[data-parallax] { top: 0; height: 100%; transform: none !important; }
}