@media screen and (min-width: 768px) {
  header nav .children._menu {
    position: fixed;
    top: 7.1rem;
    width: clamp(85rem, 40vw, 110rem);
    left: calc(50vw - 44.5rem);
  }

  header nav .children ._row {
    grid-template-columns: 30% 32% 38%;
  }

  header nav .children .child_nav:last-of-type ul li {
    min-width: 100%;
    width: 100%;
  }

  header nav .children ul {
    gap: 0.5rem;
  }

  header nav .children ul li a {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  header nav .children ul li a::after {
    width: 0.6rem;
  }
}

/* Keep the menu index body aligned with the current public design. */
@media screen and (min-width: 768px) {
  html:has(body.archive),
  body.archive {
    overflow: visible !important;
  }
}

.archive .menu.sticky {
  padding: 15rem 0 !important;
}

.archive .menu .sticky_title {
  display: block !important;
  align-items: initial !important;
  gap: initial !important;
  margin-bottom: 0 !important;
}

.archive .menu h2 {
  margin-bottom: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.archive .menu h2 span {
  font-family: "Literata", serif !important;
  font-size: 7rem !important;
  color: #b88e2c !important;
  font-weight: 400 !important;
  display: block !important;
  line-height: 1 !important;
}

.archive .menu .sticky_title picture {
  display: block !important;
  margin-top: 3rem !important;
  border-radius: 0 12rem 12rem 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.archive .menu_content {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.archive .menu_content h3 {
  display: flex !important;
  align-items: center !important;
  margin: 0 0 3rem !important;
  padding: 0 0 1.5rem !important;
  border-bottom: 1px solid #b88e2c !important;
  font-size: 2.4rem !important;
}

.archive .menu_content h3:not(:nth-of-type(1)) {
  margin-top: 6rem !important;
}

.archive .menu_content h3::before {
  display: none !important;
}

.archive .menu_content h3 picture {
  display: block !important;
  width: 4rem !important;
  margin: 0 0.5em 0 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.archive .menu_content h3 picture img {
  display: block !important;
}

.archive .menu_content .item {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.5rem !important;
  width: 100% !important;
}

.archive .menu_content .item a {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0.2em 3em !important;
  border: 1px solid #ddd !important;
  border-radius: 9999px !important;
  background: transparent !important;
  color: #222 !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.archive .menu_content .item a:hover {
  background: #222 !important;
  border-color: #222 !important;
  color: #cdab5a !important;
  transform: none !important;
}

@media screen and (max-width: 767px) {
  .archive .menu.sticky {
    padding: 20.5128205128vw 0 !important;
  }

  .archive .menu .sticky_title {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  .archive .menu h2 {
    width: auto !important;
  }

  .archive .menu h2 span {
    font-size: 9.2307692308vw !important;
  }

  .archive .menu .sticky_title picture {
    position: relative !important;
    width: calc(100% + 5.1282051282vw) !important;
    left: -5.1282051282vw !important;
    margin-top: 7.6923076923vw !important;
    border-radius: 0 26.6666666667vw 26.6666666667vw 0 !important;
  }

  .archive .menu_content {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .archive .menu_content h3 {
    margin: 0 0 6.1538461538vw !important;
    padding: 0 0 3.8461538462vw !important;
    font-size: 5.1282051282vw !important;
  }

  .archive .menu_content h3:not(:nth-of-type(1)) {
    margin-top: 15.3846153846vw !important;
  }

  .archive .menu_content h3 picture {
    width: 6.6666666667vw !important;
  }

  .archive .menu_content .item {
    display: flex !important;
    gap: 2.5641025641vw !important;
  }

  .archive .menu_content .item a {
    font-size: 3.5897435897vw !important;
    padding: 0.7em 1.4em !important;
  }
}