.avatar{background:var(--color-ink);color:var(--color-bg);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.avatar--sm{width:40px;height:40px;font-size:1rem}.avatar--md{width:64px;height:64px;font-size:1.5rem}.avatar--lg{aspect-ratio:1;width:100%;font-size:clamp(2.5rem,12vw,5rem)}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__initials{font-family:var(--font-display),"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:inherit;letter-spacing:.01em;text-transform:uppercase;color:var(--color-primary);line-height:1}