/* The home biography: a white reading surface with a persistent contents rail. */
.profile-about{background:#fff;padding-block:clamp(80px,7vw,110px) clamp(84px,7vw,112px);color:#000}
.profile-layout{display:grid;grid-template-columns:35% minmax(0,1fr);column-gap:10%;align-items:start}
.profile-rail{position:sticky;top:calc(var(--header-h) + 40px);align-self:start}
.profile-rail h2{font-size:clamp(64px,6.8vw,108px);line-height:1.08;font-weight:500;letter-spacing:-.065em}
.profile-rail .resume-links{margin-top:28px;gap:12px}
.profile-rail .resume-link{margin:0;border:1px solid #dedede;background:#fff;padding:14px 19px;font-size:15px;gap:24px;min-height:48px;transition:background-color .18s,color .18s,border-color .18s}
.profile-rail .resume-link:hover{background:#000;color:#fff;border-color:#000}
.profile-rail .file-format{font-size:12px;opacity:.65}
.profile-nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:36px}
.profile-nav a{position:relative;display:flex;align-items:center;min-height:40px;padding:8px 0 8px 19px;color:#707070;font-size:15px;line-height:1.5;transition:color .18s}
.profile-nav a::before{content:'';position:absolute;left:0;top:50%;width:5px;height:5px;background:#000;border-radius:50%;transform:translateY(-50%) scale(0);transition:transform .18s}
.profile-nav a[aria-current='location']{color:#000}
.profile-nav a[aria-current='location']::before{transform:translateY(-50%) scale(1)}
.profile-nav a:hover{color:#000}
.profile-body{min-width:0;max-width:850px;font-size:18px;line-height:1.75;font-weight:400;color:#565656}
.profile-body strong{font-weight:inherit;color:inherit}
.profile-body p{text-wrap:pretty}
.profile-chapter{scroll-margin-top:36px}
.profile-chapter+.profile-chapter{margin-top:52px}
.profile-title{font-size:clamp(36px,3vw,48px);line-height:1.32;letter-spacing:-.04em;font-weight:400;color:#000;margin-bottom:24px;text-wrap:balance}
.profile-body p+p{margin-top:12px}
.profile-section-title{font-size:clamp(26px,2vw,32px);font-weight:400;line-height:1.4;letter-spacing:-.035em;color:#000;margin-bottom:18px}
.profile-experiences{margin-top:24px;border-bottom:1px solid #dedede}
.profile-experience,.profile-tool{border-top:1px solid #dedede}
.profile-experience summary{display:grid;grid-template-columns:155px minmax(0,1fr) 28px;gap:22px;align-items:start;padding:20px 0;cursor:pointer;list-style:none;color:#000;transition:background-color .18s}
.profile-experience summary::-webkit-details-marker,.profile-tool summary::-webkit-details-marker{display:none}
.profile-experience summary::marker,.profile-tool summary::marker{content:''}
.profile-date{font-size:13px;color:#707070;line-height:1.6;padding-top:5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.profile-role{font-size:20px;line-height:1.5;letter-spacing:-.02em}
.profile-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;color:#000;margin-top:2px}
.profile-toggle svg{display:block;width:16px;height:16px;flex:none;transition:transform .2s}
.profile-about details[data-state='open'] .profile-toggle svg,.profile-about details:not([data-state])[open] .profile-toggle svg{transform:rotate(180deg)}
.profile-about details.is-animating{overflow:hidden;will-change:height}
.profile-experience summary:focus-visible,.profile-tool summary:focus-visible{outline:2px solid #000;outline-offset:-2px;border-radius:2px}
.profile-detail{padding:0 50px 20px 177px;font-size:16px;line-height:1.75}
.profile-brands{margin-top:32px}
.profile-subtitle{font-size:20px;line-height:1.5;color:#000;font-weight:400;margin-bottom:14px}
.profile-body .profile-brand-intro{font-size:inherit;line-height:inherit;letter-spacing:normal;margin-bottom:0}
.profile-tools{margin-top:24px;margin-bottom:20px;border-bottom:1px solid #dedede}
.profile-tool summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;cursor:pointer;color:#000;font-size:20px;line-height:1.5;letter-spacing:-.02em;transition:background-color .18s}
.profile-tool-detail{padding:0 50px 20px 0;font-size:17px;line-height:1.75}
.profile-tools-list{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:0;color:#565656;font-size:18px;line-height:1.5}
.profile-body .profile-statement{font-size:inherit;line-height:inherit;letter-spacing:normal;color:inherit;margin-top:12px}
.profile-school{color:#000;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-.02em;margin-bottom:14px;text-wrap:balance}
.profile-conversation{display:inline-flex;align-items:center;gap:38px;color:#000;font-size:20px;line-height:1.5;margin-top:24px;padding:12px 0;border-bottom:1px solid #000;transition:gap .2s}
.profile-conversation svg{width:22px;height:22px}
.profile-conversation:hover{gap:48px}
@media(min-width:1001px) and (max-height:720px){.profile-rail{top:calc(var(--header-h) + 20px)}.profile-rail .resume-links{margin-top:26px}.profile-nav{margin-top:30px}.profile-nav a{min-height:35px}}
@media(max-width:1200px){.profile-layout{grid-template-columns:30% minmax(0,1fr);column-gap:9%}.profile-experience summary{grid-template-columns:135px minmax(0,1fr) 28px;gap:16px}.profile-detail{padding-left:151px}.profile-date{font-size:12px}.profile-role{font-size:19px}.profile-body{font-size:17px}}
@media(max-width:1000px){.profile-layout{display:block}.profile-rail{position:relative;top:auto;margin-bottom:36px}.profile-rail-inner{display:grid;grid-template-columns:1fr 1fr;gap:34px 24px}.profile-rail .resume-links{margin:0;justify-self:end}.profile-nav{grid-column:1/-1;flex-direction:row;gap:8px 26px;flex-wrap:wrap;margin:0;border-bottom:1px solid #dedede;padding-bottom:16px}.profile-nav a{min-height:44px}.profile-body{max-width:none}.profile-title{font-size:38px;max-width:22ch}.profile-chapter{scroll-margin-top:28px}}
@media(max-width:600px){.profile-about{padding-block:56px 64px}.profile-rail{margin-bottom:28px}.profile-rail h2{font-size:60px}.profile-rail-inner{grid-template-columns:1fr;gap:22px}.profile-rail .resume-links{justify-self:start;gap:10px}.profile-rail .resume-link{padding:12px 16px;font-size:14px;min-height:46px;gap:28px}.profile-nav{flex-wrap:nowrap;overflow-x:auto;gap:22px;padding-bottom:12px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none}.profile-nav::-webkit-scrollbar{display:none}.profile-nav a{flex:0 0 auto;white-space:nowrap;font-size:14px;padding-left:13px;min-height:44px}.profile-body{font-size:16px;line-height:1.8}.profile-title{font-size:30px;line-height:1.4;margin-bottom:20px;max-width:none}.profile-chapter+.profile-chapter{margin-top:44px}.profile-section-title{font-size:24px;margin-bottom:16px}.profile-body p+p{margin-top:12px}.profile-experiences{margin-top:20px}.profile-experience summary{grid-template-columns:minmax(0,1fr) 28px;gap:6px 12px;padding:18px 0}.profile-date{grid-row:1;grid-column:1;font-size:12px;padding-top:0}.profile-role{grid-row:2;grid-column:1;font-size:18px}.profile-experience .profile-toggle{grid-column:2;grid-row:1/span 2;align-self:center}.profile-detail{padding:0 32px 18px 0;font-size:15px}.profile-brands{margin-top:28px}.profile-body .profile-brand-intro{font-size:inherit;line-height:inherit}.profile-subtitle{font-size:18px;margin-bottom:12px}.profile-tool summary{font-size:18px;padding:18px 0}.profile-tool-detail{padding-right:24px;font-size:16px}.profile-tools-list{font-size:16px;gap:8px 20px}.profile-body .profile-statement{font-size:inherit;line-height:inherit;margin-top:12px}.profile-school{font-size:18px;margin-bottom:12px}.profile-conversation{font-size:20px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.profile-about *{animation:none!important;transition:none!important}.profile-conversation:hover{gap:38px}}
