.site-nav .nav-links { gap: clamp(10px, 1.4vw, 22px); }
.site-nav :focus-visible { outline: 2px solid #c8a96e; outline-offset: 5px; }
@media (max-width: 1100px) {
 .site-nav { align-items: flex-start; }
 .site-nav .nav-toggle { display: inline-flex; min-height: 44px; align-items: center; }
 .site-nav .nav-links { position: fixed; inset: 74px 14px auto; display: grid; padding: 18px; background: #0d0c0b; border: 1px solid rgba(245,239,224,.14); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); max-height: calc(100dvh - 90px); overflow-y: auto; gap: 0; transition: .22s ease; }
 .site-nav .nav-links.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
 .site-nav .nav-links a { display: flex; align-items: center; min-height: 44px; padding: 8px 4px; }
}
@media (prefers-reduced-motion: reduce) { .site-nav .nav-links { transition: none; } }