@media (max-width: 1100px) {
  .htw-site-header.is-ready .htw-site-header__mobile-nav:not([hidden]) {
    position: absolute;
    inset: auto 0 auto 0;
    top: 100%;
    width: 100%;
    height: auto;
    max-height: min(75vh, 640px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .15);
  }
  .htw-site-header.is-ready .htw-site-header__drawer-bar { display: flex; }
  .htw-site-header.is-ready .htw-site-header__drawer-viewport { flex: 0 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  .htw-site-header__mobile-nav .htw-site-header__drawer-viewport .sub-menu {
    position: static;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding: 0 0 8px 18px;
    box-shadow: none;
  }
  .htw-site-header__mobile-nav .htw-site-header__submenu-toggle[aria-expanded="true"] span { display: inline-block; transform: rotate(180deg); }
}
@media (max-width: 1100px) {
  .htw-site-header__mobile-nav .htw-site-header__submenu-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .htw-site-header__mobile-nav .htw-site-header__submenu-toggle span { font-size: 0; }
  .htw-site-header__mobile-nav .htw-site-header__submenu-toggle::after { content: ''; display: block; width: 9px; height: 9px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); margin-top: -5px; }
  .htw-site-header__mobile-nav .htw-site-header__submenu-toggle[aria-expanded="true"]::after { transform: rotate(225deg); margin-top: 5px; }
}