/* The homepage working portrait keeps its desk context at every screen size. */
.home-page .hero-portrait {
  width: clamp(240px, 40vw, 580px);
  height: auto;
  max-width: 100%;
  aspect-ratio: 10 / 7;
  border-radius: 6px;
}

.home-page .hero-portrait img {
  object-position: center;
  transform: none;
}

@media (max-width: 700px) {
  .home-page .hero-portrait { width: 100%; }
}