/* v114: give the photo room to breathe and keep the active specialty action inside its panel. */
.studio[data-page="/"] #expertise.has-showcase .expertise-visual {
  background: #dfe8eb;
  outline: 1px solid rgba(16, 45, 61, .12);
  outline-offset: -1px;
}

.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(.95);
  transition: opacity .48s cubic-bezier(.2, .75, .25, 1),
    transform .62s cubic-bezier(.2, .75, .25, 1), filter .48s ease;
}

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

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

@media (min-width: 721px) {
  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109 .expertise-showcase.expertise-scroll-story {
    column-gap: clamp(30px, 3.1vw, 46px);
  }

  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage {
    position: relative;
    border: 1px solid transparent;
    border-left: 3px solid transparent;
    transition: grid-template-rows .62s cubic-bezier(.2, .75, .25, 1),
      background-color .38s ease, border-color .38s ease, box-shadow .42s ease;
  }

  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active {
    padding: clamp(8px, 1vw, 12px) 0 clamp(66px, 7.2vh, 82px);
    border-color: rgba(16, 45, 61, .14);
    border-left-color: #c51f36;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 13px 30px rgba(16, 45, 61, .065);
    overflow: hidden;
  }

  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active > .expertise-choice,
  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active > .expertise-choice:hover {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active > .expertise-detail-link {
    position: absolute;
    right: clamp(18px, 2.2vw, 28px);
    bottom: clamp(14px, 1.6vh, 20px);
    left: calc(27px + clamp(40px, 4.2vw, 54px) + 14px);
    justify-self: start;
    width: fit-content;
    min-height: 42px;
    margin: 0;
    animation: expertise-action-arrive-v114 .38s cubic-bezier(.2, .75, .25, 1) both;
  }
}

@media (min-width: 721px) and (max-width: 980px) {
  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109 .expertise-showcase.expertise-scroll-story {
    column-gap: clamp(18px, 2.4vw, 24px);
  }

  .studio[data-page="/"] #expertise.has-showcase.expertise-pin-story.expertise-layout-v109.expertise-merged-v113 .expertise-choice-stage.is-active > .expertise-detail-link {
    right: 14px;
    bottom: 12px;
    left: 70px;
    min-height: 38px;
  }
}

@keyframes expertise-action-arrive-v114 {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 720px) {
  .studio[data-page="/"] #expertise.has-showcase.expertise-merged-v113 .expertise-choice-stage.is-active {
    padding-bottom: 5px;
    box-shadow: 0 8px 22px rgba(16, 45, 61, .045);
  }

  .studio[data-page="/"] #expertise.has-showcase.expertise-merged-v113 .expertise-choice-stage.is-active > .expertise-detail-link {
    margin-bottom: 8px;
  }
}

@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 {
    transition: none !important;
    transform: scale(.97) !important;
  }

  .studio[data-page="/"] #expertise.has-showcase .expertise-choice-stage {
    transition: none !important;
  }

  .studio[data-page="/"] #expertise.has-showcase .expertise-choice-stage.is-active > .expertise-detail-link {
    animation: none !important;
  }
}