.nav-drop { position: relative; }
.nav-drop-btn { text-decoration: none; display: inline-flex; align-items: center; gap: .3em; }
.nav-list .nav-drop-btn { display: inline-flex; align-items: center; gap: .35em; }
.nav-list .nav-drop-btn::after { display: inline-block; flex: none; content: ''; width: .42em; height: .42em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-.15em) rotate(45deg); transition: transform .2s ease; }
.nav-drop-list { position: absolute; top: 100%; left: 50%; z-index: 50; min-width: 15rem; margin: 0; padding: .45rem 0; list-style: none;
  background: #1a1a1a; border: 1px solid rgb(245 240 230 / .14); border-radius: 0 0 .6rem .6rem; box-shadow: 0 12px 28px rgb(0 0 0 / .28);
  opacity: 0; visibility: hidden; transform: translate(-50%, -6px); transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s; }
.nav-drop::before { content: ''; position: absolute; left: -1rem; right: -1rem; top: 100%; height: .9rem; } 
.nav-drop-list { margin-top: .6rem; }
.nav-drop:hover .nav-drop-list, .nav-drop:focus-within .nav-drop-list { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .18s ease, transform .18s ease; }
.nav-drop:hover .nav-drop-btn::after, .nav-drop:focus-within .nav-drop-btn::after { transform: translateY(.05em) rotate(225deg); }
.nav-drop-list a { display: block; padding: .55rem 1.1rem; color: #f5f0e6; text-decoration: none; white-space: nowrap; }
.nav-drop-list a:hover, .nav-drop-list a:focus-visible { background: #4a4a4a; }
.nav-drop-list a[aria-current="page"] { color: #c9a45c; }
@media (prefers-reduced-motion: reduce) { .nav-drop-list, .nav-drop-btn::after { transition: none !important; } }

.nav-mobile .nav-sub-title { display: block; padding: .55rem 0 .2rem; font-weight: 600; color: #c9a45c; letter-spacing: .04em; text-transform: uppercase; font-size: .8em; }
.nav-mobile .nav-sub { list-style: none; margin: 0; padding: 0 0 0 1rem; }