/* Portrait-only release slice. Keep the shared app and every other member untouched. */
:is(
  .profile-photo-wall button,
  .album-grid figure
):has(
  img.avatar-crop-image[src*="/member-portrait-3x4/20260825T223332Z/"]
) {
  min-height: 0;
  aspect-ratio: 3 / 4;
  background: #080706;
}

/* The versioned assets are already composed at 3:4. Avoid another crop while
   retaining the existing per-photo AvatarImage transform/focal controls. */
:is(
  .profile-cover,
  .generated-member-card.has-photo,
  .profile-photo-wall button,
  .album-grid figure
):has(
  img.avatar-crop-image[src*="/member-portrait-3x4/20260825T223332Z/"]
) img.avatar-crop-image {
  object-position: center center;
}

@media (max-width: 760px) {
  /* The app normally promotes the first preview to a wide tile. These four
     portraits remain editorial portrait tiles instead of becoming letterboxed. */
  .profile-album-priority-panel .profile-photo-wall button:first-child:has(
    img.avatar-crop-image[src*="/member-portrait-3x4/20260825T223332Z/"]
  ) {
    grid-column: 1 / -1;
    width: min(72vw, 300px);
    justify-self: center;
    aspect-ratio: 3 / 4;
  }
}