/* Real anchor labels stay selectable and accessible above decorative buckle art. */
.site-header nav{gap:10px;flex-shrink:0}
.site-header nav a{
  display:flex;align-items:center;justify-content:center;
  min-height:70px;width:150px;padding:22px 18px;
  background:transparent url('../icons/rodeo-buckle.svg?v=2') center/100% 100% no-repeat;
  border:0;color:#f3d38c;text-shadow:0 1px 1px #000;
  font-family:Georgia,'Times New Roman',serif;font-size:14px;font-weight:700;
  letter-spacing:.01em;text-decoration:none;white-space:nowrap;
  filter:drop-shadow(0 3px 2px #30201538);
  transition:filter .15s ease,transform .15s ease;
}
.site-header nav a:hover{color:#ffedbd;text-decoration:none;filter:brightness(1.12) drop-shadow(0 4px 3px #30201548);transform:translateY(-1px)}
.site-header nav a:active{transform:translateY(1px)}
.site-header nav a:focus-visible{outline:3px solid #874121;outline-offset:4px;border-radius:14px}
@media(max-width:1100px){
  .site-header{flex-wrap:wrap;padding-block:22px;gap:16px}
  .site-header nav{width:100%;justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:650px){
  .site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
  .site-header nav a{width:100%;min-height:70px;font-size:14px;padding:22px 14px}
}
@media(max-width:360px){.site-header nav{gap:7px}.site-header nav a{font-size:12px;min-height:64px;padding:20px 10px}}
@media(prefers-reduced-motion:reduce){.site-header nav a{transition:none}.site-header nav a:hover{transform:none}}

.site-header .wordmark .veteran-owned{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.5;color:#70391f;text-transform:uppercase;margin-top:10px}