/* Online status beside the header portrait. */
body .header-portrait{position:relative;overflow:visible}
body .header-portrait>i{display:block;position:absolute;width:14px;height:14px;background:#65d66e;border-radius:50%;isolation:isolate;animation:seb-online-blink 3.765s ease-in-out infinite}
body .header-portrait>i::after{content:none}
@keyframes seb-online-blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes seb-online-ring{0%{transform:scale(1);opacity:.65}80%,100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){body .header-portrait>i,body .header-portrait>i::after{animation:none}body .header-portrait>i::after{display:none}}

/* Give the header portrait more presence while preserving the contact layout. */
@media(min-width:801px){body .header-contact .header-portrait{width:clamp(72px,5vw,94px);height:clamp(72px,5vw,94px);flex-shrink:0;background-size:contain;background-position:center bottom;background-repeat:no-repeat}}

/* Feather the avatar boundary without blurring the face or online indicator. */
body .header-contact .header-portrait>img{
 --avatar-edge:radial-gradient(ellipse closest-side at 50% 50%,#000 78%,rgba(0,0,0,.96) 86%,rgba(0,0,0,.65) 94%,transparent 100%);
 -webkit-mask-image:var(--avatar-edge);mask-image:var(--avatar-edge);
}