.intro_split {
  --inlinerow_space: 0.7rem;
  --intro_split_bg: #e6f2ef;
  --intro_split_gap: clamp(1.5rem, 4vw, 4rem);
  --intro_split_inner_max: var(--wrapper_width);
  container-type: inline-size;
  background-color: var(--intro_split_bg);
  padding-bottom: var(--space_l);
}
[data-theme=dark] .intro_split {
  --intro_split_bg: #151717;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .intro_split {
    --intro_split_bg: #151717;
  }
}
.intro_split:where([data-width=full], .intro_split_full) {
  --intro_split_inner_max: none;
}
.intro_split_inner {
  display: grid;
  align-items: center;
  gap: var(--intro_split_gap);
  max-width: var(--intro_split_inner_max);
  margin-inline: auto;
  padding-top: var(--space_m);
  padding-inline: var(--wrapper_space);
}
.intro_split_media {
  position: relative;
  min-width: 0;
  margin: 0;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.intro_split_media > :not(meta) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.intro_split_media picture,
.intro_split_media img,
.intro_split_media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.intro_split_media .slider,
.intro_split_media .slider_container,
.intro_split_media .slider_track_container,
.intro_split_media .slider_track,
.intro_split_media .slide {
  width: 100%;
  min-width: 100%;
  height: 100%;
}
.intro_split .intro_split_media .media_cut {
  height: 100%;
}
.intro_split .intro_split_media .media_cut > :is(picture, img),
.intro_split .intro_split_media .media_cut img {
  height: 100%;
  object-fit: cover;
}
.intro_split .intro_split_media.video {
  width: auto;
}
.intro_split .intro_split_media > .video_deco_controler {
  inset: auto var(--control_gap) var(--control_gap) auto;
  width: 38px;
  height: 38px;
}
.intro_split_placeholder {
  aspect-ratio: 3/2;
}
.intro_split_content {
  min-width: 0;
}
@media (max-width: 1018px) {
  .intro_split .intro_split_placeholder {
    display: none;
  }
}
@media (min-width: 1020px) {
  .intro_split .intro_split_inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  .intro_split .intro_split_media {
    aspect-ratio: auto;
    min-height: clamp(20rem, 30vw, 34rem);
  }
  .intro_split .intro_split_content {
    align-self: center;
  }
  .intro_split:where([data-side=right], .intro_split_right) .intro_split_media {
    order: 2;
  }
}

.intro_split_slider {
  --slider_autoplay_interval: 5000;
}