/* resources/css/page-homepage.css */
.formatted-text.formatted-text--homepage {
  p + ul,
  p + ol {
    margin-top: var(--spacing-base);
  }
  ul,
  ol {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    row-gap: var(--spacing-base);
    li::marker {
      color: black;
    }
    @media (max-width: 900px) {
      list-style-type: "\25a0   ";
    }
    @media (min-width: 900px) {
      list-style-type: "\25a0      ";
    }
  }
}
.homepage {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.homepage__annotation {
  align-items: center;
  display: flex;
  grid-area: annotation;
  text-decoration: none;
  @media (max-width: 900px) {
    gap: var(--spacing-half);
    padding-left: 10px;
  }
  @media (min-width: 900px) {
    align-self: flex-start;
    gap: var(--spacing-base);
    padding-top: calc(var(--spacing-2x) + 2px);
    writing-mode: sideways-lr;
  }
}
.homepage__annotation-logo {
  @media (max-width: 900px) {
    height: 20px;
    width: 20px;
  }
  @media (min-width: 900px) {
    height: 32px;
    width: 32px;
  }
}
.homepage__annotation-text {
  @media (max-width: 900px) {
    font-size: var(--font-size-base);
  }
  @media (min-width: 900px) {
    font-size: var(--font-size-l1);
  }
}
.homepage__content {
  background-color: white;
  max-width: var(--max-width-page-content);
  width: 100%;
  @media (max-width: 900px) {
    padding: var(--spacing-2x) var(--spacing-base-plus-half);
  }
  @media (min-width: 900px) {
    padding: var(--spacing-4x) var(--spacing-base-plus-half);
  }
}
.homepage__content + .homepage__content {
  padding-top: 0;
}
.homepage__event-cta {
  column-gap: var(--spacing-base);
  grid-area: event-cta;
  display: flex;
  @media (max-width: 900px) {
    flex-direction: column;
    row-gap: var(--spacing-half);
  }
  @media (min-width: 900px) {
    align-items: center;
    flex-direction: row;
  }
}
.homepage__header {
  background-color: white;
  display: grid;
  flex-direction: column;
  max-width: var(--max-width-page-content);
  row-gap: var(--spacing-base);
  width: 100%;
  @media (max-width: 900px) {
    grid-template-areas: "annotation" "title" "sub-title" "event-cta";
    padding: var(--spacing-2x) var(--spacing-base-plus-half);
  }
  @media (min-width: 900px) {
    --column-gap: var(--spacing-base-plus-half);
    --width-annotation: calc(1.6 * var(--font-size-l1));
    background-image: url("/assets/scribble_UR6KZMBH.svg");
    background-position: 140% -10%;
    background-repeat: no-repeat;
    background-size: 500px;
    column-gap: var(--column-gap);
    grid-template-areas: "annotation title" "annotation sub-title" "annotation event-cta";
    grid-template-columns: var(--width-annotation) 1fr;
    padding: var(--spacing-4x) var(--spacing-base-plus-half);
    position: relative;
    transform: translateX(calc(-1 * (var(--width-annotation) + var(--column-gap))));
  }
}
.homepage__title {
  font-family: var(--font-family-serif);
  font-variant: small-caps;
  font-weight: 400;
  grid-area: title;
  line-height: 0.8;
  margin: var(--spacing-2x) 0;
  text-align: justify;
  view-transition-name: post-software-title;
  @media (max-width: 900px) {
    font-size: 100px;
  }
  @media (min-width: 900px) {
    font-size: 180px;
  }
}
.homepage__sub-title {
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-l1);
  font-weight: 400;
  grid-area: sub-title;
  margin: 0 0 var(--spacing-2x) 0;
  row-gap: var(--spacing-base);
}
/*# sourceMappingURL=/assets/page-homepage_DCYWEIIK.css.map */