@media(min-width:768px){
  /* Kill old horizontal menus completely. */
  #pageHeroMenu,
  .page-hero-menu,
  #deepLandingHeroMenu,
  .deep-landing-hero-menu,
  .page-hero-nav,
  .deep-landing-nav,
  .hero-menu,
  .hero-nav,
  .top-menu,
  .top-nav,
  .desktop-menu,
  .desktop-nav{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  /* Left brand */
  .pt-wkc-brand-v58{
    position:fixed;
    top:24px;
    left:28px;
    z-index:1300;
    display:flex;
    align-items:center;
    gap:9px;
    text-decoration:none;
    pointer-events:auto;
    transition:color .18s ease, opacity .18s ease;
  }

  .pt-wkc-brand-v58 .pt-wkc-word{
    font-family:"DM Sans",sans-serif;
    font-size:13px;
    font-weight:650;
    line-height:1;
    letter-spacing:.18em;
    text-transform:uppercase;
  }

  .pt-wkc-brand-v58 .pt-wkc-rule{
    width:24px;
    height:1px;
    background:currentColor;
    opacity:.55;
    transition:width .22s ease, opacity .22s ease;
  }

  .pt-wkc-brand-v58:hover .pt-wkc-rule{
    width:34px;
    opacity:1;
  }

  /* Right menu trigger */
  #ptSiteMenuShell{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #ptSiteMenuTrigger{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    align-items:center !important;
    gap:10px !important;
    width:auto !important;
    min-width:0 !important;
    overflow:visible !important;
    color:inherit;
  }

  #ptSiteMenuTrigger .pt-menu-glyph-v58{
    position:relative;
    width:22px;
    height:14px;
    flex:0 0 22px;
    display:inline-block;
  }

  #ptSiteMenuTrigger .pt-menu-glyph-v58::before,
  #ptSiteMenuTrigger .pt-menu-glyph-v58::after{
    content:"";
    position:absolute;
    right:0;
    height:1px;
    background:currentColor;
    transition:width .22s ease, transform .22s ease, top .22s ease;
  }

  #ptSiteMenuTrigger .pt-menu-glyph-v58::before{
    top:3px;
    width:22px;
  }

  #ptSiteMenuTrigger .pt-menu-glyph-v58::after{
    top:10px;
    width:14px;
  }

  #ptSiteMenuTrigger:hover .pt-menu-glyph-v58::after,
  #ptSiteMenuTrigger:focus-visible .pt-menu-glyph-v58::after{
    width:22px;
  }

  #ptSiteMenuTrigger .pt-menu-label-v58{
    display:inline-block !important;
    font-family:"DM Sans",sans-serif !important;
    font-size:10px !important;
    font-weight:550 !important;
    line-height:1 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    opacity:1 !important;
    visibility:visible !important;
    max-width:80px;
    transform:none;
    transition:opacity .18s ease,max-width .22s ease,transform .22s ease;
  }

  /* At the very top: word MENU is always visible. */
  body:not(.pt-menu-scrolled-v58) #ptSiteMenuTrigger .pt-menu-label-v58{
    opacity:1 !important;
    visibility:visible !important;
    max-width:80px !important;
  }

  /* After scroll: only the custom menu glyph remains. */
  body.pt-menu-scrolled-v58 #ptSiteMenuTrigger .pt-menu-label-v58{
    opacity:0 !important;
    visibility:hidden !important;
    max-width:0 !important;
    transform:translateX(6px) !important;
    pointer-events:none !important;
  }

  /* Hover/focus brings MENU back. */
  body.pt-menu-scrolled-v58 #ptSiteMenuTrigger:hover .pt-menu-label-v58,
  body.pt-menu-scrolled-v58 #ptSiteMenuTrigger:focus-visible .pt-menu-label-v58,
  body.pt-menu-scrolled-v58 #ptSiteMenuTrigger:focus-within .pt-menu-label-v58{
    opacity:1 !important;
    visibility:visible !important;
    max-width:80px !important;
    transform:none !important;
  }
}

@media(max-width:767px){
  #pageHeroMenu,
  .page-hero-menu,
  #deepLandingHeroMenu,
  .deep-landing-hero-menu,
  .page-hero-nav,
  .deep-landing-nav,
  .hero-menu,
  .hero-nav,
  .top-menu,
  .top-nav,
  .desktop-menu,
  .desktop-nav{
    display:none !important;
  }

  .pt-wkc-brand-v58{
    position:fixed;
    top:18px;
    left:18px;
    z-index:1300;
    display:flex;
    align-items:center;
    gap:7px;
    text-decoration:none;
  }

  .pt-wkc-brand-v58 .pt-wkc-word{
    font-family:"DM Sans",sans-serif;
    font-size:11px;
    font-weight:650;
    line-height:1;
    letter-spacing:.16em;
  }

  .pt-wkc-brand-v58 .pt-wkc-rule{
    width:18px;
    height:1px;
    background:currentColor;
    opacity:.5;
  }

  #ptSiteMenuTrigger .pt-menu-label-v58{
    display:none !important;
  }
}

/* Mobile uses the same visible glyph as desktop, plus a permanent label. */
@media(max-width:767px){
  #ptSiteMenuTrigger .pt-menu-glyph-v58{
    position:relative;
    display:inline-block;
    width:22px;
    height:14px;
    flex:0 0 22px;
  }
  #ptSiteMenuTrigger .pt-menu-glyph-v58::before,
  #ptSiteMenuTrigger .pt-menu-glyph-v58::after{
    content:"";
    position:absolute;
    right:0;
    height:1px;
    background:currentColor;
  }
  #ptSiteMenuTrigger .pt-menu-glyph-v58::before{top:3px;width:22px;}
  #ptSiteMenuTrigger .pt-menu-glyph-v58::after{top:10px;width:14px;}
  #ptSiteMenuTrigger .pt-menu-label-v58{
    display:inline-block !important;
    font:550 10px/1 "DM Sans",sans-serif;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:currentColor;
  }
}