.avatar{background:radial-gradient(circle at 30% 25%, #fff3, transparent 60%), var(--accent);color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;transition:box-shadow .16s;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026}.avatar img{object-fit:cover;width:100%;height:100%}.avatar__initials{font-family:var(--serif);letter-spacing:.02em;text-box:trim-both cap alphabetic;font-style:italic;font-weight:500;line-height:1}@supports not (text-box:trim-both cap alphabetic){.avatar__initials{transform:translateY(.07em)}}