/* Portrait-only overrides for the selected Amedeo image. */
.hero-art.hero-portrait {
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: visible;
  pointer-events: none;
}

.hero-art.hero-portrait img {
  width: auto;
  height: 94%;
  max-width: 56%;
  object-fit: contain;
  object-position: center bottom;
  margin: 0 2.5% 0 0;
  transform: translateY(-5%);
  mask-image: none;
  -webkit-mask-image: none;
}

.portrait img[src*="amedeo-transparent.webp"] {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  object-position: center top;
  transform: translateY(-5%);
}

.contact-photo[src*="amedeo-transparent.webp"] {
  background: #111a2c;
}

@media (max-width: 800px) {
  .hero-art.hero-portrait {
    position: relative;
    inset: auto;
    width: 100%;
    height: clamp(290px, 82vw, 380px);
    z-index: 0;
    justify-content: center;
  }

  .hero-art.hero-portrait img {
    width: auto;
    height: 100%;
    max-width: 100%;
    margin: 0;
    transform: translateY(-4%);
  }
}