/* Kinosaki Homes · Album Projek navigation enhancement.
   Standalone, loaded after the existing bundle; no edits to global JS/CSS. */
.site-header .nav-links a.khp-nav-album {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-shrink: 0;
  padding: 9px 11px;
  color: #213e2c;
  border: 1px solid rgba(151,121,67,.34);
  border-radius: 100px;
  background: linear-gradient(140deg,#f9f3e5,#e9e7d8);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
  letter-spacing: .015em;
  box-shadow: 0 3px 12px rgba(33,62,44,.04);
  transition: transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.site-header .nav-links a.khp-nav-album:after {display:none}
.site-header .nav-links a.khp-nav-album:hover,
.site-header .nav-links a.khp-nav-album.active,
.site-header .nav-links a.khp-nav-album.khp-is-current {
  color:#fff;
  background:#234b36;
  border-color:#234b36;
  box-shadow:0 8px 20px rgba(27,64,42,.15);
  transform:translateY(-1px);
}
.khp-nav-spark {color:#b18e4b;font-size:12px;line-height:1}
.site-header .nav-links a.khp-nav-album:hover .khp-nav-spark,
.site-header .nav-links a.khp-nav-album.active .khp-nav-spark,
.site-header .nav-links a.khp-nav-album.khp-is-current .khp-nav-spark {color:#e8c985}
.khp-nav-arrow {font-weight:700;font-size:13px;line-height:1}
.site-header .mobile-nav a.khp-nav-album {
  display:flex;
  align-items:center;
  gap:10px;
  margin:8px 0;
  padding:13px 17px;
  min-height:47px;
  background:linear-gradient(115deg,#224a34,#376149);
  color:#fff;
  border:1px solid rgba(202,172,105,.45);
  border-radius:12px;
  box-shadow:0 8px 19px #173b281b;
}
.site-header .mobile-nav a.khp-nav-album .khp-nav-spark {color:#e5c589}
.site-header .mobile-nav a.khp-nav-album .khp-nav-arrow {margin-left:auto}
.site-header .mobile-nav a.khp-nav-album:focus-visible,
.site-header .nav-links a.khp-nav-album:focus-visible,
.khp-discovery-btn:focus-visible {outline:3px solid #c5a368;outline-offset:4px}
.site-footer .footer-column a.khp-footer-album {
  display:flex;
  align-items:center;
  gap:8px;
  color:#eed4a2;
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:#d8b98055;
  text-underline-offset:5px;
}
.site-footer .footer-column a.khp-footer-album:hover {color:#fff}
/* At narrower laptop sizes, avoid overcrowding the desktop navigation. */
@media(max-width:1180px) and (min-width:831px) {
  .site-header .nav-links,.site-header .header-cta {display:none!important}
  .site-header .header-inner{height:72px}
  .site-header .menu-toggle{margin-left:auto;display:flex}
  .site-header .mobile-nav {
    position:absolute;
    top:100%;left:0;right:0;
    padding:16px 28px 25px;
    flex-direction:column;gap:4px;
    background:#faf8ef;
    border-bottom:1px solid #d9ddd2;
    box-shadow:0 20px 30px #10291a23;
  }
  .site-header .mobile-nav.open{display:flex}
  .site-header .mobile-nav a:not(.khp-nav-album) {
    color:#2b4934;
    padding:12px 8px;
    border-bottom:1px solid #e3e6dd;
    font-weight:800;
  }
  .site-header .mobile-nav a.btn {color:white;padding:13px 16px}
}
.site-header .mobile-nav.open {
  max-height:calc(100dvh - 72px);
  overflow-y:auto;
  overscroll-behavior:contain;
}
@media(max-width:830px) {
  .site-header .mobile-nav.open{max-height:calc(100dvh - 70px)}
}
/* Editorial invitation at the end of Home and Galeri. */
.khp-discovery {padding:28px 0 84px;background:#f6f5ee}
.khp-discovery-inner {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:30px;
  padding:clamp(32px,5vw,64px);
  border:1px solid #45694d;
  border-radius:24px;
  background:radial-gradient(circle at 90% 6%,#49644c 0%,transparent 34%),linear-gradient(135deg,#152e21,#274631 82%);
  box-shadow:0 20px 45px #1839281a;
  color:#f9f9ef;
}
.khp-discovery-inner:after {
  content:"";pointer-events:none;
  position:absolute;right:-95px;bottom:-170px;
  width:350px;height:350px;border:1px solid #e5d09d44;
  border-radius:50%;box-shadow:0 0 0 44px #e5d09d0b,0 0 0 88px #e5d09d08;
}
.khp-discovery-copy{position:relative;z-index:1}
.khp-discovery-kicker{color:#d9c391;font-size:10px;letter-spacing:.2em;font-weight:800}
.khp-discovery-kicker span{margin-right:8px}
.khp-discovery h2{color:#fff;font:500 clamp(31px,4vw,52px)/1.1 'Playfair Display',serif;letter-spacing:-.04em;margin:15px 0 14px}
.khp-discovery h2 em{color:#e8ce9b}
.khp-discovery p{margin:0;color:#d5e0d2;font-size:13px;line-height:1.85;max-width:585px}
.khp-discovery-btn{
  display:inline-flex;align-items:center;justify-content:space-between;gap:22px;
  min-height:54px;padding:13px 18px;border:1px solid #ead7a5;
  border-radius:12px;background:#f3e6c9;color:#173a26;
  font-size:12px;font-weight:800;white-space:nowrap;
  position:relative;z-index:1;transition:transform .2s ease,background .2s ease;
}
.khp-discovery-btn:hover{background:#fff8e6;transform:translateY(-2px)}
.khp-discovery-btn span:last-child{font-size:18px}
@media(max-width:700px){
  .khp-discovery{padding:10px 0 66px}
  .khp-discovery-inner{grid-template-columns:1fr;padding:27px 23px;gap:23px;border-radius:16px}
  .khp-discovery-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.khp-discovery-btn,.site-header .nav-links a.khp-nav-album{transition:none!important;transform:none!important}}