/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/blocks/media-text.scss ***!
  \***************************************************************************************************************************************************************************/
.section_media_text {
  position: relative;
}
.section_media_text .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 2rem);
}
@media (min-width: 768px) {
  .section_media_text .container {
    flex-direction: row;
  }
}
.section_media_text .section-content,
.section_media_text .section-media {
  width: 100%;
}
@media (min-width: 768px) {
  .section_media_text .section-content,
  .section_media_text .section-media {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .section_media_text .section-media {
    order: 2;
  }
}
.section_media_text .section-tagline {
  font-weight: 500;
  color: var(--dl-secondary);
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .section_media_text .section-tagline {
    font-size: 1rem;
  }
}
.section_media_text .section-text {
  margin-bottom: 1.5rem;
}
.section_media_text .section-text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .section_media_text.align-right .container {
    flex-direction: row-reverse;
  }
}
.section_media_text.background_swirl {
  min-height: 800px;
}
.section_media_text.background_swirl .section-img {
  border-radius: 20px;
  aspect-ratio: 44/40;
  object-fit: cover;
  position: relative;
  z-index: 5;
  width: 440px;
  max-width: 100%;
  height: auto;
}
.section_media_text.background_swirl .background-swirl {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-height: 800px;
  transform: translate(-50%, -50%);
  z-index: -1;
  color: var(--dl-tertiary);
}
@media (max-width: 767.98px) {
  .section_media_text.background_swirl .background-swirl {
    min-width: 800px;
    min-height: max(800px, 100vh);
  }
}
.section_media_text.background_swirl .background-swirl svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .section_media_text.variant_border .container, .section_media_text.variant_border-2 .container {
    flex-direction: column-reverse;
  }
}
@media (prefers-reduced-motion: reduce) {
  .section_media_text.variant_border, .section_media_text.variant_border-2 {
    --x: 0 !important;
    ---y: 0 !important;
  }
}
.section_media_text.variant_border .section-img, .section_media_text.variant_border-2 .section-img {
  border-radius: 20px;
  aspect-ratio: 40/37;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 5;
  --img-translate-x: calc(var(--x) * -2.1);
  --img-translate-y: calc(var(--y) * -2.1);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  object-position: var(--img-translate-x, 0) var(--img-translate-y, 0);
}
@media (max-width: 767.98px) {
  .section_media_text.variant_border .section-img, .section_media_text.variant_border-2 .section-img {
    --img-translate-x: 0 !important;
    --img-translate-y: 0 !important;
  }
}
.section_media_text.variant_border .section-img-wrapper, .section_media_text.variant_border-2 .section-img-wrapper {
  position: relative;
  width: 100%;
  max-width: 400px;
  --shape-translate-x: calc(var(--x) * 0.9);
  --shape-translate-y: calc(var(--y) * 0.9);
}
@media (max-width: 767.98px) {
  .section_media_text.variant_border .section-img-wrapper, .section_media_text.variant_border-2 .section-img-wrapper {
    --shape-translate-x: 0 !important;
    --shape-translate-y: 0 !important;
  }
}
.section_media_text.variant_border .section-img-wrapper::after, .section_media_text.variant_border-2 .section-img-wrapper::after {
  position: absolute;
  z-index: 1;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid var(--dl-secondary);
  border-radius: 20px;
  transform: translate(var(--shape-translate-x, 0), var(--shape-translate-y, 0));
}
.section_media_text.variant_border .section-img-wrapper-inner, .section_media_text.variant_border-2 .section-img-wrapper-inner {
  position: relative;
  aspect-ratio: 40/37;
  overflow: hidden;
  border-radius: 20px;
}
.section_media_text.variant_border .section-img-wrapper-inner img, .section_media_text.variant_border-2 .section-img-wrapper-inner img {
  min-width: 120%;
  min-height: 120%;
}
.section_media_text.variant_border .section-img-wrapper {
  max-width: 96%;
  margin-top: 6%;
}
.section_media_text.variant_border .section-img-wrapper::after {
  top: -6%;
  left: 4%;
}
.section_media_text.variant_border-2 .section-img-wrapper {
  max-width: 96%;
  margin-top: 6%;
  margin-left: 4%;
  --translate-x: calc(var(--x) * -1);
  --translate-y: calc(var(--y) * -1);
}
.section_media_text.variant_border-2 .section-img-wrapper::after {
  top: 6%;
  left: -4%;
}
@media (max-width: 767.98px) {
  .section_media_text.variant_border-2 .section-content {
    margin-top: 1.5rem;
  }
}
.section_media_text.variant_simple-2 .section-img {
  object-fit: contain;
  border-radius: 0;
}

/*# sourceMappingURL=media-text.css.map*/