/* One reversible crop for all portraits, including originals with circular edges. */
.crg-person__trigger { white-space: normal; }
.crg-person__meta { overflow-wrap: anywhere; }
.crg-person__portrait { aspect-ratio: 1; border-radius: 50%; background: var(--crg-mist-soft); }
.crg-person__portrait img { aspect-ratio: 1; border-radius: 50%; object-fit: cover; object-position: center; filter: none; outline: none; transform: none; }
.crg-person__trigger:is(:hover, :focus-visible) { background: transparent; color: var(--crg-blue-deep); }
.crg-person__trigger:is(:hover, :focus-visible) .crg-person__portrait img { filter: none; transform: none; }
.crg-person__trigger:is(:hover, :focus-visible) .crg-person__meta { border-color: var(--crg-blue-deep); }
.crg-person__trigger:is(:hover, :focus-visible) .crg-person__meta strong { color: var(--crg-blue-deep); text-decoration: underline; text-underline-offset: .2em; }
.crg-person__trigger:is(:hover, :focus-visible) .crg-person__arrow { color: var(--crg-blue-deep); }
.crg-profile-dialog__portrait { width: min(72%, 320px); aspect-ratio: 1; margin: 32px auto 0; border-radius: 50%; overflow: hidden; }
.crg-profile-dialog__portrait img { aspect-ratio: 1; object-position: center; filter: none; }
.crg-person-detail__hero figure { width: 100%; max-width: 400px; aspect-ratio: 1; border-radius: 50%; background: var(--crg-mist-soft); }
.crg-person-detail__hero img { aspect-ratio: 1; object-position: center; }