.intro {
  background-color: #F6F2EE;
  color: #151313;
  position: relative;
}
.intro__title {
  margin-bottom: clamp(1.5rem, 1.67vw, 2.0625rem);
  letter-spacing: -0.02em;
}
.intro__text {
  font-size: clamp(1rem, 1.39vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3.33vw, 4.125rem);
  max-width: 86%;
}
.intro__text p {
  margin-bottom: 0;
}
.intro__video {
  border-radius: 24px;
  border: 1px solid #F15B5D;
  padding: clamp(12px, 1vw, 26px);
  height: 100%;
  width: 100%;
  background: rgba(250, 225, 219, 0.2);
}
.intro__video iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border: 0;
  border-radius: 20px;
}
.intro__video video {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.intro__video-content {
  height: 100%;
}
.intro__video-overlay {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 20px;
  z-index: 1;
}
.intro__video-overlay svg {
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.intro__video-overlay svg:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 575px) {
  .intro__video {
    border-radius: 14px;
  }
  .intro__video-overlay,
  .intro__video video {
    border-radius: 12px;
  }
}
@media (max-width: 991px) {
  .intro__button {
    margin-top: 32px;
  }
}