@font-face{font-family:ProfileIonicons;src:url('fonts/profile-ionicons.woff') format('woff');font-style:normal;font-weight:400;font-display:block}
.mh-profile-card{--profile-red:#ee0d08;position:relative;margin:0 auto 30px;isolation:isolate}
.mh-profile-card .mh-portrait{display:block;margin:0;width:100%;max-width:none}
.mh-profile-card::after{content:"";position:absolute;left:0;bottom:60px;height:1px;width:0;background:#fff;transition:width .2s cubic-bezier(.785,.135,.15,.86);pointer-events:none}
.mh-profile-card:is(:hover,:focus-within,.is-revealed)::after{width:100%;transition:width .2s cubic-bezier(.63,.24,.26,.91)}
.mh-profile-caption{position:absolute;left:20px;bottom:20px;max-width:calc(100% - 40px);padding:18px 20px 14px;background:#fff;display:flex;flex-direction:column;clip-path:inset(0 100% 0 0);transition:clip-path .3s cubic-bezier(.63,.24,.26,.91)}
.mh-profile-card:is(:hover,:focus-within,.is-revealed) .mh-profile-caption{clip-path:inset(0);transition-delay:.1s;z-index:1}
.mh-profile-caption :is(.mh-profile-role,h3){opacity:0;transform:translateY(30%);transition:transform .3s ease .2s,opacity .2s ease .2s}
.mh-profile-card:is(:hover,:focus-within,.is-revealed) .mh-profile-caption :is(.mh-profile-role,h3){opacity:1;transform:translateY(0)}
.mh-panel .mh-profile-role{color:var(--profile-red);margin:0;font-size:14px;line-height:1.5}
.mh-panel .mh-profile-caption h3{color:var(--mh-ink);margin:4px 0 0;font-size:24px;font-weight:500;letter-spacing:0;line-height:1.25}
.mh-profile-social{position:absolute;top:5px;left:5px;width:129px;height:30px;z-index:2;pointer-events:none}
.mh-profile-info,.mh-profile-links a{display:grid;place-items:center;width:30px;height:30px;padding:0;color:#fff;background:var(--profile-red);font-size:16.5px;line-height:1;pointer-events:auto}
.mh-profile-info{position:absolute;left:0;top:0;z-index:2;transition:background-color .2s,color .2s}
.mh-profile-social.is-open .mh-profile-info{background:#fff;color:var(--profile-red)}
.mh-profile-links{position:absolute;left:33px;top:0;display:flex;gap:3px}
.mh-profile-links a{clip-path:inset(0 100% 0 0);transform:translateX(-8px);opacity:0;transition:clip-path .25s,transform .25s,opacity .2s,background-color .2s,color .2s}
.mh-profile-social.is-open .mh-profile-links a{clip-path:inset(0);transform:none;opacity:1}
.mh-profile-social.is-open .mh-profile-links a:nth-child(2){transition-delay:.06s}
.mh-profile-social.is-open .mh-profile-links a:nth-child(3){transition-delay:.12s}
.mh-profile-links a:is(:hover,:focus-visible){background:#c60400;color:#fff}
.mh-profile-links a:focus-visible,.mh-profile-info:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--profile-red)}
:root[data-color-mode=dark] .mh-profile-social.is-open .mh-profile-info,
:root[data-color-mode=dark] .mh-profile-links a:is(:hover,:focus-visible){background:#f1c40f;color:#000}
.mh-profile-icon{font-family:ProfileIonicons;font-weight:400;font-style:normal;speak:none;-webkit-font-smoothing:antialiased}
.mh-profile-icon--info::before{content:"\f19f"}.mh-profile-icon--facebook::before{content:"\f236"}.mh-profile-icon--linkedin::before{content:"\f240"}.mh-profile-icon--vimeo::before{content:"\f2c4"}
@media(prefers-reduced-motion:reduce){.mh-profile-card::after,.mh-profile-caption,.mh-profile-caption :is(.mh-profile-role,h3),.mh-profile-info,.mh-profile-links a{transition:none}}