/* Stable flow layout for home slider slides 2-4.
   Text blocks are kept in document flow so translated or wrapped copy cannot
   overlap. The approved first-slide layout remains unchanged. */
@media (min-width: 681px) {
  .source-slider.is-experience-slide .source-slider-stage {
    height: 100%;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-copy {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 32px 48px;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-title,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-lead,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-meta,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-button {
    box-sizing: border-box;
    position: relative !important;
    inset: auto !important;
    width: min(600px, calc(100% - 560px));
    max-width: 100%;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-title {
    margin: 0;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-lead {
    margin-top: 22px;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-meta {
    margin-top: 14px;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-button {
    width: max-content;
    margin-top: 26px;
  }
}

@media (min-width: 681px) and (max-width: 1220px) {
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-copy {
    padding-left: clamp(28px, 4.4vw, 48px);
    padding-right: 24px;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-title,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-lead,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-meta {
    width: clamp(320px, 44vw, 560px);
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-title {
    font-size: clamp(36px, 4.1vw, 46px);
    line-height: 1.1;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-lead {
    font-size: clamp(19px, 2.15vw, 23px);
    line-height: 1.34;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-meta {
    font-size: clamp(15px, 1.55vw, 17px);
    line-height: 1.42;
  }

  .source-slider-slide-2 .source-slider-figure {
    width: clamp(720px, 70vw, 840px);
    right: clamp(-240px, -15vw, -160px);
  }

  .source-slider-slide-3 .source-slider-figure {
    width: clamp(410px, 48vw, 550px);
    right: -116px;
  }

  .source-slider-slide-4 .source-slider-figure {
    width: clamp(820px, 80vw, 1000px);
    right: clamp(-280px, -18vw, -210px);
  }
}

@media (min-width: 681px) and (max-width: 760px) {
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-copy {
    padding-top: 72px;
    padding-bottom: 76px;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-title,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-lead,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-meta {
    width: min(340px, calc(100vw - 300px));
    min-width: 320px;
  }
}

@media (max-width: 680px) {
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-copy {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .source-slider-slide:not(.source-slider-slide-1) .source-slider-title,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-lead,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-meta,
  .source-slider-slide:not(.source-slider-slide-1) .source-slider-button {
    flex: 0 0 auto;
  }

  .source-slider-slide-3 .source-slider-figure {
    bottom: -24px;
  }
}