/* Approved editorial mobile navigation. Deliberately independent of page cards. */
.menu-dialog.editorial-menu {
  --menu-gold: #ddc18a;
  margin: 0;
  inset: 0;
  width: 100%;
  max-width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  padding: max(24px, env(safe-area-inset-top)) clamp(24px, 7.5vw, 50px) max(28px, env(safe-area-inset-bottom));
  border: 0;
  border-radius: 0;
  background: #101110;
  box-shadow: none;
  color: #f7f5ef;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.editorial-menu::backdrop { background: #101110; backdrop-filter: none; }
.editorial-menu .menu-top { margin: 0; min-height: 44px; gap: 24px; }
.editorial-menu .eyebrow { color: #f7f5ef; font: 500 .875rem/1.4 'Manrope', Arial, sans-serif; letter-spacing: .3em; }
.editorial-menu .menu-close {
  display: inline-flex; align-items: center; gap: 14px; min-height: 44px;
  padding: 0 0 0 8px; border: 0; border-radius: 0; background: none;
  color: var(--menu-gold); font-size: .9375rem; font-weight: 400;
  box-shadow: none; text-shadow: none; transform: none; filter: none;
}
.editorial-menu .menu-close:hover, .editorial-menu .menu-close:active { background: none; color: #f2deb2; transform: none; filter: none; }
.editorial-menu .menu-close-mark { position: relative; display: block; width: 22px; height: 22px; }
.editorial-menu .menu-close-mark::before, .editorial-menu .menu-close-mark::after {
  content: ''; position: absolute; top: 10px; left: -2px; width: 27px; height: 1px; background: currentColor; transform: rotate(45deg);
}
.editorial-menu .menu-close-mark::after { transform: rotate(-45deg); }
.editorial-menu .editorial-menu-links {
  position: relative; display: grid; grid-template-rows: .9fr 1.25fr 1.2fr 1fr;
  min-height: 460px; height: min(790px, calc(100svh - 120px));
  padding: clamp(24px, 5vh, 64px) 0 28px;
}
.editorial-menu .editorial-menu-links::before {
  content: ''; position: absolute; top: clamp(34px, 7vh, 90px); left: 0;
  width: 1px; height: clamp(65px, 15vh, 160px); background: var(--menu-gold);
}
.editorial-menu .editorial-menu-links a {
  position: relative; display: block; align-self: center; width: fit-content; max-width: 100%;
  border: 0; padding: 8px 0; margin: 0; min-height: 44px;
  font-family: 'Manrope', Arial, sans-serif; font-weight: 500; line-height: 1.12;
  letter-spacing: -.055em; color: #f7f5ef; text-decoration: none;
  overflow-wrap: anywhere; transition: color .18s ease;
}
.editorial-menu .editorial-menu-links .menu-home { justify-self: end; font-size: clamp(1.875rem, 7.5vw, 2.875rem); }
.editorial-menu .editorial-menu-links .menu-creator { justify-self: start; font-size: clamp(3rem, 16vw, 6rem); font-weight: 650; padding-bottom: 20px; }
.editorial-menu .menu-creator::after { content: ''; position: absolute; bottom: 3px; left: 2px; width: 40%; height: 2px; background: var(--menu-gold); }
.editorial-menu .editorial-menu-links .menu-logistics { justify-self: end; font-size: clamp(2.6rem, 13vw, 5rem); color: var(--menu-gold); }
.editorial-menu .editorial-menu-links .menu-profile { justify-self: start; font-size: clamp(2.25rem, 10vw, 3.875rem); }
.editorial-menu .editorial-menu-links a:hover { color: #e8ce9d; }
.editorial-menu :is(a, button):focus-visible { outline: 2px solid var(--menu-gold); outline-offset: 6px; }
@media (max-height: 560px) {
  .editorial-menu .editorial-menu-links { min-height: 390px; padding-top: 18px; }
  .editorial-menu .editorial-menu-links::before { top: 20px; height: 65px; }
}
@media (prefers-reduced-motion: reduce) { .editorial-menu .editorial-menu-links a { transition: none; } }