/* Mobile navigation only; desktop styling is preserved. */
@media (max-width: 800px) {
  body header { position: relative !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; min-height: 100px !important; padding: 12px 5% !important; gap: 12px !important; background: #161315 !important; z-index: 50 !important; }
  body header > a:first-child { display: block !important; flex: 0 0 auto !important; margin: 0 !important; }
  body header .logo { display: block !important; width: 135px !important; height: 76px !important; object-fit: contain !important; margin: 0 !important; }
  body header .omyel-mobile-menu-button { display: inline-flex !important; flex: 0 0 auto; align-items: center; justify-content: center; width: 43px; height: 43px; border: 1px solid #c5a36c; background: transparent; color: #c5a36c; cursor: pointer; margin-left: auto; padding: 9px; border-radius: 2px; }
  .omyel-mobile-menu-button svg { width: 23px; height: 23px; stroke: currentColor; }
  body header nav { display: flex !important; position: static !important; flex: 0 0 auto !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0 !important; }
  body header nav > a { display: none !important; }
  body header nav .language { display: inline-flex !important; position: absolute !important; right: calc(5% + 55px) !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; align-items: center !important; white-space: nowrap !important; font-size: 12px !important; }
  body header nav .language button { font-size: 12px !important; }
  body header.omyel-menu-open nav { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; padding: 16px 6% 24px !important; background: #161315 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; box-shadow: 0 15px 25px rgba(0,0,0,.25) !important; z-index: 55 !important; }
  body header.omyel-menu-open nav > a { display: block !important; padding: 14px 6px !important; text-align: left !important; font-size: 13px !important; line-height: 1.4 !important; letter-spacing: .1em !important; border-bottom: 1px solid rgba(197,163,108,.22) !important; }
  body header.omyel-menu-open nav .language { position: absolute !important; right: calc(5% + 55px) !important; top: -50px !important; transform: translateY(-50%) !important; }
  /* Keep the story title in the clear, lower half of the mobile photograph. */
  .story-hero .story-hero-text { position: relative !important; left: auto !important; top: auto !important; transform: none !important; margin: 0 auto !important; padding: 0 5% !important; text-align: center !important; max-width: 100% !important; }
  .story-hero .story-hero-text h1 { max-width: 100%; }
}
@media (min-width: 801px) { .omyel-mobile-menu-button { display: none !important; } }
