.home-hero[data-hero]::before {
  background: linear-gradient(90deg, #062347ed 0%, #062347b8 42%, #06234722 75%, transparent);
}
@media (max-width: 720px) {
  .home-hero[data-hero]::before { background: #062347b8; }
}
@media (min-width: 1001px) {
  body > header .wrap { position: relative; }
  body > header nav details { position: static; }
  body > header nav details > .dropdown,
  body > header nav details:last-of-type > .dropdown {
    top: 100%; left: 50%; right: auto; transform: translateX(-50%);
    width: min(760px, calc(100% - 24px)); padding: 18px;
  }
  body > header nav details[open] > .dropdown {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;
  }
  body > header .dropdown-title { grid-column: 1 / -1; }
  body > header .dropdown a { background: #f4f7fa; padding: 12px; border-radius: 6px; }
}