.site-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  height: 70px;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #0d0d0d;
  box-shadow: 0 2px 8px rgba(0,0,0,.5);
}
.site-nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
  text-decoration: none;
  flex-shrink: 0;
}
.site-nav-brand img { width: 52px; height: 52px; object-fit: contain; }
.site-nav-name { color:#fff; font:13px/1.3 "Arial Black",Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.site-nav-name span { display:block; color:#b81c22; font-size:10px; letter-spacing:.12em; }
.site-nav-links { margin:0; padding:0; display:flex; align-items:center; gap:24px; list-style:none; }
.site-nav-links a { color:#ccc; font:13px Arial,sans-serif; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; white-space:nowrap; transition:color .2s,background .2s; }
.site-nav-links a:hover,.site-nav-links a:focus-visible { color:#fff; outline:none; }
.site-nav-links .site-nav-donate { padding:10px 20px; border-radius:2px; background:#b81c22; color:#fff; font-weight:700; }
.site-nav-links .site-nav-donate:hover,.site-nav-links .site-nav-donate:focus-visible { background:#8a1219; }
.site-nav-toggle { display:none; width:44px; height:44px; padding:9px; border:0; background:transparent; cursor:pointer; }
.site-nav-toggle span { width:100%; height:3px; margin:5px 0; display:block; background:#fff; transition:transform .25s,opacity .25s; }
@media(max-width:1320px){
  .site-nav { padding:0 20px; }
  .site-nav-toggle { display:block; z-index:1002; }
  .site-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .site-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .site-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .site-nav-links { position:fixed; inset:70px 0 0 auto; width:min(390px,100%); padding:20px 26px 32px; display:flex; align-items:stretch; flex-direction:column; gap:0; background:#0d0d0d; transform:translateX(100%); transition:transform .28s ease; overflow-y:auto; box-shadow:-8px 12px 30px rgba(0,0,0,.35); }
  .site-nav-links.open { transform:translateX(0); }
  .site-nav-links li { border-bottom:1px solid rgba(255,255,255,.12); }
  .site-nav-links a { padding:16px 4px; display:block; font-size:14px; }
  .site-nav-links li:last-child { margin-top:18px; border:0; }
  .site-nav-links .site-nav-donate { padding:14px 20px; text-align:center; }
}
@media(max-width:520px){
  .site-nav { padding:0 16px; }
  .site-nav-name { font-size:11px; }
  .site-nav-name span { font-size:9px; }
}