.nav .about-entry{display:flex;background:var(--accent);color:var(--bg);border-color:var(--accent);min-height:44px;transition:box-shadow .2s,transform .2s}
.nav .about-entry:hover{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 30%,transparent);transform:translateY(-1px)}
@media(min-width:701px) and (max-width:1150px){.nav{gap:14px}.menu{gap:14px}.menu a,.nav .about-entry{font-size:10px;letter-spacing:.06em}}
@media(max-width:700px){.nav{gap:12px}.nav .wordmark{order:0}.nav .about-entry{order:1;margin-left:auto;font-size:10px;letter-spacing:.08em;padding:10px 14px;gap:8px}.nav .menu-toggle{order:2;gap:8px}.nav .menu{order:3}}
@media(prefers-reduced-motion:reduce){.nav .about-entry{transition:none}.nav .about-entry:hover{transform:none}}