.about{--lh: 1.21;--avatar-bg: var(--avatar);--social-gap: 22;padding:calc(55 * var(--u)) calc(var(--pad-x) * var(--u)) calc(100 * var(--u));line-height:var(--lh)}.profile{display:flex;flex-wrap:wrap;align-items:flex-start;gap:calc(30 * var(--u)) calc(40 * var(--u))}.profile-avatar{flex:none;display:block;width:calc(200 * var(--u));height:calc(200 * var(--u));border-radius:50%;object-fit:cover}.profile-main{flex:1 1 calc(190 * var(--u));min-width:0;align-self:stretch;display:flex;flex-direction:column}.profile-name{margin:0;font-size:var(--fs-heading);font-weight:600;line-height:var(--lh);overflow-wrap:anywhere}.profile-handle{margin:0;font-size:var(--fs-mid);font-weight:500;line-height:var(--lh);overflow-wrap:anywhere}.profile-actions{margin-top:auto;padding-top:calc(20 * var(--u));display:flex;flex-wrap:wrap;gap:calc(17 * var(--u))}.about-btn{display:inline-flex;align-items:center;justify-content:center;padding:calc(14 * var(--u)) calc(28 * var(--u));border-radius:calc(32 * var(--u));background:var(--brand);color:var(--selected-ink);font:600 var(--fs-mid) / var(--lh) var(--font);text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,filter .15s ease}.about-btn:hover{filter:brightness(.95)}.about-btn:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.about-btn--outline{padding-block:calc(7 * var(--u));border:calc(4 * var(--u)) solid var(--brand);background:transparent;color:var(--brand)}.about-btn--outline:hover{background:var(--brand);color:var(--selected-ink);filter:none}.profile-social{flex:none;display:flex;gap:calc(var(--social-gap) * var(--u));align-self:center;margin:0 0 0 auto;padding:0;list-style:none;color:var(--social)}.profile-social a{display:grid;place-items:center;width:calc(40 * var(--u));height:calc(40 * var(--u))}.about-divider{height:calc(2 * var(--u));margin:calc(50 * var(--u)) 0;border:0;background:var(--divider)}.about-section+.about-section{margin-top:calc(100 * var(--u))}.about-heading{margin:0 0 calc(20 * var(--u));font-size:var(--fs-body);font-weight:600;line-height:var(--lh)}.about-text{margin:0;font-size:var(--fs-label);font-weight:400;line-height:var(--lh)}.about-cta{display:flex;align-items:center;justify-content:center;height:calc(80 * var(--u));margin-top:calc(20 * var(--u));border-radius:calc(40 * var(--u));background:var(--brand);color:var(--selected-ink);font:600 var(--fs-body) / var(--lh) var(--font);text-decoration:none;transition:filter .15s ease}.about-cta:hover{filter:brightness(.95)}.about-cta:focus-visible{outline:3px solid var(--brand);outline-offset:3px}@media(max-width:45em){.profile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"avatar name" "avatar handle" "avatar ." "actions actions" "social social";gap:0 calc(40 * var(--u))}.profile-main{display:contents}.profile-avatar{grid-area:avatar}.profile-name{grid-area:name}.profile-handle{grid-area:handle}.profile-actions{grid-area:actions;padding-top:calc(30 * var(--u))}.profile-social{grid-area:social;margin:calc(30 * var(--u)) 0 0}}
