:root {
  --color--bg: #fff;
  --color--text: #000;
}

html, body {
  background-color: var(--color--bg);
  height: 100%;
  margin: 0;
}

html {
  color: var(--color--text);
  font-size: 100%;
}

.Video {
  z-index: 20;
  background-color: #fff;
  margin: 4.5rem 0;
  transition-property: opacity;
  transition-duration: .3s;
  display: block;
  position: fixed;
  inset: 0;

  &[data-Video-isEnded="true"] {
    opacity: 0;
    touch-action: none;
    pointer-events: none;
  }
}

.Video-video {
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.Header {
  --ratio--desktop: 588 / 13;
  --ratio--mobile: 300 / 25;
  z-index: 1000;
  width: 80%;
  max-width: 36rem;
  height: auto;
  aspect-ratio: var(--ratio--desktop);
  margin: 1.5rem auto;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;

  @media (width <= 800px) {
    & {
      aspect-ratio: var(--ratio--mobile);
      margin: 1rem auto;
    }
  }
}

.Header-title {
  white-space: nowrap;
  text-indent: 300%;
  background-image: url("contact--desktop.f0ac6e0b.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  & > a {
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (width <= 800px) {
    & {
      background-image: url("contact--mobile.b27c05dc.svg");
    }
  }
}
/*# sourceMappingURL=index.49742217.css.map */