.profile-page{--profile-rule:#22212c26;color:var(--ink);background:#eeedf4}.profile-header{height:var(--header-height);margin:0 var(--gutter);border-bottom:1px solid var(--profile-rule);justify-content:space-between;align-items:center;display:flex}.profile-header nav{gap:32px;display:flex}.profile-header nav a,.profile-identity nav a,.profile-contact a,.profile-footer a{align-items:center;gap:12px;min-height:44px;display:inline-flex}.profile-header nav{font-size:12px}.profile-page a svg{flex:none;width:16px}.profile-page .brand svg{width:42px}.profile-main{padding:88px var(--gutter) 100px;overflow:visible}.profile-layout{grid-template-columns:minmax(230px,1fr) minmax(0,2fr);align-items:start;column-gap:clamp(48px,7vw,120px);max-width:1360px;margin:0 auto;display:grid}.profile-identity{position:sticky;top:48px}.profile-identity h1{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(64px,7vw,96px);font-weight:600;line-height:.95}.profile-identity p{color:var(--muted);margin-top:26px;line-height:1.8}.profile-identity h1 span{display:block}.profile-identity nav{flex-direction:column;align-items:start;margin-top:34px;display:flex}.profile-identity nav a{font-size:12px}.profile-story{min-width:0;max-width:68ch;font-size:17px;line-height:1.9}.profile-story p+p{margin-top:28px}.profile-story h2{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin-bottom:24px;font-size:clamp(28px,2.5vw,36px);font-weight:500;line-height:1.3}.profile-current{margin-top:28px}.profile-projects{margin:0}.profile-projects>div{border-bottom:1px solid var(--profile-rule);grid-template-columns:minmax(120px,1fr) minmax(0,1.8fr);gap:24px;padding:22px 0;font-size:14px;line-height:1.8;display:grid}.profile-projects dt{font-weight:600}.profile-projects dt a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.profile-projects dd{margin:0}.profile-project-status{color:var(--muted);margin-top:4px;font-size:12px;display:block}.profile-contact{margin-top:64px;scroll-margin-top:40px}.profile-contact h2{margin-bottom:14px;font-size:clamp(48px,5vw,72px)}.profile-contact nav{flex-wrap:wrap;gap:8px 32px;font-size:14px;display:flex}.profile-footer{border-top:1px solid var(--profile-rule);margin:0 var(--gutter);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:20px 0 32px;font-size:11px;display:flex}.profile-page a:hover{text-underline-offset:5px;text-decoration:underline}.profile-page a svg{transition:transform .2s ease-out}.profile-page a:is(:hover,:focus-visible)>svg{transform:translate(2px,-2px)}.profile-page .brand:hover{text-decoration:none}#my-story,#currently{scroll-margin-top:40px}@media (max-width:800px){.profile-main{padding-top:48px;padding-bottom:64px}.profile-layout{grid-template-columns:1fr;gap:46px}.profile-identity{position:static}.profile-identity h1{font-size:64px}.profile-identity h1 span{display:inline}.profile-identity p{margin-top:16px}.profile-identity nav{flex-flow:wrap;gap:0 24px;margin-top:16px}.profile-story{max-width:68ch;font-size:16px;line-height:1.9}.profile-projects>div{grid-template-columns:1fr;gap:0;padding:18px 0}.profile-footer{flex-wrap:wrap;gap:8px 24px}}@media (max-width:500px){.profile-header nav{gap:16px}.profile-header nav a{gap:6px;font-size:11px}.profile-header nav a svg{display:none}.profile-identity h1{font-size:clamp(48px,12.5vw,64px)}.profile-main{padding-top:36px}}@media (prefers-reduced-motion:reduce){.profile-page a svg{transition:none}}
