.msp-home-spotlight {
  position: relative;
  overflow: hidden;
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
  background-color: var(--msp-home-spotlight-bg, var(--color-bg));
}

.msp-home-spotlight__background {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.msp-home-spotlight__background::after {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(245, 248, 251, 0.54);
}

.msp-home-spotlight__background-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.msp-home-spotlight--image-top .msp-home-spotlight__background-image {
  object-position: center top;
}

.msp-home-spotlight--image-bottom .msp-home-spotlight__background-image {
  object-position: center bottom;
}

.msp-home-spotlight__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1.75rem, 3vw, 3rem);
  align-items: start;
}

.msp-home-spotlight__inner--has-aside {
  grid-template-columns: minmax(0, 1.45fr) minmax(22rem, 0.95fr);
}

.msp-home-spotlight__main,
.msp-home-spotlight__aside {
  min-width: 0;
}

.msp-home-spotlight__main {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.msp-home-spotlight__aside {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.msp-home-spotlight .block {
  margin: 0;
}

@media (max-width: 63.9375rem) {
  .msp-home-spotlight {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .msp-home-spotlight__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media (max-width: 40rem) {
  .msp-home-spotlight {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .msp-home-spotlight__background-image {
    transform: scale(1.12);
  }
}