/* Final embedded lead-flow section: the iframe is only the animation card,
   while the heading lives in the main site's normal rhythm. */
.lead-flow-embed-section {
  position: relative;
  padding: clamp(58px, 6.5vw, 78px) 0 clamp(58px, 6.5vw, 78px);
}

.lead-flow-embed-container {
  position: relative;
}

.lead-flow-site-head {
  margin-bottom: clamp(22px, 3vw, 32px);
}

.lead-flow-site-head h2 {
  max-width: 760px;
}

.lead-flow-site-head p {
  max-width: 530px;
}

.lead-flow-embed-wrap {
  width: 100%;
  margin: 0 auto;
  overflow: visible;
  border-radius: 30px;
  background: transparent;
}

.lead-flow-embed {
  display: block;
  width: 100%;
  height: 454px;
  min-height: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  vertical-align: top;
  transition: height .22s ease-out;
}

@media (max-width: 960px) {
  .lead-flow-embed-section {
    padding-top: 50px;
    padding-bottom: 48px;
  }

  .lead-flow-embed-wrap {
    border-radius: 26px;
  }

  .lead-flow-embed {
    height: 584px;
  }
}

@media (max-width: 720px) {
  .lead-flow-embed-section {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .lead-flow-site-head {
    margin-bottom: 18px;
  }

  .lead-flow-site-head h2 {
    max-width: 340px;
  }

  .lead-flow-site-head p {
    max-width: 340px;
    font-size: 15px;
    line-height: 1.55;
  }

  .lead-flow-embed-wrap {
    border-radius: 24px;
  }

  .lead-flow-embed {
    height: 682px;
  }
}

@media (max-width: 420px) {
  .lead-flow-embed-section {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .lead-flow-embed {
    height: 654px;
  }
}