/* ── MOOD Curtain & Blind ── */

/* GNB scroll */
#gnb.scrolled { background: rgba(255,255,255,.95); backdrop-filter: blur(10px); border-bottom: 1px solid #f1f1f1; }
#gnb:not(.scrolled) .gnb-logo { color: #fff; }
#gnb:not(.scrolled) nav a { color: rgba(255,255,255,.7); }
#gnb:not(.scrolled) nav a:hover { color: #fff; }
#gnb:not(.scrolled) .ham-icon span { background: #fff; }
#gnb:not(.scrolled) .gnb-cta { background: #fff; color: #000; }

/* Hamburger */
.ham-icon { width: 20px; height: 14px; position: relative; }
.ham-icon span { position: absolute; left: 0; width: 100%; height: 2px; background: #0a0a0a; transition: all .3s; }
.ham-icon span:nth-child(1) { top: 0; }
.ham-icon span:nth-child(2) { top: 6px; }
.ham-icon span:nth-child(3) { top: 12px; }

/* Page hero */
.page-hero {
  position: relative; min-height: 40vh; display: flex; align-items: flex-end;
  background: #0a0a0a; padding: 100px 0 50px; overflow: hidden;
}
.page-hero .hero-bg-img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .3;
}

/* Scroll animations */
.anim-up { opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease; }
.anim-up.show { opacity: 1; transform: translateY(0); }

/* Form inputs */
.form-input {
  width: 100%; border: 1px solid #e2e8f0; border-radius: 10px;
  padding: 12px 16px; font-size: 14px; background: #fff; transition: border-color .2s;
}
.form-input:focus { outline: none; border-color: #000; box-shadow: 0 0 0 1px #000; }
.form-input::placeholder { color: #cbd5e1; }

/* Sidebar active */
.sidebar-link.active { background: #f0fdf4; color: #55c89f; font-weight: 800; }

html { scroll-behavior: smooth; }