/* The site navigation on its own (19 Oct 2026), for pages with their own
   design (My place, My lyn) that cannot take the whole of site.css. Every
   rule is scoped to #site-nav so it never touches the page around it. */
#site-nav{--navy:#0C1E38;--gold:#C9A227;--gold-br:#E7C24B;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px 28px;gap:24px;background:rgba(12,30,56,.97);box-shadow:0 6px 30px rgba(0,0,0,.22);font-family:var(--sans);line-height:1.6;box-sizing:border-box}
#site-nav *{box-sizing:border-box}
#site-nav a{color:inherit;text-decoration:none}
#site-nav .brand{display:flex;align-items:center;gap:12px;color:#fff;flex-shrink:0}
#site-nav .brand img{height:36px}
#site-nav .brand span{font-family:var(--serif);font-size:21px;letter-spacing:3px;font-weight:600;white-space:nowrap}
#site-nav .links{display:flex;align-items:center;gap:28px}
#site-nav .links a{font-family:var(--sans);color:#f3ead0;font-size:14px;letter-spacing:.5px;opacity:.9;transition:opacity .2s;white-space:nowrap}
#site-nav .links a:hover{opacity:1}
#site-nav .btn{display:inline-block;background:var(--gold);color:#231a05 !important;font-weight:600;font-size:14px;letter-spacing:.5px;padding:11px 22px;border-radius:40px;border:none;opacity:1}
#site-nav .btn:hover{background:var(--gold-br)}
#site-nav .burger{display:none;flex-direction:column;gap:5px;cursor:pointer}
#site-nav .burger span{width:26px;height:2px;background:#f3ead0}
#site-nav .nav-more{display:none}
#site-nav .vdw-lang-m{display:none}
#site-nav .btn{border-radius:12px;padding:9px 18px}
@media(max-width:1060px){
  #site-nav .links{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(12,30,56,.985);flex-direction:column;align-items:center;justify-content:flex-start;gap:26px;padding:88px 20px 40px;overflow-y:auto;transform:translateX(100%);transition:transform .35s ease;z-index:55}
  #site-nav .links.open{transform:none}
  #site-nav .links > :first-child{margin-top:auto}
  #site-nav .links > :last-child{margin-bottom:auto}
  #site-nav .links a{font-size:20px;opacity:1}
  #site-nav .burger{display:flex;z-index:60}
  #site-nav{gap:12px;padding:12px 16px}
  #site-nav .links .vdw-lang-sw{display:none}
  #site-nav .vdw-lang-m{display:inline-flex;align-items:center;margin-left:auto;min-height:36px}
  #site-nav .brand span{font-size:18px}
}
@media(max-width:380px){#site-nav .brand span{font-size:15px;letter-spacing:2px}#site-nav .brand img{height:30px}}
@media(min-width:1061px) and (max-width:1480px){#site-nav .links{gap:13px}#site-nav .links a{font-size:13px;letter-spacing:.1px}#site-nav .brand span{font-size:17px;letter-spacing:1.5px}#site-nav .links .btn{padding:10px 14px}}