/* Keep rules scoped; size and position .living-portrait in your own hero layout. */
.living-portrait { width: min(100%, 540px); aspect-ratio: 1; cursor: pointer; }
.living-portrait:focus-visible { outline: 2px solid #b69aff; outline-offset: 6px; border-radius: 24px; }
.living-portrait > img {
  display: block; width: 100%; height: 100%; object-fit: contain;
  user-select: none; -webkit-user-drag: none; pointer-events: none;
  transition: none !important; animation: none !important;
}