/* Case Study Details — composition: invest-hero + invest-abt + how-select + invest-how + footer */

.sc-how-select.mod-case-study-details {
  position: relative;
  z-index: 2;
  padding-top: 8vh;
  padding-bottom: 10vh;
  overflow: visible;
}

.sc-how-select.mod-case-study-details .how-select-item-img-wrap {
  will-change: clip-path, transform;
}

/* Guide is a single invest-how item (wrap-2 alone) — place on row 1 */
.sc-invest-how.mod-case-study-details-guide {
  position: relative;
  z-index: 3;
  padding-top: 6vh;
  padding-bottom: 12vh;
  overflow: visible;
  max-width: none;
}

.sc-invest-how.mod-case-study-details-guide .g-invest-how-item-wrap-2 {
  grid-area: 1 / 2 / 2 / 12;
  margin-bottom: 0;
}

/* Allow list 3D scrub; only pin the content column from old parallax */
.sc-invest-how.mod-case-study-details-guide .invest-how-item-content-wrap {
  transform: none !important;
}

.sc-invest-how.mod-case-study-details-guide .invest-how-item-inner-item-wrap,
.sc-invest-how.mod-case-study-details-guide .invest-how-item-inner-item {
  transform-style: preserve-3d;
}

.sc-invest-hero {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 991px) {
  .sc-how-select.mod-case-study-details {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }

  .sc-invest-how.mod-case-study-details-guide .g-invest-how-item-wrap-2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}