.wv-journey-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 10px;
  padding: 24px;
}

[data-timeline] .wv-journey-card {
  overflow: hidden;
  border-radius: 18px;
  padding: 0;
}

[data-timeline] .wv-journey-card > div:first-child {
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
}

[data-timeline] .wv-journey-card > div:first-child img {
  object-position: 50% 50%;
}

[data-timeline] > ol > li:nth-child(1) .wv-journey-card > div:first-child img {
  object-position: 50% 52%;
}

[data-timeline] > ol > li:nth-child(3) .wv-journey-card > div:first-child img {
  object-position: 50% 50%;
}

[data-timeline] > ol > li:nth-child(4) .wv-journey-card > div:first-child img {
  object-position: 50% 16%;
}

[data-timeline] > ol > li:nth-child(5) .wv-journey-card > div:first-child img {
  object-position: 50% 28%;
}

[data-timeline] > ol > li:nth-child(6) .wv-journey-card > div:first-child img {
  object-position: 50% 30%;
}

[data-timeline] > ol > li:nth-child(1) {
  order: 1;
}

[data-timeline] > ol > li:nth-child(2) {
  order: 2;
}

[data-timeline] > ol > li:nth-child(4) {
  order: 3;
}

[data-timeline] > ol > li:nth-child(3) {
  order: 4;
}

[data-timeline] > ol > li:nth-child(5) {
  order: 5;
}

[data-timeline] > ol > li:nth-child(6) {
  order: 6;
}

@media (min-width: 1024px) {
  [data-timeline] > [data-timeline-line],
  [data-timeline] [data-timeline-dot] {
    display: none;
  }

  [data-timeline] > ol {
    display: flex;
    flex-direction: column;
    gap: 96px;
  }

  [data-timeline] > ol > li {
    position: relative;
    width: 100%;
    min-width: 0;
  }

  [data-timeline] > ol > li > div,
  [data-timeline] > ol > li > div > div {
    display: block;
    width: 100%;
    padding-left: 0;
  }

  [data-timeline] .wv-journey-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 0;
    min-height: 0;
  }

  [data-timeline] .wv-journey-card > div:first-child {
    grid-column: 1;
    grid-row: 1;
    height: auto;
    min-height: clamp(340px, 31vw, 460px);
    aspect-ratio: auto;
    align-self: stretch;
  }

  [data-timeline] .wv-journey-card > .wv-journey-copy {
    grid-column: 2;
    grid-row: 1;
    gap: 18px;
    padding: clamp(30px, 4vw, 56px);
  }

  [data-timeline] > ol > li:nth-child(2) .wv-journey-card,
  [data-timeline] > ol > li:nth-child(3) .wv-journey-card,
  [data-timeline] > ol > li:nth-child(6) .wv-journey-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-timeline] > ol > li:nth-child(2) .wv-journey-card > div:first-child,
  [data-timeline] > ol > li:nth-child(3) .wv-journey-card > div:first-child,
  [data-timeline] > ol > li:nth-child(6) .wv-journey-card > div:first-child {
    grid-column: 2;
  }

  [data-timeline] > ol > li:nth-child(2) .wv-journey-card > .wv-journey-copy,
  [data-timeline] > ol > li:nth-child(3) .wv-journey-card > .wv-journey-copy,
  [data-timeline] > ol > li:nth-child(6) .wv-journey-card > .wv-journey-copy {
    grid-column: 1;
  }

  [data-timeline] > ol > li:not(:nth-child(6))::before {
    position: absolute;
    top: calc(100% + 16px);
    left: calc(50% - 2px);
    width: 4px;
    height: 56px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgb(255 61 0 / 25%), var(--color-wevol-orange, #ff3d00));
    box-shadow: 0 0 12px rgb(255 61 0 / 45%);
    content: "";
  }

  [data-timeline] > ol > li:not(:nth-child(6))::after {
    position: absolute;
    top: calc(100% + 68px);
    left: calc(50% - 8px);
    border: 8px solid transparent;
    border-top-color: var(--color-wevol-orange, #ff3d00);
    content: "";
    filter: drop-shadow(0 0 6px rgb(255 61 0 / 55%));
  }
}

@media (max-width: 639px) {
  .wv-journey-copy {
    padding: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  [data-timeline] .wv-journey-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    min-height: 0;
  }

  [data-timeline] > ol > li:nth-child(2) .wv-journey-card,
  [data-timeline] > ol > li:nth-child(3) .wv-journey-card,
  [data-timeline] > ol > li:nth-child(6) .wv-journey-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}