/* Quiet glass links: no continuous motion or additional GPU canvas. */
.main-nav ul { gap:10px; }
.main-nav a { position:relative; isolation:isolate; overflow:hidden; justify-content:center; min-height:44px; padding:0 18px; border:1px solid rgba(255,255,255,.14); border-radius:999px; color:#c7c7c7; background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 65%); box-shadow:inset 0 1px 0 rgba(255,255,255,.07); transition:color .2s ease,background-color .2s ease,border-color .2s ease; }
.main-nav a::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.1) 48%,transparent 76%); transform:translateX(-110%); opacity:0; transition:transform .45s ease,opacity .3s ease; }
.main-nav a:hover, .main-nav a:focus-visible { color:#fff; border-color:rgba(255,255,255,.3); background-color:rgba(255,255,255,.035); }
.main-nav a:hover::before, .main-nav a:focus-visible::before { opacity:1; transform:translateX(0); }
.main-nav a[aria-current="location"] { color:#fff; background-color:rgba(255,255,255,.085); border-color:rgba(255,255,255,.28); }
.main-nav a:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:960px) { .main-nav.is-open ul { gap:12px; padding:30px 4px; } .main-nav.is-open a { min-height:52px; justify-content:flex-start; padding-inline:22px; border-radius:16px; } }
@media(prefers-reduced-motion:reduce) { .main-nav a::before { display:none; } .main-nav a { transition:none; } }