/* Static-site component styles shared across pages (nav responsive + hover) */
@media (min-width: 721px) {
  .nav-mobile-btn { display: none !important; }
  #nav-mobile-panel { display: none !important; }
}
@media (max-width: 720px) {
  .nav-desktop { display: none !important; }
  .nav-cta-desktop { display: none !important; }
}
.nav-mlink { transition: color var(--dur-fast) var(--ease); }
.nav-desktop a:hover, .nav-mlink:hover { color: var(--fg-1) !important; }
@media (max-width: 640px) { .hero-img { object-position: 86% 35% !important; } }