.ssu-explore-tile {
  position: relative;
  overflow: hidden;
  min-height: 200px;
}

.ssu-explore-tile__background,
.ssu-explore-tile__mask,
.ssu-explore-tile__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-in-out;
}

.ssu-explore-tile__background {
  z-index: 1;
}

.ssu-explore-tile__background .media {
  width: 100%;
  height: 100%;
}

.ssu-explore-tile__background img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.8s ease-in-out;
}

@media (prefers-reduced-motion: no-preference) {
  .ssu-explore-tile:hover .ssu-explore-tile__background img {
    transform: scale(1.1);
  }
}

.ssu-explore-tile__mask {
  z-index: 2;
}

.ssu-explore-tile__mask {
  background: rgba(7, 41, 77, 0.4);
}

.ssu-explore-tile__mask.solid  {
  mask-image: radial-gradient(
    circle at left center,
    rgba(0,0,0,1) 70%,
    rgba(0,0,0,0) 100%
  );
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}


.ssu-explore-tile__body {
  z-index: 3;
}

.ssu-explore-tile__body-eyebrow {
  font-size: 1rem;
  letter-spacing: 0.05em;
}

.ssu-explore-tile__body-eyebrow {
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.ssu-explore-tile__body-title {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.ssu-explore-tile__body-title a span {
  letter-spacing: 0.05em;
  text-decoration-color: var(--bs-ssu-blue-light) !important;
}