/* ==========================================================================
   Navigation — mobile menu panel, dropdown arrows
   ========================================================================== */

.mobile-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
}
.mobile-panel.open {
  max-height: 700px;
}

.nav-arrow {
  transition: transform .2s ease;
}

.menu-open {
  overflow: hidden;
}

/* Desktop dropdown */
@media (min-width: 1024px) {
  .group:hover .nav-arrow {
    transform: rotate(180deg);
  }
}