/* Mobile navigation. Under 920px the inline links and CTA hide, a round
   toggle appears, and the panel (which mirrors the links + CTA) drops down
   under the pill. Above 920px nothing here applies. */
/* Services dropdown (desktop): open on hover or keyboard focus. */
[data-nav-menu]:hover [data-nav-dropdown],[data-nav-menu]:focus-within [data-nav-dropdown],[data-nav-menu].is-open [data-nav-dropdown]{display:block !important}
[data-nav-menu]:hover > a{color:#FFFFFF}
.hv13:hover{background:rgba(255,255,255,.06);color:#FFFFFF}
@media (max-width:920px){
  header [data-nav-links]{display:none !important}
  header [data-nav-cta]{display:none !important}
  header [data-nav-toggle]{display:inline-flex !important}
  header.is-open [data-nav-panel]{display:flex !important;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .has-promo header.is-open [data-nav-panel]{max-height:calc(100vh - 164px);max-height:calc(100dvh - 164px)}
  /* The page behind stays put while the menu is open; the panel scrolls instead. */
  html.nav-open,html.nav-open body{overflow:hidden !important;height:100%}
  header.is-open [data-nav-toggle] [data-bar="2"]{opacity:0}
  header.is-open [data-nav-toggle] [data-bar="1"]{transform:translateY(6px) rotate(45deg)}
  header.is-open [data-nav-toggle] [data-bar="3"]{transform:translateY(-6px) rotate(-45deg)}
  header [data-nav-toggle] path{transform-origin:center;transition:transform .2s ease,opacity .2s ease}
}

/* Announcement ribbon (44px, fixed at the very top): the floating nav and the
   page move down by its height, so it never covers anything. */
.has-promo body{padding-top:44px}
.has-promo header{top:58px !important}
/* Phones: the ribbon keeps its label (the campaign name) and the link; the
   sentence is dropped rather than truncated to a meaningless fragment. */
@media (max-width:640px){[data-promo-bar] .promo-body{display:none}[data-promo-bar].has-eyebrow .promo-title{display:none}[data-promo-bar] .promo-eyebrow{font-size:10.5px;letter-spacing:.1em !important;white-space:normal !important;line-height:1.25;flex:1 1 auto;min-width:0;text-align:left}[data-promo-bar] > div{justify-content:space-between;padding:0 48px 0 14px;gap:8px}[data-promo-bar] > div > a{flex:none;font-size:12px !important}}