/* Career story: media uses the full editorial canvas on desktop. */
.wadiz-slide img {
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  background: transparent;
}

@media (min-width: 761px) {
  .story-panel .story-copy > p:not(.panel-index):not(.story-result),
  .story-panel .story-copy .story-result {
    max-width: none;
  }

  .story {
    padding-top: clamp(64px, 7vw, 110px);
    padding-bottom: clamp(64px, 7vw, 110px);
  }

  .story > h2 {
    margin: clamp(42px, 5vw, 68px) 0 clamp(42px, 4vw, 56px);
  }

  .timeline,
  .stage {
    height: 124px;
  }

  .story-card {
    padding-top: clamp(46px, 5vw, 72px);
  }

  .story-panel {
    row-gap: clamp(42px, 4vw, 64px);
  }

  .story-panel .story-media,
  .story-panel .wadiz-media,
  .story-panel .roof-media {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch;
  }

  .monster-media {
    padding: 0;
  }

  .story-panel .monster-media {
    width: 80% !important;
    justify-self: center;
  }

  .wadiz-track,
  .roof-track {
    width: 100%;
  }

  .wadiz-slide {
    flex-basis: clamp(360px, 31vw, 560px);
  }

  .roof-slide {
    flex-basis: min(980px, 64%);
  }
}

@media (max-width: 760px) {
  .story {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .story-card {
    padding-top: 36px;
  }

  .story-panel {
    gap: 28px;
  }
}