.image-text-block {
  width: 1920px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.image-text-block .image-text {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .image-text-block .image-text {
    flex-direction: row;
  }
}
.image-text-block .image-text__content {
  padding: 30px 16px;
  background-color: #002E41;
  position: relative;
  z-index: 1;
  order: 2;
}
@media only screen and (min-width: 576px) {
  .image-text-block .image-text__content {
    padding: 40px 24px;
  }
}
@media only screen and (min-width: 768px) {
  .image-text-block .image-text__content {
    padding: 40px 32px;
  }
}
@media only screen and (min-width: 992px) {
  .image-text-block .image-text__content {
    padding: 60px 40px;
    width: calc(60% + 40px);
  }
}
@media only screen and (min-width: 1200px) {
  .image-text-block .image-text__content {
    padding: 80px 40px;
    width: calc(50% + 40px);
  }
}
@media only screen and (min-width: 1400px) {
  .image-text-block .image-text__content {
    padding-left: 80px;
    padding-right: 180px;
    clip-path: polygon(0 0, 83.55% 0, 100% 100%, 0 100%);
    width: calc(44% + 180px);
  }
}
@media only screen and (min-width: 1600px) {
  .image-text-block .image-text__content {
    padding-left: 80px;
    padding-right: 260px;
    width: calc(44% + 260px);
  }
}
@media only screen and (min-width: 1800px) {
  .image-text-block .image-text__content {
    padding-left: 80px;
    padding-right: 180px;
    width: calc(44% + 180px);
  }
}
.image-text-block .image-text__image {
  flex: 1;
  aspect-ratio: 328/203;
  order: 1;
}
.image-text-block .image-text__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  position: absolute;
}
@media only screen and (min-width: 992px) {
  .image-text-block .image-text__image {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    aspect-ratio: unset;
    width: 40%;
    height: 100%;
  }
  .image-text-block .image-text__image img {
    height: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .image-text-block .image-text__image {
    width: 50%;
    height: 100%;
  }
}
@media only screen and (min-width: 1400px) {
  .image-text-block .image-text__image {
    width: 56%;
  }
}
@media only screen and (min-width: 1600px) {
  .image-text-block .image-text__image {
    aspect-ratio: unset;
  }
}
.image-text-block .image-text__text * {
  color: #ffffff;
}
.image-text-block .image-text__text .image-text__eyebrow {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  font-size: 20px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 8px;
  text-transform: uppercase;
}
.image-text-block .image-text__text h1,
.image-text-block .image-text__text h2 {
  color: #00AEEF;
  margin-bottom: 10px;
  width: 600px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .image-text-block .image-text__text h1,
  .image-text-block .image-text__text h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .image-text-block .image-text__text h1,
  .image-text-block .image-text__text h2 {
    margin-bottom: 30px;
  }
}
.image-text-block .image-text__text h1[style*="text-decoration: underline"], .image-text-block .image-text__text h1[style*="text-decoration:underline"],
.image-text-block .image-text__text h2[style*="text-decoration: underline"],
.image-text-block .image-text__text h2[style*="text-decoration:underline"] {
  text-decoration: none;
  color: #00AEEF;
}
.image-text-block .image-text__text .image-text__meta,
.image-text-block .image-text__text h3 {
  color: #00AEEF;
  font-size: clamp(20px, 2vw, 24px);
  font-style: normal;
  font-weight: 900;
  line-height: clamp(24px, 2.5vw, 30px);
  letter-spacing: clamp(-0.48px, -0.4px + (100vw - 320px) * -0.08 / 1280, -0.4px);
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .image-text-block .image-text__text .image-text__meta,
  .image-text-block .image-text__text h3 {
    margin-bottom: 30px;
  }
}
.image-text-block .image-text__text .image-text__meta > .image-text__date {
  color: #00AEEF;
}
.image-text-block .image-text__button-wrapper {
  display: flex;
  justify-content: flex-start;
}
.image-text-block .image-text__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 768px) {
  .image-text-block .image-text__content {
    gap: 40px;
  }
}
.image-text-block lite-youtube {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  background-color: #000;
  overflow: hidden;
}
.image-text-block lite-youtube::part(playButton) {
  background-image: url("data:image/svg+xml,%3csvg width='77' height='55' viewBox='0 0 77 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M75.2344 9.07812C76.9219 14.9844 76.9219 27.6406 76.9219 27.6406C76.9219 27.6406 76.9219 40.1562 75.2344 46.2031C74.3906 49.5781 71.7188 52.1094 68.4844 52.9531C62.4375 54.5 38.5312 54.5 38.5312 54.5C38.5312 54.5 14.4844 54.5 8.4375 52.9531C5.20312 52.1094 2.53125 49.5781 1.6875 46.2031C0 40.1562 0 27.6406 0 27.6406C0 27.6406 0 14.9844 1.6875 9.07812C2.53125 5.70312 5.20312 3.03125 8.4375 2.1875C14.4844 0.5 38.5312 0.5 38.5312 0.5C38.5312 0.5 62.4375 0.5 68.4844 2.1875C71.7188 3.03125 74.3906 5.70312 75.2344 9.07812ZM30.6562 39.0312L50.625 27.6406L30.6562 16.25V39.0312Z' fill='white' fill-opacity='0.7'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 77px;
  height: 55px;
  filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(2.5px);
  padding: 0;
  transition: all 0.3s ease;
}
.image-text-block lite-youtube::part(playButton)::before {
  border: 0;
}
.image-text-block lite-youtube::part(playButton):hover {
  filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.9));
}
.image-text-block lite-youtube > iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.image-text-block lite-youtube img {
  position: absolute;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.image-text-block .image-text--preview {
  display: grid;
  gap: 1.5rem;
  padding: 1rem;
  border: 1px dashed #ccc;
  border-radius: 0.5rem;
}
.image-text-block .image-text__image-placeholder {
  aspect-ratio: 16/9;
  background-color: #f0f0f0;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}
.image-text-block .image-text__button-preview {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  color: #333;
}

.image-text-wrapper {
  max-width: 1920px;
  margin: 0 auto;
}

/*# sourceMappingURL=image-text-style.css.map */