.public-hero-media {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.public-home-visual {
  position: relative;
  overflow: hidden;
  aspect-ratio: 8 / 5;
  border: 1px solid #d6dff0;
  border-radius: 1.4rem;
  background:
    radial-gradient(circle at 68% 30%, rgba(36, 73, 216, .2), transparent 42%),
    linear-gradient(135deg, #e7edff, #f7f9ff 58%, #dce7ff);
}

.public-home-visual > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% center;
}

.public-home-visual::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(23, 37, 84, .2), rgba(23, 37, 84, .02) 54%, rgba(36, 73, 216, .13));
}

@media (max-width: 850px) {
  .public-home-visual { max-height: 24rem; }
}

@media (max-width: 560px) {
  .public-home-visual { border-radius: 1rem; }
}