.section-tyto-teacher-hero {
  padding-block: calc(var(--section-vertical-spacing-100) * 0.5);
  position: relative;
}
.section-tyto-teacher-hero .section-content {
  position: relative;
  display: flex;
  flex-direction: column;
}
.section-tyto-teacher-hero .section-content .text-container {
  width: 440px;
  max-width: 100%;
}
.section-tyto-teacher-hero .section-content .block-title {
  color: var(--block-title-color);
  margin-bottom: 0.35em;
}
.section-tyto-teacher-hero .section-content .block-description {
  color: var(--block-description-color);
}
.section-tyto-teacher-hero .section-content .video-container {
  position: relative;
  aspect-ratio: 401/252;
  width: 401px;
  margin: 70px 0 100px 21px;
}
.section-tyto-teacher-hero .section-content .video-container .frame {
  position: absolute;
  width: 176.5586%;
  top: -23.2%;
  left: -38.5%;
}
.section-tyto-teacher-hero .section-content .video-container .iframe-wrap iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 401/252;
}

@media (max-width: 767px) {
  .section-tyto-teacher-hero {
    padding-block: var(--section-vertical-spacing-100);
  }
  .section-tyto-teacher-hero .section-content .text-container {
    width: 440px;
    max-width: 100%;
  }
  .section-tyto-teacher-hero .section-content .video-container {
    width: 401px;
    max-width: 100%;
    margin: 40px 0 0 0;
  }
  .section-tyto-teacher-hero .section-content .video-container .frame {
    display: none;
  }
}

/*# sourceMappingURL=tyto-teacher-hero.css.map */