/* top */

main.front {
  position: relative;
  margin-top: 0;
}

main.front .wp-block-cover {
  aspect-ratio: 1920 / 1000;
  width: 100%;
  min-height: auto !important;
  @media (width <= 600px) {
    aspect-ratio: 375 / 250;
  }
}

main.front .top-cover {
  position: relative;
  aspect-ratio: 1920 / 1000;
  @media (width <= 600px) {
    aspect-ratio: 375 / 375;
  }
}
main.front .fixed {
  position: fixed;
  width: 100%;
  z-index: -1;
  @media (width <= 600px) {
    aspect-ratio: 375 / 375;
  }
}

main.front .top-logo {
  width: 30%;
  max-width: 590px;
  @media (width <= 600px) {
    width: 40%;
  }
}

main.front .lead {
  width: 48%;
  max-width: 900px;
  margin-inline: auto;
  color: #fff;
  font-size: max(1rem, 1.875vw);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  @media (width <= 600px) {
    width: 82%;
    font-size: 4vw;
    font-weight: 700;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
  }
}

main.front .wp-element-button {
  color: #fff;
  background-color: var(--wp--preset--color--custom-button-1);
  font-weight: 700;
}