/* ---------- shared nav: built to look hand made ---------- */
.nav{background:#16233A;position:sticky;top:0;z-index:40;
  border-bottom:5px solid #FF6A1F}
.navrow{display:flex;align-items:center;gap:14px;padding:11px 0 13px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.brand img{width:48px;height:auto;transform:rotate(-7deg);transition:transform .18s ease}
.brand:hover img{transform:rotate(4deg) scale(1.06)}
.brand b{font-family:var(--display);font-size:1.06rem;color:#FFF7EA;letter-spacing:.01em;
  transform:rotate(-1.2deg)}
.navlinks{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* every link is a little sticker, and no two sit straight */
.navlinks a{font-family:var(--display);font-weight:800;font-size:1rem;color:#16233A;
  text-decoration:none;padding:8px 15px;border-radius:999px;background:#FFE7C2;
  border:3px solid #FFF7EA;display:inline-block;
  transition:transform .14s ease,background .14s ease}
.navlinks a:nth-child(1){transform:rotate(-2deg)}
.navlinks a:nth-child(2){transform:rotate(1.6deg)}
.navlinks a:nth-child(3){transform:rotate(-1.2deg)}
.navlinks a:hover{background:#FFF7EA;transform:rotate(0deg) translateY(-2px) scale(1.04)}
.navlinks a[aria-current=page]{background:#FFF7EA;box-shadow:0 3px 0 #FF6A1F}

/* the text-us sticker: fat, orange, and it wiggles when you point at it */
.navcta{background:#FF6A1F!important;color:#20140C!important;border:3px solid #FFF7EA!important;
  padding:9px 18px!important;box-shadow:0 4px 0 #B03900;transform:rotate(2.4deg)!important}
.navcta:hover{background:#FF8434!important;transform:rotate(-2deg) translateY(-2px) scale(1.05)!important;
  box-shadow:0 6px 0 #B03900}

@media(max-width:760px){
  .navrow{gap:9px;padding:9px 0 11px}
  .brand b{display:none}
  .brand img{width:40px}
  .navlinks{gap:6px}
  .navlinks a{font-size:.9rem;padding:7px 11px;border-width:2px}
  .navcta{padding:8px 13px!important;border-width:2px!important;box-shadow:0 3px 0 #B03900}
}
@media(max-width:430px){
  .navlinks a{font-size:.82rem;padding:6px 9px}
  .navlinks{width:100%;margin-left:0;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .brand img,.navlinks a,.navcta{transition:none}
}