html {
  background-color: var(--wp--preset--color--gray-400);
}

body {
  position: relative;
  background-color: white;
  z-index: -1;
}

body.page .wp-site-blocks .entry-content:not(:has(.history-menu)) {
  overflow: hidden;
}
body.page .wp-site-blocks .entry-content > :first-child {
  margin-block-start: 0;
}

h2 br + * {
  font-size: 18px !important;
}

.no-link-underline a {
  text-decoration: none !important;
}

.only-hover-link-underline a {
  text-decoration: none !important;
}

.only-hover-link-underline a:hover {
  text-decoration: underline !important;
}

.page-hero {
  position: relative;
  aspect-ratio: 3;
}
.page-hero::before {
  content: "";
  position: absolute;
  right: max(var(--layout-spacer-x), 5%);
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  max-width: 650px;
  height: calc(100% - var(--layout-spacer-x) * 2);
  background-image: url("./assets/svgs/rings-portrait.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  pointer-events: none;
}
@media screen and (min-width: 600px) {
  .page-hero:before {
    background-image: url("./assets/svgs/rings-landscape.svg");
  }
}

header .wp-block-navigation-item__content {
  padding-top: var(--wp--preset--spacing--40);
  padding-bottom: var(--wp--preset--spacing--40);
}
header .nav-button a {
  background-color: var(--wp--preset--color--secondary);
  color: white !important;
  padding-left: 1.33em;
  padding-right: 1.33em;
}
header .main-menu > .wp-block-navigation-item > a {
  font-weight: bold;
}
header .wp-block-navigation__submenu-container {
  z-index: 3 !important;
}