
.khg-featured-block #mask-shape-top {
  z-index: 6;
}

.khg-featured-block.image-background {
  display: flex;
  align-items: flex-end;
  min-height: 52.5rem;
  overflow: hidden;
}


/*** Background Layout ***/
.khg-featured-block.image-background .page-block-wrapper {
  padding: 2.5rem 4rem;
  position: relative;
  z-index: 10;
}
.khg-featured-block.image-background .flex-end {
  justify-content: flex-end;
}



/*** Round Image Layout ***/
.khg-featured-block.image-sphere .page-block-wrapper {
  align-items: center;
  padding: 3.75rem 2.5rem;
}
.khg-featured-block.image-sphere .flex-start {
  flex-direction: row-reverse;
}



.khg-featured-block .featured-image-wrapper img {
  height: 100%;
  object-fit: cover;
}
.khg-featured-block .featured-image-wrapper.background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 5px;
}
.khg-featured-block .featured-image-wrapper .round-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}
  .khg-featured-block .featured-image-wrapper .round-image img {
    border-radius: 50%;
    position: absolute;
    top: 0;
  }



.khg-featured-block.image-sphere .featured-text-wrapper {
  padding: 0 1.875rem;
}

.khg-featured-block .featured-title {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
/*.khg-featured-block .featured-text,
.khg-featured-block .featured-text > * {
  font-size: 1.25rem;
}*/
  .khg-featured-block.image-background .featured-text {
    font-weight: 500;
  }
.khg-featured-block .featured-link {
  display: inline;
  font-size: 1.25rem;
  font-weight: 800;
}
  .khg-featured-block.image-sphere .featured-link {
    color: var(--color-secondary);
    display: block;
    margin-top: 1rem;
  }


/*****/
@media all and (max-width: 1439px) {
  .khg-featured-block.image-background .page-block-wrapper,
  .khg-featured-block.image-sphere .page-block-wrapper {
    padding-left: 1.9375rem;
    padding-right: 1.9375rem;
  }
}

@media all and (max-width: 1199px) {
  .khg-featured-block.image-background {
    min-height: 40rem;
  }
  .khg-featured-block .featured-title {
    font-size: 2.25rem;
  }
  .khg-featured-block .featured-text,
  .khg-featured-block .featured-text > *,
  .khg-featured-block .featured-link {
    font-size: 1.125rem;
  }
}

@media all and (max-width: 1023px) {
  .khg-featured-block.image-sphere .page-block-wrapper {
    gap: 3rem;
    justify-content: center;
  }
  .khg-featured-block.image-sphere .featured-image-wrapper {
    max-width: 460px;
  }
  .khg-featured-block.image-sphere .featured-text-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (max-width: 823px) {
  .khg-featured-block .bg-mask {
    display: none;
  }

  .khg-featured-block .featured-text-wrapper.text-light {
    color: var(--color-dark);
  }
  .khg-featured-block .featured-link {
    color: var(--color-secondary);
  }

  /*** Background Layout ***/
  .khg-featured-block.image-background {
    flex-direction: column;
  }
  .khg-featured-block .featured-image-wrapper.background {
    height: 92vw;
    position: relative;
  }
  .khg-featured-block.image-background .featured-text {
    font-weight: 300;
  }
}

@media all and (max-width: 639px) {
  .khg-featured-block .featured-title {
    font-size: 1.875rem;
  }

  /*** Background Layout ***/
  .khg-featured-block.image-background .page-block-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  /*** Round Image Layout ***/
  .khg-featured-block.image-sphere .page-block-wrapper {
    gap: 1.5rem;
    padding-top: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 2rem;
  }
    .khg-featured-block.image-sphere .featured-image-wrapper {
      max-width: 100vw;
    }
      .khg-featured-block .featured-image-wrapper .round-image {
        height: 150vw;
        width: 150vw;
        left: calc(-1.5rem - 25vw);
      }
}
