.home-hero {
  --hero-glow-x: 78%;
  --hero-glow-y: 34%;
  background:
    radial-gradient(circle at var(--hero-glow-x) var(--hero-glow-y), rgba(226, 153, 198, .72) 0, rgba(244, 188, 221, .46) 24%, rgba(255, 249, 252, .3) 48%, transparent 68%),
    linear-gradient(120deg, #fff 0%, #fff9fc 42%, #f4bcdd 100%);
}

.home-hero .hero-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .55fr);
}

.home-hero .portrait {
  width: min(100%, 21rem);
  aspect-ratio: 4 / 5;
  border-radius: 2rem;
  border-width: 10px;
}

.home-hero .portrait img {
  object-position: center 42%;
}

@media (max-width: 800px) {
  .home-hero .hero-grid {
    grid-template-columns: 1fr;
  }

  .home-hero .portrait {
    width: min(72vw, 19rem);
  }
}