.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.header-actions .secondary { border-color: var(--gold); color: var(--gold); }
.header-actions .secondary:hover { background: var(--gold); color: #080a0b; }
@media (max-width: 760px) {
  .header-actions { margin-left: auto; gap: 6px; }
  .header-actions .btn { padding: 10px 8px; font-size: 9px; }
}

/* Transparent academy marks with a gold silhouette outline. */
.brand img,
.hero-art img {
  background: transparent;
  filter:
    drop-shadow(1px 0 0 var(--gold))
    drop-shadow(-1px 0 0 var(--gold))
    drop-shadow(0 1px 0 var(--gold))
    drop-shadow(0 -1px 0 var(--gold));
}

.hero-art {
  background: transparent;
  border-color: var(--gold);
}

/* Allow the expanded main navigation to wrap at all widths. */
header nav{flex-wrap:wrap;gap:12px 20px}header .header-actions{margin-left:auto}@media(min-width:761px){header{flex-wrap:wrap}header nav{order:3;flex-basis:100%;justify-content:center;font-size:14px}}@media(max-width:760px){header:not(:has(.menu)) nav{display:flex;font-size:14px;gap:10px 18px}.header-actions .btn{font-size:12px;letter-spacing:0;padding:10px 8px}}