.desktop-nav-dropdown { display: none; }
@media (min-width: 768px) {
  .desktop-nav-dropdown { display: block; position: relative; align-self: center; margin-left: auto; }
  .desktop-nav-dropdown > summary { list-style: none; }
  .desktop-nav-dropdown > summary::-webkit-details-marker { display: none; }
  .desktop-nav-trigger { display: flex; align-items: center; justify-content: center; gap: 12px; min-width: 136px; min-height: 44px; cursor: pointer; padding: 10px 24px; border: 1px solid var(--accent); border-radius: 3px; color: var(--on-accent, #fff); background: var(--accent); font-family: var(--font-display); font-size: .85rem; font-weight: 400; letter-spacing: .02em; text-transform: uppercase; transition: background .2s ease, color .2s ease, border-color .2s ease; }
  .desktop-nav-trigger:hover, .desktop-nav-dropdown[open] > .desktop-nav-trigger { color: var(--accent); background: transparent; border-color: var(--accent); }
  .desktop-nav-trigger:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
  .desktop-nav-chevron { width: 7px; height: 7px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
  .desktop-nav-dropdown[open] .desktop-nav-chevron { transform: rotate(225deg) translate(-1px, -1px); }
  .desktop-nav-dropdown > nav { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; display: flex; flex-direction: column; gap: 3px; min-width: 238px; padding: 8px; background: #000; border: 1px solid rgba(255,255,255,.2); box-shadow: 0 12px 32px rgba(0,0,0,.38); }
  .desktop-nav-dropdown > nav a { display: block; padding: 11px 12px; border: 1px solid transparent; border-radius: 2px; color: #fff; font-family: var(--font-body, 'Lora', Georgia, serif); font-size: .9rem; letter-spacing: .01em; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color .16s, background .16s, border-color .16s; }
  header .desktop-nav-dropdown > nav a:not(:last-child) { font-size: .9rem; }
  .desktop-nav-dropdown > nav a:hover, .desktop-nav-dropdown > nav a:focus-visible { border-color: var(--accent); color: var(--accent); background: rgba(255,255,255,.045); outline: none; }
}