@media screen and (max-width: 767px) {
  #webpeak-journey.has-mobile-journey .timeline_component {
    padding-inline: 20px;
  }

  #webpeak-journey.has-mobile-journey .timeline_content {
    display: block;
  }

  #webpeak-journey.has-mobile-journey .timeline_content-left {
    z-index: auto;
    margin-bottom: 32px;
  }

  #webpeak-journey.has-mobile-journey .timeline_progress,
  #webpeak-journey.has-mobile-journey .timeline_circle-wrapper {
    display: none;
  }

  .journey-mobile-runway {
    position: relative;
    width: 100%;
  }

  .journey-mobile-scene {
    position: sticky;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .journey-mobile-runway.is-returning .journey-mobile-scene {
    position: relative;
    top: 0 !important;
  }

  #webpeak-journey.has-mobile-journey .timeline_content-right {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin: 0;
    padding: 0 !important;
    width: 100%;
    overflow: clip;
    border-radius: 24px;
  }

  #webpeak-journey.has-mobile-journey .timeline_row {
    grid-area: 1 / 1;
    min-width: 0;
    display: flex;
    will-change: transform;
  }

  #webpeak-journey.has-mobile-journey .timeline_item {
    width: 100%;
    margin: 0;
    padding: 22px;
    border-radius: 24px;
    opacity: 1;
    transform: none;
    transition: none;
    box-shadow: inset 0 0 22px rgba(207, 227, 238, .72);
  }

  #webpeak-journey.has-mobile-journey .timeline_heading {
    font-size: clamp(24px, 6.4vw, 30px);
    line-height: 1.12;
  }

  #webpeak-journey.has-mobile-journey .timeline_item p {
    font-size: 16px;
    line-height: 1.5;
  }

  #webpeak-journey.has-mobile-journey .webpeak-scroll-video.is-journey {
    display: block;
    margin: 0;
    height: auto;
  }

  #webpeak-journey.has-mobile-journey .webpeak-scroll-video_frame {
    width: var(--journey-mountain-size);
    height: var(--journey-mountain-size);
    max-width: 100%;
    opacity: 1 !important;
    transform: none !important;
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(75, 98, 114, .12);
  }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: reduce) {
  #webpeak-journey .webpeak-scroll-video.is-journey { display: block; }
  #webpeak-journey .timeline_item { opacity: 1; transform: none; transition: none; }
}