.k4y-person-placeholder {
    display: grid;
    position: relative;
    width: 100%;
    height: 100%;
    place-items: center;
    background: linear-gradient(145deg, var(--k-wash, #f8f7fe), var(--k-soft, #eee8ff));
    color: var(--k-purple, #6424c2);
    font-family: system-ui, sans-serif;
}
.k4y-person-silhouette {
    width: 78%; max-width: 162px; aspect-ratio: 1; display: block;
    background-color: #8165ac;
    -webkit-mask: url("/_site/person-silhouettes/neutral.svg") center / contain no-repeat;
    mask: url("/_site/person-silhouettes/neutral.svg") center / contain no-repeat;
}
.site_s2.theme-dark .k4y-person-silhouette { background-color: #b29aca; }
.k4y-person-sign { position: absolute; bottom: 8%; color: var(--k-muted, #625c72); font-size: 12px; font-weight: 750; letter-spacing: -.055em; line-height: 1; }
.k4y-person-sign b { color: var(--k-purple, #6424c2); }
.site_s2 .k4y-page { --k4y-text: var(--k-ink); --k4y-surface: var(--k-paper); --k4y-border: var(--k-line); --k4y-accent: var(--k-purple); }
.site_s2 .k4y-directory-form button { background: var(--k-action); }
.site_s2 .k4y-directory-form :is(input,select) { background: var(--k-paper) !important; color: var(--k-ink); border-color: var(--k-line) !important; }
.site_s2 .k4y-directory :is(label,.k4y-directory-count) { color: var(--k-muted); }
.site_s2 .k4y-directory :is(.k4y-actor-photo,.k4y-directory-alphabet,.k4y-directory-pages a,.k4y-directory-alphabet a) { border-color: var(--k-line); }
.site_s2 .k4y-directory :is(.k4y-directory-pages,.k4y-directory-alphabet) a { color: var(--k-ink); }
.site_s2 .k4y-directory a[aria-current] { background: var(--k-soft); border-color: var(--k-purple); }
.site_s2 .k4y-directory :focus-visible { outline-color: var(--k-purple); }