/* Keep the existing navigation disclosure usable on phones and short screens. */
.hero .mobile-nav[hidden]{display:none!important}
.hero .hnav .menu span{position:relative;transition:transform .18s ease}
.hero .hnav .menu[aria-expanded="true"] span{transform:rotate(45deg);box-shadow:none}
.hero .hnav .menu[aria-expanded="true"] span::after{content:"";position:absolute;inset:0;background:currentColor;transform:rotate(90deg)}
@media(max-width:1100px){
  .hero .hnav nav,.hero .hnav .login{display:none}
  .hero .hnav .nr{margin-left:auto}
  .hero .hnav .menu{display:grid;margin-left:12px}
  .hero .mobile-nav{max-height:calc(100dvh - 128px);overflow:auto;overscroll-behavior:contain;scroll-padding-block:12px}
  .hero .mobile-nav:not([hidden]){display:grid;gap:2px}
  .hero .mobile-nav a{min-height:48px;font-size:16px;font-weight:600}
  .hero .mobile-nav a[href="#quote"]{margin-top:4px;background:var(--accent);color:var(--white)}
}
@media(min-width:861px) and (max-width:1100px){.hero .mobile-nav{top:76px;max-height:calc(100dvh - 96px)}}
@media(max-width:640px){.hero .hnav .menu{margin-left:auto}.hero .mobile-nav{max-height:calc(100dvh - 84px)}}
@media(prefers-reduced-motion:reduce){.hero .hnav .menu span{transition:none}}