:root {
  --grid-gutter-width: 30px;
  --border-opacity: 1;
}

@media (max-width: 767px) {
  :root {
    --grid-gutter-width: 40px;
  }
}
.video-section {
  background: black;
  will-change: transform;
  transform: translateZ(0);
}

.video-container {
  position: relative;
  overflow: hidden;
}

.video-mask {
  width: 100%;
  height: 100%;
  clip-path: inset(20% 40%);
  position: relative;
}
.video-mask .ia-btn {
  position: absolute;
  bottom: 4rem;
  left: 4rem;
}
.video-mask video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.introduction-video__text {
  margin: 0 auto 16rem;
  max-width: 1160px;
  text-align: center;
  transform: translateZ(0);
}
.introduction-video__title {
  position: absolute;
  top: 0;
  left: 0;
}
.introduction-video__title-second {
  top: auto;
  left: auto;
  right: 0;
  bottom: 5px;
}

@media (max-width: 768px) {
  .introduction-video__text {
    margin-bottom: 10rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .introduction-video .ia-container {
    padding-left: 0;
    padding-right: 0;
  }
  .video-mask {
    clip-path: inset(26% 21%);
  }
  .video-mask .ia-btn {
    bottom: 2rem;
    left: 2rem;
  }
}

/*# sourceMappingURL=introduction-video.css.map */