/* Extend the modern site header only where six links cannot fit side by side. */
@media (min-width: 981px) and (max-width: 1279px) {
  .dpe-site .dpe-header-inner { grid-template-columns: 1fr auto; }
  .dpe-site .dpe-main-nav,
  .dpe-site .dpe-header-cta { display: none; }
  .dpe-site .dpe-menu-toggle { display: block; }
  .dpe-site .dpe-main-nav.dpe-open {
    position: fixed;
    inset: 0;
    z-index: -1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    background: rgba(17,20,18,.98);
  }
  .dpe-site .dpe-main-nav.dpe-open a {
    font-family: var(--display);
    font-size: 34px;
    letter-spacing: 0;
    text-transform: none;
  }
  .dpe-menu-open .dpe-menu-toggle span { opacity: 0; }
  .dpe-menu-open .dpe-menu-toggle::before { transform: translateY(6px) rotate(45deg); }
  .dpe-menu-open .dpe-menu-toggle::after { transform: translateY(-6px) rotate(-45deg); }
}