/* resources/css/page-homepage.css */
.homepage {
  display: flex;
  max-width: var(--max-width-page);
  position: relative;
  width: 100%;
  @media (max-width: 900px) {
    margin-top: var(--height-page-navigation);
  }
}
.homepage-content {
  background-image:
    linear-gradient(
      to right,
      #ffffffee 60%,
      transparent);
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1200px;
  position: relative;
  row-gap: var(--spacing-base);
  width: 100%;
  z-index: var(--z-index-homepage-content);
  @media (max-width: 900px) {
    padding: var(--spacing-base);
  }
  @media (min-width: 900px) {
    padding: 0 var(--spacing-4x) var(--spacing-2x) var(--spacing-4x);
  }
}
.homepage-cta-button {
  background-color: black;
  color: white;
  padding: var(--spacing-half) var(--spacing-base);
  @media (max-width: 900px) {
    margin: var(--spacing-base) 0 var(--spacing-half) 0;
  }
  @media (min-width: 900px) {
    margin: var(--spacing-base) 0 var(--spacing-half) calc(-1 * var(--spacing-base));
  }
}
.homepage-description {
  align-items: flex-start;
  justify-content: center;
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-l1);
  row-gap: var(--spacing-base);
  p {
    max-width: 600px;
  }
}
.homepage-stage {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  user-select: none;
  top: 0;
}
.homepage-title {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-l5);
  line-height: 1.1;
  margin: var(--spacing-2x) 0;
  text-wrap: balance;
}
.page-navigation {
  align-items: center;
  background-color: transparent;
  border-bottom: none;
  box-shadow: none;
}
.page-navigation-content {
  margin: 0 auto;
  max-width: var(--max-width-page);
  width: 100%;
}
/*# sourceMappingURL=/assets/page-homepage_NC6NR3MS.css.map */