.brand { flex-direction: column; align-items: flex-start; line-height: 1.08; }
.brand small { margin-top: 5px; color: rgba(255, 255, 255, 0.66); font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; }
nav.dark .brand small { color: rgba(21, 27, 23, 0.58); }
nav.site .nav-menu { position: relative; }
nav.site .nav-menu-toggle { border: 0px; background: transparent; cursor: pointer; padding: 9px 0px; }
nav.site .nav-menu-toggle::after { content: "\25BE"; margin-left: 7px; font-size: 0.75em; }
nav.site .nav-dropdown { position: absolute; top: calc(100% + 7px); left: -15px; width: 255px; display: block; margin: 0px; padding: 9px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 3px; box-shadow: rgba(13, 18, 15, 0.22) 0px 18px 44px; opacity: 0; visibility: hidden; transform: translateY(-5px); transition: 0.16s; z-index: 50; }
nav.site .nav-dropdown a { display: block; padding: 10px 12px; border-radius: 2px; color: var(--ink); text-decoration: none; font-family: var(--sans); font-size: 13px; font-weight: 500; line-height: 1.25; }
nav.site .nav-dropdown a:hover { background: var(--gold-tint); color: var(--gold-deep); }
nav.site .nav-menu:hover .nav-dropdown, nav.site .nav-menu:focus-within .nav-dropdown, nav.site .nav-menu.is-open .nav-dropdown { opacity: 1; visibility: visible; transform: none; }
@media (max-width: 860px) {
  .brand small { font-size: 8.5px; }
  nav.site .nav-dropdown { position: fixed; top: 96px; right: 16px; left: 16px; width: auto; max-height: 70vh; overflow: auto; }
}
@media (max-width: 760px) {
  nav.site .nav-dropdown { top: 122px; }
}
@media (prefers-reduced-motion: reduce) {
  nav.site .nav-dropdown { transition: none; }
}