/* Header navigation: keep both travel entry points readable over the hero image. */
.nav-links{gap:12px}
.nav-links a{opacity:1;color:#fff;padding:8px 14px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(3,21,61,.48);font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.55);transition:.16s}
.nav-links a:hover,.nav-links a:focus-visible{opacity:1;background:#fff;color:#0754c2;border-color:#fff;outline:none}

/* Keep the hero explanation legible even where the artwork is bright. */
.hero-copy>p:last-child{display:inline-block;max-width:540px;padding:10px 14px;border-left:4px solid #7fd2ff;border-radius:0 10px 10px 0;background:rgba(1,15,52,.82);color:#fff!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.45)}

@media(max-width:720px){
  .hero{min-height:330px;background-position:58% center}
  .hero-copy{margin-top:30px}
  .hero-copy>p:last-child{max-width:100%;padding:8px 11px;font-size:14px;line-height:1.65}
}