/* stylelint-disable order/order */
/* stylelint-enable order/order */
/****************
 * Fonts
 ****************/
/****************
 * Paints
 ****************/
/****************
 * Effects
 ****************/
/****************
 * Grid Settings
 ****************/
.block-hero-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: clamp(5.5rem, -0.5722891566rem + 12.6506024096vw, 10.75rem) 0 clamp(5.5rem, 1.4518072289rem + 8.4337349398vw, 9rem) 0;
  background: linear-gradient(328.56deg, #d0cde4 18.55%, #ededf3 56.64%, #e7e6ef 100.21%, #e2ddee 125.31%);
}
.block-hero-content__content-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 3rem;
}
@media (min-width: 48rem) {
  .block-hero-content__content-col {
    max-width: 33rem;
    margin-right: auto;
    margin-bottom: 0;
  }
}
.block-hero-content__figure {
  position: relative;
  max-width: 40rem;
}
@media (min-width: 48rem) {
  .block-hero-content__figure {
    margin: auto;
  }
}
.block-hero-content__image-wrapper {
  z-index: 2;
  width: 100%;
  transition: opacity 0.8s ease-in-out;
}
.block-hero-content__image {
  width: 100%;
  clip-path: url(#hexagon);
}
.block-hero-content__content > .c-btn:last-child {
  margin-bottom: 0;
}