.portrait {
  aspect-ratio: 4 / 5;
  background: var(--panel);
  margin: 0 0 24px;
  overflow: hidden;
  position: relative;
}

.portrait::after {
  background: var(--gold);
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
}

.portrait img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: 50% 38%;
  width: 100%;
}

@media (max-width: 760px) {
  .hero-aside .portrait {
    aspect-ratio: 5 / 4;
    grid-column: 1 / -1;
    margin-bottom: 12px;
    max-height: 300px;
  }

  .hero-aside .portrait img {
    object-position: 50% 35%;
  }
}

@media print {
  .portrait {
    display: none;
  }
}