.casestudy-hero-block {
  position: relative;
  overflow: hidden;
  height: 90vh;
  max-height: 1080px;
}
.casestudy-hero-block picture {
  display: block;
  position: relative;
  z-index: 0;
  height: 100%;
  max-height: 90vh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom;
}
.casestudy-hero-block picture img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 90vh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom;
}
.casestudy-hero-block.has-gradient-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--casestudy-hero-gradient-mobile, var(--casestudy-hero-gradient, none));
  pointer-events: none;
}
@media (min-width: 600px) {
  .casestudy-hero-block.has-gradient-overlay::before {
    background: var(--casestudy-hero-gradient, none);
  }
}
.casestudy-hero-block .casestudy-hero-block__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: var(--ms6) var(--rem-spacer);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: var(--ms1);
  justify-content: center;
}
@media (min-width: 600px) {
  .casestudy-hero-block .casestudy-hero-block__content {
    padding: var(--ms4) var(--ms2) var(--ms2) 0;
    left: calc(50% + var(--ms4) / 2);
    bottom: 0;
  }
}
.casestudy-hero-block .casestudy-hero-block__content .casestudy-hero-block__content-inner {
  font-size: var(--ms1);
  font-family: var(--font-family-display) !important;
  margin-top: auto;
  margin-bottom: auto;
}
@media (min-width: 1280px) {
  .casestudy-hero-block .casestudy-hero-block__content .casestudy-hero-block__content-inner {
    font-size: var(--ms2);
  }
}
.casestudy-hero-block .casestudy-hero-block__content .casestudy-hero-block__content-inner .casestudy-hero-block__content-description {
  margin-bottom: 0;
}
.casestudy-hero-block .services-button-feed {
  display: none;
}
@media (min-width: 1280px) {
  .casestudy-hero-block .services-button-feed {
    display: block;
  }
}
.casestudy-hero-block .services-button-feed .services-button-feed__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ms0);
  list-style: none;
  padding: 0;
  margin: 0;
}
/*# sourceMappingURL=style.css.map */