#nav .mobile-menu-toggle,#nav .mobile-menu{display:none}
@media(max-width:900px){
  #nav.menu-open{background:var(--ivory-100);box-shadow:0 1px 0 var(--border-hairline)}
  #nav .mobile-menu-toggle{order:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin-left:auto;padding:0 10px;border:1px solid var(--gold-500);border-radius:999px;background:var(--ivory-100);color:var(--text-strong);font:600 11px var(--font-sans);letter-spacing:.06em;cursor:pointer}
  #nav .mobile-menu-toggle span:first-child{font-size:16px;line-height:1}
  #nav .mobile-menu-toggle:focus-visible,#nav .mobile-menu a:focus-visible{outline:3px solid var(--terracotta-700);outline-offset:3px}
  #nav .links{order:2}
  #nav .links .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
  #nav .mobile-menu:not([hidden]){position:absolute;top:100%;left:16px;right:16px;display:grid;gap:2px;padding:14px;background:var(--ivory-100);border:1px solid var(--border-hairline);border-radius:20px;box-shadow:var(--shadow-lift)}
  #nav .mobile-menu a{display:block;padding:13px 15px;border-radius:12px;color:var(--text-strong);font:600 13px/1.3 var(--font-sans);text-decoration:none}
  #nav .mobile-menu a:hover,#nav .mobile-menu a[aria-current="page"]{background:var(--rose-100)}
  #nav .mobile-menu .btn{background:var(--brun-900);color:var(--ivory-100);text-align:center;margin-top:5px;font:600 10px/1.3 var(--font-sans);letter-spacing:.09em;white-space:nowrap}
}
@media(max-width:520px){
  #nav{gap:8px}
  #nav .links .btn{position:relative;width:96px;overflow:hidden;color:transparent;font-size:0;padding:13px 0}
  #nav .links .btn::after{content:'Contact';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ivory-100);font:600 10px var(--font-sans);letter-spacing:.12em;text-transform:uppercase}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}