/* ☧ 0, 2026-10-06: on the hero page the top bar is transparent and barely tinted.
   Applies only while the bar sits at the top of a page that has the hero; once scrolled, the existing dark bar returns for legibility. */
body:has(.hero) .nav:not(.nav--scrolled){
  background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.08) 65%,rgba(0,0,0,0) 100%)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-bottom:0!important;box-shadow:none!important
}