.portrait-ink{--ink-x:50%;--ink-y:50%;--ink-r:0%;display:block;position:relative;width:64px;height:64px;padding:0;margin:0 0 26px;border:0;border-radius:4px;background:transparent;isolation:isolate;cursor:pointer;z-index:2}
.story .portrait-ink .me-portrait{display:block;width:100%;height:100%;margin:0;border-radius:inherit;object-fit:cover;filter:saturate(.2)}
.portrait-ink-wash{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:transparent;mask-image:radial-gradient(ellipse at var(--ink-x) var(--ink-y),#000 0%,#000 calc(var(--ink-r) * .65),transparent var(--ink-r));pointer-events:none}
.portrait-ink-wash img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:none;opacity:1}
.portrait-ink-drop{display:none;position:absolute;left:var(--cursor-x,50%);top:var(--cursor-y,50%);width:8px;height:10px;border-radius:60% 40% 55% 45%;background:#ffffff26;border:1px solid #fffdf5;box-shadow:0 1px 3px #17212966;transform:translate(-50%,-50%) rotate(-25deg);pointer-events:none}
@media(hover:hover) and (pointer:fine){.portrait-ink.ink-hovering{cursor:none}.portrait-ink.ink-hovering .portrait-ink-drop{display:block}}
@media(max-width:480px){.portrait-ink{width:56px;height:56px;margin-bottom:22px}}
/* Keep the portrait alongside the opening lines of the bio. */
.story .personal-note{position:relative}
.story .personal-note .portrait-ink{position:absolute;top:0;right:0;margin:0}
.story .personal-note .personal-intro > h1,
.story .personal-note .personal-intro > .lead{padding-right:88px}
@media(max-width:480px){
 .story .personal-note .personal-intro > h1,
 .story .personal-note .personal-intro > .lead{padding-right:76px}
}