/* v115: soften the photo crop and keep the call to action with its copy. */
.studio[data-page="/"] #expertise.has-showcase .expertise-visual > img.expertise-current-image,
.studio[data-page="/"] #expertise.has-showcase .expertise-visual > img.expertise-previous-image {
  transform: scale(.93);
}

.studio[data-page="/"] #expertise.has-showcase .expertise-feature.is-switching .expertise-visual > img.expertise-current-image {
  transform: scale(.985);
}

.studio[data-page="/"] #expertise.has-showcase .expertise-visual > img.expertise-previous-image.is-fading {
  transform: scale(.93);
}

@media (min-width: 721px) {
  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(18px, 2.3vh, 28px) 0;
  }

  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active > .expertise-choice {
    flex: 0 0 auto;
    height: auto;
  }

  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active > .expertise-detail-link {
    position: relative;
    inset: auto;
    align-self: flex-start;
    width: fit-content;
    max-width: calc(100% - 81px);
    margin: 12px 0 0 calc(27px + clamp(40px, 4.2vw, 54px) + 14px);
  }
}

@media (min-width: 721px) and (max-width: 980px) {
  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active > .expertise-detail-link {
    max-width: calc(100% - 84px);
    margin-left: 70px;
    margin-top: 10px;
  }
}

@media (max-width: 720px) {
  .studio[data-page="/"] #expertise.has-showcase .expertise-visual > img.expertise-current-image,
  .studio[data-page="/"] #expertise.has-showcase .expertise-visual > img.expertise-previous-image {
    transform: scale(.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  .studio[data-page="/"] #expertise.has-showcase .expertise-visual > img.expertise-current-image,
  .studio[data-page="/"] #expertise.has-showcase .expertise-visual > img.expertise-previous-image,
  .studio[data-page="/"] #expertise.has-showcase .expertise-feature.is-switching .expertise-visual > img.expertise-current-image {
    transform: scale(.93) !important;
  }
}