/* ══ NAV ══════════════════════════════════════════════════════ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 48px;
  transition:background 0.5s,padding 0.4s;
}
nav.scrolled{
  background:rgba(8,8,6,0.97);
  padding:14px 48px;
  border-bottom:1px solid rgba(200,144,48,0.08);
}
.nav-left,.nav-right{display:flex;gap:32px;list-style:none;}
.nav-left a,.nav-right a{
  color:rgba(242,234,220,0.6);text-decoration:none;
  font-size:10px;letter-spacing:0.22em;text-transform:uppercase;
  font-weight:400;transition:color 0.2s;
  position:relative;
}
.nav-left a::after{
  content:'';position:absolute;bottom:-2px;left:0;right:100%;
  height:1px;background:var(--gold);transition:right 0.3s;
}
.nav-left a:hover::after{right:0;}
.nav-left a:hover,.nav-right a:hover{color:var(--ivory);}
.nav-logo{
  font-family:'Cormorant Garamond',serif;
  color:var(--ivory);font-size:14px;letter-spacing:0.38em;
  text-transform:uppercase;font-weight:400;
  text-decoration:none;text-align:center;line-height:1.4;
}
.nav-logo span{display:block;font-size:8px;letter-spacing:0.55em;opacity:0.4;margin-top:2px;}

/* mega nav dropdown */
.nav-dropdown{
  position:relative;
}
.nav-works-label{
  color:rgba(242,234,220,0.6);
  font-size:10px;letter-spacing:0.22em;text-transform:uppercase;
  font-weight:400;cursor:default;
  position:relative;
}
.nav-dropdown-menu{
  position:absolute;top:100%;left:-20px;
  background:transparent;
  border:none;
  padding:16px 20px;min-width:180px;
  display:none;flex-direction:column;gap:10px;
}
nav.scrolled .nav-dropdown-menu{
  background:rgba(8,8,6,0.97);
  border:1px solid rgba(200,144,48,0.08);
}
.nav-dropdown:hover .nav-dropdown-menu{display:flex;}
.nav-dropdown-menu a{
  color:rgba(242,234,220,0.7)!important;
  font-size:10px;letter-spacing:0.2em;text-transform:uppercase;
  text-decoration:none;transition:color 0.2s;
  display:inline-block;width:fit-content;
}
.nav-dropdown-menu a:hover{
  color:var(--ivory)!important;
  text-decoration:underline;
  text-underline-offset:4px;
}

@media(max-width:768px){
  nav{padding:16px 20px;}
  nav.scrolled{padding:12px 20px;}
  .nav-left,.nav-right{gap:14px;}
  .nav-left a,.nav-right a{font-size:9px;letter-spacing:0.14em;}
}