.image[data-astro-cid-vxvljwzw] {
  width: fit-content;
  height: fit-content;
  aspect-ratio: var(---aspectRatio-original);
  position: relative;

  & img {
    width: var(--media-width, auto);
    height: var(--media-height, auto);
    max-width: var(--media-maxWidth, 100%);
    max-height: var(--media-maxHeight, 100%);
    object-fit: var(--media-objectFit, contain);
    object-position: var(--media-objectPosition, center);
  }
}

.image[data-astro-cid-vxvljwzw][data-format="square"] {
  & img {
    max-height: var(--media-square-maxHeight, var(--media-maxHeight, 100%));
    max-width: var(--media-square-maxWidth, var(--media-maxWidth, 100%));
  }
}

.image[data-astro-cid-vxvljwzw][data-format="tall"] {
  & img {
    max-height: var(--media-tall-maxHeight, var(--media-maxHeight, 100%));
    max-width: var(--media-tall-maxWidth, var(--media-maxWidth, 100%));
  }
}

.image[data-astro-cid-vxvljwzw][data-format="wide"] {
  & img {
    max-height: var(--media-wide-maxHeight, var(--media-maxHeight, 100%));
    max-width: var(--media-wide-maxWidth, var(--media-maxWidth, 100%));
  }
}
@keyframes astroFadeInOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes astroFadeIn {
	from {
		opacity: 0;
		mix-blend-mode: plus-lighter;
	}
	to {
		opacity: 1;
		mix-blend-mode: plus-lighter;
	}
}

@keyframes astroFadeOut {
	from {
		opacity: 1;
		mix-blend-mode: plus-lighter;
	}
	to {
		opacity: 0;
		mix-blend-mode: plus-lighter;
	}
}

@keyframes astroSlideFromRight {
	from {
		transform: translateX(100%);
	}
}

@keyframes astroSlideFromLeft {
	from {
		transform: translateX(-100%);
	}
}

@keyframes astroSlideToRight {
	to {
		transform: translateX(100%);
	}
}

@keyframes astroSlideToLeft {
	to {
		transform: translateX(-100%);
	}
}

@media (prefers-reduced-motion) {
	::view-transition-group(*),
	::view-transition-old(*),
	::view-transition-new(*) {
		animation: none !important;
	}

	[data-astro-transition-scope] {
		animation: none !important;
	}
}
.hero[data-astro-cid-jyyvf762] {
  width: 100%;
  height: var(--pageHero-height);
  position: relative;
  display: grid;
  z-index: 100;

  & > [data-astro-cid-jyyvf762] {
    grid-area: 1 / 1;
  }
}

.hero-image[data-astro-cid-jyyvf762] {
  background-color: #000;
}

.hero-logo[data-astro-cid-jyyvf762] {
  width: var(--pageHero-logoSize);
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
  bottom: 0;
  aspect-ratio: 1;
  transform: translateY(50%);
}

.hero-logo-inner[data-astro-cid-jyyvf762] {
  padding: 18%;
  color: var(--page-color-2);
}

.hero-logo-circle[data-astro-cid-jyyvf762] {
  position: absolute;
  inset: 0;
  top: 1px;
  height: 50%;
  width: 100%;

  &:before {
    content: "";
    position: absolute;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    background-color: var(--page-color-1);
    border-radius: 100%;
  }
}
footer[data-astro-cid-oenwriqq] {
  min-height: 40vh;
  background-color: #000;
}
.stars[data-astro-cid-4mu4vj6n] {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;

  & svg {
    overflow: visible;
  }
}
.stars-parallax[data-astro-cid-pdzbsy54] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;

  &__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    will-change: transform;
  }
}
.page100-background[data-astro-cid-2xhfqrhu] {
  view-transition-name: page-background;
  background-color: var(--page-color-1);
  position: absolute;
  inset: 0;
  min-height: 100vh;
  z-index: 1;
}

.page100-background-stars[data-astro-cid-2xhfqrhu] {
  position: absolute;
  inset: 0;
  top: var(--pageHero-height);
}

.page100-hero[data-astro-cid-2xhfqrhu] {
  view-transition-name: page-hero;
  z-index: 2;
}

.page100-main[data-astro-cid-2xhfqrhu] {
  z-index: 3;
  view-transition-name: page-main;
}

.page100-footer[data-astro-cid-2xhfqrhu] {
  z-index: 3;
}
.sectionButtons[data-astro-cid-u3fvqsrx] {
  position: relative;
  display: flex;
  flex-direction: column;
  --buttonRound-color-text: currentColor;
  --buttonRound-color-outline: transparent;
}

.sectionButtons-group[data-astro-cid-u3fvqsrx] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto 1fr;
  gap: 0px var(--layout-gap-x);
  width: 100%;
  position: relative;

  &:not(:first-child) {
    margin-top: -3%;
  }

  &:before, &:after {
    grid-column: 2 / span 1;
    position: absolute;
    content: "";
    inset: 0;
    margin-inline: auto;
    width: var(--line-width-100);
    background-color: currentColor;
    z-index: -1;
  }

  &:before {
    grid-row: 1 / span 1;
  }

  &:after {
    grid-row: 2 / span 2;
    position: absolute;
  }

  &:first-child:before {
    display: none;
  }

  &:last-child:after {
    display: none;
  }
}

.sectionButtons-button[data-astro-cid-u3fvqsrx] {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: var(--font-size-200);
  grid-column: 2;
  grid-row: span 2;

  &:before {
    content: "";
    position: absolute;
    inset: calc(var(--layout-gap-x) * -.5);
    border: var(--line-width-100) solid currentColor;
    border-radius: 50%;
  }
}

.sectionButtons-text[data-astro-cid-u3fvqsrx] {
  margin-top: 50%;
  position: relative;
  grid-row: span 3;
  padding-top: .5lh;

  &:before {
    position: absolute;
    content: "";
    height: var(--line-width-100);
    width: 150%;
    top: 0;
    left: 0;
    background-color: currentColor;
  }
}

[data-astro-cid-u3fvqsrx][data-as-button-round] {
  width: 60%;
}

@media (width > 1000px) {
  .sectionButtons-group[data-astro-cid-u3fvqsrx]:nth-child(2n) .sectionButtons-text[data-astro-cid-u3fvqsrx] {
    grid-column: 3;

    &:before {
      left: unset;
      right: 0;
    }
  }
}

@media (width <= 1000px) and (width > 600px) {
  .sectionButtons-group[data-astro-cid-u3fvqsrx] {
    grid-template-columns: repeat(2, 1fr);
    --sectionButtons-button-offsetX: -40%;
  }

  .sectionButtons-button[data-astro-cid-u3fvqsrx] {
    grid-column: 1;
    transform: translateX(var(--sectionButtons-button-offsetX));
  }

  .sectionButtons-group[data-astro-cid-u3fvqsrx]:after, .sectionButtons-group[data-astro-cid-u3fvqsrx]:before {
    grid-column: 1 / span 1;
    margin-inline: unset;
    right: unset;
    left: calc(50% + var(--sectionButtons-button-offsetX));
  }

  .sectionButtons-text[data-astro-cid-u3fvqsrx] {
    grid-column: 2;
    width: calc(100% + var(--sectionButtons-button-offsetX) * -1);
    margin-left: calc(var(--sectionButtons-button-offsetX));

    &:before {
      left: -100%;
      width: 200%;
    }
  }
}

@media (width <= 600px) {
  .sectionButtons[data-astro-cid-u3fvqsrx] {
    gap: var(--layout-space-400);
  }

  .sectionButtons-group[data-astro-cid-u3fvqsrx] {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    justify-items: center;
    gap: var(--layout-space-200);

    &:not(:first-child) {
      margin-top: unset;
    }

    &:after, &:before {
      content: unset;
    }
  }

  .sectionButtons-button[data-astro-cid-u3fvqsrx] {
    grid-column: 1;
    grid-row: 1;
    width: fit-content;
  }

  [data-astro-cid-u3fvqsrx][data-as-button-round] {
    width: 12ch;
  }

  .sectionButtons-text[data-astro-cid-u3fvqsrx] {
    grid-column: 1;
    grid-row: 2;
    margin-top: unset;

    &:before {
      content: unset;
    }
  }
}
.spaceUiExpress[data-astro-cid-qc7jxwbh] {
  position: absolute;
  left: 0;
  top: 0;
}

.image .spaceUiExpress[data-astro-cid-qc7jxwbh] {
  transform: translate(-50%, -50%);
  width: 14vmin;
}
