/* Shared responsive navigation. Desktop links keep their existing behavior. */
.nav-submenu-toggle,.mobile-section-link {
  display: none
}

@media(max-width:1050px) {
  body>header {
    z-index: 30
  }
  body>header .menu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: none;
    width: 48px;
    height: 48px;
    padding: 10px;
    border: 0;
    background: transparent;
    color: #fff
  }
  .menu-toggle .hamburger-line {
    display: block;
    width: 26px;
    height: 1.5px;
    background: currentColor;
    transition: transform .25s ease,opacity .2s ease;
    transform-origin: center
  }
  .menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg)
  }
  .menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {
    opacity: 0
  }
  .menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg)
  }
  body>header #main-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    max-height: calc(100dvh - var(--mobile-nav-top,120px));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    margin: 0;
    padding: 10px 30px 28px;
    background: #131d66;
    color: #fff;
    border-top: 1px solid #ffffff30;
    box-shadow: 0 18px 24px #0002
  }
  body>header #main-nav.open {
    display: flex;
    flex-direction: column;
    gap: 0
  }
  #main-nav>.nav-item,#main-nav .nav-submenu-toggle {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    padding: 20px 0;
    text-align: left;
    color: #fff;
    font-family: "Zen Kaku Gothic Antique",sans-serif;
    line-height: 1.5;
    background: none;
    border: 0;
    border-radius: 0
  }
  #main-nav>.nav-item,#main-nav>.company-nav-group {
    border-bottom: 1px solid #ffffff30
  }
  #main-nav .nav-item strong {
    flex: 0 0 100px;
    font-size: 15px;
    letter-spacing: .08em;
    font-weight: 700
  }
  #main-nav .nav-item>span {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 500
  }
  #main-nav .nav-item::before {
    bottom: 5px;
    left: 0;
  }
  #main-nav>.company-nav-group {
    display: block;
    width: 100%
  }
  #main-nav .company-nav-group>.nav-item:not(button) {
    display: none
  }
  #main-nav .nav-submenu-toggle {
    padding-right: 25px;
    cursor: pointer
  }
  #main-nav .nav-submenu-toggle:after {
    content: "";
    position: absolute;
    right: 4px;
    top: calc(50% - 6px);
    width: 8px;
    height: 8px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s ease
  }
  #main-nav .nav-submenu-toggle[aria-expanded="true"]:after {
    transform: translateY(4px) rotate(225deg)
  }
  #main-nav .company-subnav,#main-nav .company-nav-group:hover>.company-subnav,#main-nav .company-nav-group:focus-within>.company-subnav {
    display: none;
    position: static;
    min-width: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    padding: 0 0 18px 18px;
    background: transparent;
    text-align: left
  }
  #main-nav .company-nav-group.is-subnav-open>.company-subnav {
    display: block
  }
  #main-nav .company-subnav:before {
    display: none
  }
  #main-nav .company-subnav a {
    display: block;
    padding: 11px 18px;
    font-size: 14px;
    line-height: 1.6;
    white-space: normal;
    color: #fff;
    border-left: 1px solid #ffffff35
  }
  #main-nav .company-subnav a.mobile-section-link {
    color: #e99535;
    font-weight: 700
  }
  #main-nav .company-subnav a:hover,#main-nav .company-subnav a:focus-visible {
    background: #ffffff0d
  }
}

@media(max-width:760px) {
  body>header #main-nav {
    padding-left: 22px;
    padding-right: 22px
  }
}

@media(prefers-reduced-motion:reduce) {
  .menu-toggle .hamburger-line,#main-nav .nav-submenu-toggle:after {
    transition: none
  }
}

@media(max-width:1050px) {
  html.mobile-nav-is-open {
    overflow: hidden;
    scrollbar-gutter: stable
  }
  body>header.mobile-menu-is-open {
    position: sticky;
    top: 0
  }
}

/* Contact stays available inside the mobile navigation. */
.mobile-contact-nav-item {
  display: none
}

@media(max-width:1050px) {
  #main-nav>.nav-item.mobile-contact-nav-item {
    display: flex;
    margin-top: 20px;
    padding: 16px 18px;
    border: 0;
    border-radius: 32px;
    background: #e99535;
    color: #fff
  }
}

/* Larger desktop hit areas; parent-page entries belong only in mobile submenus. */
@media(min-width:1051px) {
  #main-nav {
    gap: clamp(8px,1vw,16px)
  }
  #main-nav>.nav-item,#main-nav>.company-nav-group>.nav-item {
    padding: 12px;
    min-height: 64px;
    justify-content: center
  }
  #main-nav .company-subnav>a.mobile-section-link {
    display: none
  }
  #main-nav .company-subnav a {
    min-height: 48px;
    padding: 13px 24px;
    line-height: 1.6
  }
}