/* StoneHouse Poplat: keep the desktop menu underline animation compositor-only. */
@media (min-width: 1041px) {
  .gkMainMenu > .gkmenu.level0 > li > a::before,
  .gkMainMenu > .gkmenu.level0 > li > span::before {
    width: 100% !important;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 350ms ease;
    backface-visibility: hidden;
    pointer-events: none;
  }

  .gkMainMenu > .gkmenu.level0 > li.active > a::before,
  .gkMainMenu > .gkmenu.level0 > li.active > span::before,
  .gkMainMenu > .gkmenu.level0 > li > a:hover::before,
  .gkMainMenu > .gkmenu.level0 > li > a:focus::before,
  .gkMainMenu > .gkmenu.level0 > li > span:hover::before,
  .gkMainMenu > .gkmenu.level0 > li > span:focus::before {
    transform: scaleX(1);
  }
}

/* Preserve the 1024:240 logo ratio when the desktop menu switches to icons. */
@media (max-width: 1040px) {
  #gkHeaderNav .gkLogo img {
    width: clamp(160px, 36vw, 240px) !important;
    height: auto !important;
    object-fit: contain;
  }
}
