/* V3: a discreet entrance to a dedicated biography and skills page. */
.header .personal-space-link{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;padding-block:.75rem;color:#c4c4bf;border-bottom:1px solid #52524d}
.personal-space-link:hover{color:#fff;border-color:#fff}
.header nav{margin-left:1rem}
.personal-page .header nav{gap:2.5rem}
.space-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:4rem;align-items:center;padding-top:60px;padding-bottom:78px;background:var(--ink);isolation:isolate}
.space-intro .eyebrow{color:#b9b9b5}
.space-intro h1{font-size:clamp(4rem,7.6vw,7.5rem);letter-spacing:-.065em;line-height:1.02;margin:27px 0 26px}
.space-lead{font-size:clamp(1rem,1.45vw,1.25rem);color:#b9b9b5;line-height:1.65}
.space-portrait{mix-blend-mode:lighten;max-width:425px;width:100%;justify-self:end}
.space-portrait img{display:block;width:100%;height:auto;filter:grayscale(1);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}
.space-portrait figcaption{font-size:.9375rem;line-height:1.7;border-top:1px solid #45453f;padding-top:16px;color:#e4e4de}
.space-portrait figcaption span{display:block;color:#a4a49e;font-size:.8125rem}
.bio-section{padding-top:82px;padding-bottom:78px}
.bio-introduction{margin-top:30px;max-width:64ch;color:#50504c;font-size:1rem;line-height:1.8}
.bio-introduction p+p{margin-top:18px}
.timeline-heading{display:flex;justify-content:space-between;gap:2rem;align-items:baseline;padding-top:12px;padding-bottom:24px}
.timeline-heading h3{font-size:1.4rem;letter-spacing:-.03em}
.timeline-heading>span{font-size:.8125rem;color:#6b6b65}
.career-timeline{list-style:none;padding:0;margin:0}
.career-timeline>li{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding-block:29px 31px;border-top:1px solid #c8c8c2}
.career-timeline>li:last-child{border-bottom:1px solid #c8c8c2}
.career-date{font-family:'Courier New',monospace;font-size:.875rem;color:#66665e;line-height:1.7;padding-top:3px}
.career-company{font-size:.8125rem;color:#686860;line-height:1.6;margin-bottom:8px;letter-spacing:.01em}
.career-timeline h3{font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.16;letter-spacing:-.035em;margin-bottom:12px}
.career-timeline li>div>p:not(.career-company){max-width:66ch;line-height:1.75;color:#50504c;font-size:1rem}
.career-timeline li>div>p:not(.career-company)+p{margin-top:14px}
.skills-section{padding-block:88px 76px}
.skills-section .section-heading>.eyebrow{color:#c4c4bd}
.skills-section .section-index{color:#a4a49e}
.skills-muted{color:#a4a49e}
.skills-lead{font-size:1rem;line-height:1.75;color:#b3b3ad;max-width:49ch;margin-top:24px}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:5rem}
.tool-group{border-top:1px solid #45453f;padding-block:29px 36px;min-width:0}
.tool-index{font-size:.8125rem;line-height:1.6;color:#9d9d96;margin-bottom:17px}
.tool-group h3{font-size:clamp(1.5rem,2.1vw,2rem);letter-spacing:-.04em;line-height:1.18;margin-bottom:22px}
.tool-names{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 20px;padding:0}
.tool-names li{font-size:.875rem;line-height:1.5;padding:7px 11px;border:1px solid #53534b;border-radius:2px;color:#e1e1d9;max-width:100%}
.tool-names li span{color:#a4a49e}
.tool-description{font-size:1rem;line-height:1.75;color:#b3b3ad;max-width:58ch}
.ai-practice{font-size:1rem;line-height:1.6;color:var(--white);margin:-8px 0 22px}
.platform-levels{margin:0 0 21px}
.platform-levels>div{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin-bottom:12px;line-height:1.5}
.platform-levels dt{color:#a4a49e;font-size:.8125rem;padding-top:2px}
.platform-levels dd{margin:0;font-size:1rem;color:#e1e1d9}
.human-skills{border-top:1px solid #45453f;padding-top:36px;display:grid;grid-template-columns:1fr 2fr;gap:2rem}
.human-skills .eyebrow{max-width:26ch;color:#aaa9a2;line-height:1.7;padding-top:6px}
.human-skills>p:last-child{font-size:clamp(1.7rem,3vw,3rem);line-height:1.2;letter-spacing:-.045em}
.personal-contact{padding-block:74px 80px}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem}
.contact-layout h2{font-size:clamp(2.5rem,4vw,4rem);margin-top:26px}
.contact-list{margin:0;padding:0}
.contact-list>div{display:grid;grid-template-columns:75px 1fr;gap:1.5rem;align-items:baseline;padding-block:19px;border-bottom:1px solid #c8c8c2}
.contact-list>div:first-child{border-top:1px solid #c8c8c2}
.contact-list dt{font-size:.8125rem;color:#64645d}
.contact-list dd{margin:0;min-width:0}
.contact-list a{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:clamp(1rem,1.6vw,1.45rem);line-height:1.6;letter-spacing:-.035em;overflow-wrap:anywhere}
.contact-list a>span{flex:none;color:#71716a;transition:transform .2s}
.contact-list a:hover>span{transform:translate(2px,-2px)}
.personal-page .footer{padding-top:30px}
.personal-page .footer:before{display:none}
@media(max-width:1050px){.header .space-year{display:none}.header nav{gap:1.4rem;margin-left:0}.space-intro{gap:2rem}.tool-grid{column-gap:2.5rem}.contact-layout{gap:3rem}.contact-list>div{grid-template-columns:1fr;gap:4px}.platform-levels>div{grid-template-columns:1fr;gap:2px}}
@media(max-width:700px){.header{display:grid;grid-template-columns:auto 1fr;height:auto;min-height:110px;gap:12px;padding-top:22px;padding-bottom:16px}.header .wordmark{grid-column:1;grid-row:1}.header .personal-space-link{grid-column:2;grid-row:1;justify-self:end;font-size:.8125rem;padding-block:8px}.header nav,.personal-page .header nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:12px;margin:0}.header nav a{font-size:.8125rem}.space-intro{grid-template-columns:1fr;padding-top:35px;padding-bottom:46px;gap:36px}.space-intro h1{font-size:clamp(3.55rem,12.7vw,5.5rem);line-height:1.05;letter-spacing:-.06em;margin-top:24px}.space-intro .explore{margin-top:24px}.space-portrait{max-width:315px;justify-self:center}.space-portrait figcaption{font-size:.875rem}.bio-section{padding-block:52px}.bio-introduction{margin-top:23px}.timeline-heading{display:block;padding-top:5px;padding-bottom:22px}.timeline-heading h3{font-size:1.3rem;margin-bottom:10px}.career-timeline>li{grid-template-columns:1fr;gap:12px;padding-block:25px}.career-company{font-size:.8125rem;margin-bottom:7px}.career-timeline h3{font-size:1.5rem}.skills-section{padding-block:54px 52px}.tool-grid{grid-template-columns:1fr}.tool-group{padding-block:25px 30px}.tool-group h3{font-size:1.6rem;margin-bottom:18px}.tool-index{margin-bottom:13px}.tool-names{gap:7px}.tool-names li{font-size:.8125rem;padding:6px 9px}.platform-levels>div{grid-template-columns:1fr 1.4fr;gap:10px}.human-skills{grid-template-columns:1fr;gap:20px;padding-top:28px}.human-skills .eyebrow{max-width:none}.human-skills>p:last-child{font-size:1.75rem}.personal-contact{padding-block:52px 56px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-list>div{grid-template-columns:65px 1fr;gap:1rem}.contact-list a{font-size:1rem}.contact-layout h2{font-size:2.6rem}.personal-page .footer{padding-bottom:100px}}
@media(max-width:360px){.platform-levels>div{grid-template-columns:1fr;gap:2px}.contact-list>div{grid-template-columns:1fr;gap:4px}}
