/* Reference lock: portrait between small introduction and large title. */
.about-page .site-header{position:relative;background:#fff}
.about-page .nav-links [aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.about-hero{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(340px,1.65fr) minmax(220px,1fr);grid-template-areas:'intro portrait title' 'caption caption caption';align-items:center;column-gap:20px;padding-top:40px}
.about-kicker{font-size:10px;line-height:1.7;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
.about-intro{grid-area:intro;position:relative;z-index:2;align-self:center;padding-bottom:25px}
.about-intro>p:not(.about-kicker){max-width:245px;font-size:13px;line-height:1.9;color:#4b4651}
.story-link{display:inline-flex;align-items:center;gap:20px;margin-top:25px;font-size:12px;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:5px}
.story-link svg{width:16px;height:16px;transition:transform .2s}.story-link:hover svg{transform:translateY(3px)}
.about-portrait{grid-area:portrait;position:relative;isolation:isolate;align-self:end;display:flex;justify-content:center;align-items:flex-end;margin:0;min-width:0;height:580px}
.portrait-disc{position:absolute;z-index:-1;left:50%;top:46%;width:425px;aspect-ratio:1;border-radius:50%;background:#ffd223;transform:translate(-50%,-50%)}
.about-portrait img{display:block;flex:none;width:580px;max-width:none;height:auto;position:relative}
.about-heading{grid-area:title;position:relative;z-index:2;padding-bottom:25px}
.about-heading h1{font-size:clamp(72px,7.4vw,106px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0}
.about-heading h1 span{display:block;white-space:nowrap}.about-heading>p{font-size:12px;line-height:1.8;color:#696170;margin:22px 0 0}
.hero-caption{grid-area:caption;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 29px;border-bottom:1px solid var(--line);font-size:10px;line-height:1.8;color:#6b6573}
.hero-caption a{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.hero-caption a:hover{text-decoration:underline;text-underline-offset:4px}.hero-caption svg{width:13px;height:13px}
.about-story{display:grid;grid-template-columns:1fr minmax(0,700px);gap:100px;padding-top:112px;padding-bottom:90px;scroll-margin-top:35px}
.story-aside{align-self:start;position:sticky;top:45px}.story-aside>p:not(.about-kicker){font-size:27px;line-height:1.35;letter-spacing:-.035em;margin-bottom:25px}.story-aside>a{display:inline-flex;align-items:center;gap:12px;font-size:10px;line-height:1.8;color:var(--muted)}.story-aside>a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.story-aside svg{width:14px;height:14px}
.story-body{min-width:0}.story-body h2{font-size:clamp(36px,4vw,50px);font-weight:400;line-height:1.18;letter-spacing:-.045em;margin:0 0 38px}.story-body p{font-size:16px;line-height:1.95;color:#49434f;margin:0 0 25px;letter-spacing:-.01em}.story-body h3{font-size:24px;line-height:1.35;font-weight:500;letter-spacing:-.03em;margin:0 0 24px}.story-chapter+.story-chapter{margin-top:49px}.story-chapter{scroll-margin-top:45px}.story-body .story-signoff{font-size:27px;line-height:1.5;color:var(--ink);margin:30px 0 0;letter-spacing:-.04em}
.bio-wipe-target{position:relative}.bio-wipe-line{position:absolute;z-index:1;pointer-events:none;background:#6156ff;transform:scaleX(0);contain:paint}.story-body h2>.bio-wipe-line,.story-body h3>.bio-wipe-line{background:#ffd223}
.story-sources{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;line-height:1.8;color:var(--muted)}.story-sources summary{cursor:pointer;list-style:revert;padding:5px 0}.story-sources summary:focus-visible{outline:3px solid var(--violet);outline-offset:5px}.story-sources ul{padding-left:18px;margin:13px 0 0}.story-sources li+li{margin-top:9px}.story-sources a{text-decoration:underline;text-underline-offset:3px}.story-sources a:hover{color:var(--ink)}
.about-next{display:flex;align-items:center;justify-content:space-between;gap:70px;padding-top:56px;padding-bottom:60px;border-top:1px solid var(--line)}.about-next .about-kicker{margin-bottom:14px}.about-next h2{font-size:36px;line-height:1.2;letter-spacing:-.04em;font-weight:400;margin:0 0 17px}.about-next p:not(.about-kicker){font-size:13px;line-height:1.9;color:var(--muted);max-width:470px}.about-next-actions{display:flex;flex-direction:column;align-items:center;gap:18px;flex:none}.about-next-actions>.button{font-size:12px;padding:15px 24px}.about-next-actions>a{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.about-next-actions>a:hover{text-decoration:underline;text-underline-offset:4px}.about-next-actions>a svg{width:15px;height:15px}
@media(min-width:1600px){.about-hero{padding-top:55px}.about-portrait{height:620px}.about-portrait img{width:620px}.portrait-disc{width:450px}}
@media(max-width:1100px){.about-hero{grid-template-columns:minmax(160px,.85fr) minmax(300px,1.4fr) minmax(180px,1fr);gap:12px;padding-top:35px}.about-portrait{height:510px}.about-portrait img{width:510px}.portrait-disc{width:350px}.about-heading h1{font-size:78px}.about-intro>p:not(.about-kicker){font-size:12px}.about-story{grid-template-columns:180px minmax(0,1fr);gap:65px;padding-top:85px}.story-body p{font-size:15px}}
@media(max-width:900px){.about-hero{grid-template-columns:1fr 1fr;grid-template-areas:'intro title' 'portrait portrait' 'caption caption';column-gap:30px;padding-top:40px}.about-heading{justify-self:end;padding-bottom:10px}.about-heading h1{font-size:82px}.about-heading>p{margin-top:17px}.about-intro{padding:0}.about-intro>p:not(.about-kicker){max-width:285px;font-size:13px}.about-portrait{height:500px;margin-top:8px}.about-portrait img{width:500px}.portrait-disc{width:370px;top:48%}.about-story{gap:40px;grid-template-columns:145px minmax(0,1fr);padding-top:75px}.story-aside>p:not(.about-kicker){font-size:23px}.story-aside>a{max-width:120px}.about-next{gap:35px}.about-next h2{font-size:31px}}
@media(max-width:600px){.about-hero{grid-template-columns:1fr;grid-template-areas:'title' 'portrait' 'intro' 'caption';padding-top:28px;gap:0}.about-heading{justify-self:center;text-align:center;padding:0}.about-heading h1{font-size:67px;line-height:1.04}.about-heading>p{font-size:11px;margin-top:13px}.about-portrait{height:360px;margin-top:25px}.about-portrait img{width:360px}.portrait-disc{width:280px;top:47%}.about-intro{text-align:center;padding-top:28px}.about-intro .about-kicker{margin-bottom:12px}.about-intro>p:not(.about-kicker){font-size:13px;max-width:300px;margin-inline:auto}.story-link{font-size:11px;margin-top:20px;gap:15px}.hero-caption{margin-top:32px;padding:19px 0 23px;font-size:9px}.about-story{display:block;padding-top:51px;padding-bottom:48px;scroll-margin-top:25px}.story-aside{position:static;margin-bottom:25px}.story-aside .about-kicker{margin:0}.story-aside>p:not(.about-kicker),.story-aside>a{display:none}.story-body h2{font-size:36px;margin-bottom:28px}.story-body p{font-size:14px;line-height:1.95;margin-bottom:23px}.story-body h3{font-size:23px;margin-bottom:22px}.story-chapter+.story-chapter{margin-top:37px}.story-body .story-signoff{font-size:25px}.story-sources{font-size:10px;margin-top:32px}.about-next{flex-direction:column;align-items:flex-start;gap:25px;padding-top:35px;padding-bottom:40px}.about-next h2{font-size:31px}.about-next p:not(.about-kicker){font-size:12px}.about-next-actions{align-items:flex-start;gap:17px}.about-next-actions>.button{font-size:11px}.about-page .site-footer>span{order:4}.footer-about{font-size:10px}}
@media(max-width:370px){.about-heading h1{font-size:59px}.about-portrait{height:320px}.about-portrait img{width:320px}.portrait-disc{width:250px}.hero-caption{font-size:8px}.story-body h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.story-link svg{transition:none}.bio-wipe-line{display:none!important}}
@media print{.bio-wipe-line{display:none!important}.story-aside{position:static}}

/* Entrance sequence from the supplied minimalist-hero reference. */
@keyframes about-disc-enter{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes about-portrait-enter{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}
@keyframes about-copy-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .portrait-disc{animation:about-disc-enter .8s cubic-bezier(.22,1,.36,1) .2s backwards}
  .about-portrait img{animation:about-portrait-enter 1s cubic-bezier(.22,1,.36,1) .4s backwards}
  .about-intro{animation:about-copy-enter .6s ease 1s backwards}
  .about-heading{animation:about-copy-enter .6s ease 1.2s backwards}
  .hero-caption>a{animation:about-copy-enter .5s ease 1.2s backwards}
  .hero-caption>span{animation:about-copy-enter .5s ease 1.3s backwards}
}
@media print{.about-hero *{animation:none!important}}

/* Larger supplied color portrait, anchored at the existing baseline. */
.about-portrait img{width:650px}
@media(min-width:1600px){.about-portrait img{width:690px}}
@media(max-width:1100px){.about-portrait img{width:570px}}
@media(max-width:900px){.about-portrait img{width:560px}}
@media(max-width:600px){.about-hero{overflow:clip}.about-portrait img{width:400px}}
@media(max-width:370px){.about-portrait img{width:350px}}

/* Timeline adapted from the user-selected HextaUI reference. */
.career-section{max-width:1000px;padding-block:100px 60px}.career-section h2{font-size:clamp(38px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:22px 0}.career-intro{max-width:630px;color:#69697e;font-size:20px;line-height:1.7}.career-group-title{font-size:24px;font-weight:500;letter-spacing:-.035em;margin:48px 0 28px}.career-list{list-style:none;padding:0;margin:0 0 30px}.career-row{position:relative;padding:0 0 42px 44px}.career-row:not(:last-child)::before{content:"";position:absolute;left:10px;top:27px;bottom:5px;width:1px;background:#dcd8ef}.career-node{position:absolute;left:0;top:3px;width:21px;height:21px;border:1px solid #c3baff;border-radius:50%;background:white;display:grid;place-items:center}.career-node::after{content:"";width:7px;height:7px;background:#6558ff;border-radius:50%}.is-current .career-node{background:#6558ff;border-color:#6558ff;box-shadow:0 0 0 5px #6558ff12}.is-current .career-node::after{background:white}.career-date{font-size:13px;line-height:24px;color:#777184;margin:0 0 13px}.is-current .career-date{color:#6558ff}.career-entry-heading{display:grid;grid-template-columns:56px 1fr;gap:18px}.career-logo{width:52px;height:52px;border-radius:12px;overflow:hidden;background:#f2efff;display:grid;place-items:center}.career-logo img{width:52px;height:52px;object-fit:contain}.career-wordmark{font-size:16px;font-weight:600;color:#6558ff}.career-company{font-size:14px;color:#69697e;margin:0 0 5px}.career-row h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.035em;margin:0}.career-description{font-size:15px;line-height:1.7;color:#69697e;margin:10px 0 0;max-width:580px}.career-profile{display:inline-block;margin-left:44px;color:inherit;text-underline-offset:5px}.story-sources p{font-size:15px;line-height:1.6}.story-sources li{margin-bottom:12px}@media(max-width:650px){.career-section{padding-block:60px 30px}.career-row{padding-left:32px;padding-bottom:34px}.career-entry-heading{grid-template-columns:42px 1fr;gap:12px}.career-logo,.career-logo img{width:42px;height:42px}.career-wordmark{font-size:13px}.career-row h3{font-size:20px}.career-intro{font-size:17px}.career-description{font-size:14px}.career-company{font-size:12px}.career-date{font-size:12px}.career-profile{margin-left:32px}}

.career-socials{display:flex;flex-wrap:wrap;align-items:center;gap:24px 38px;margin:40px 0 0 44px;padding-top:30px;border-top:1px solid #e6e5ed}.social-link,.social-pending{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:500;line-height:1.5;min-height:44px}.social-pending{color:#777184}.social-pending small{font-size:10px;font-weight:400;color:#777184}.social-link{position:relative;color:var(--ink);text-decoration:none;transition:color .2s}.social-link::after{content:"";position:absolute;bottom:7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.social-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s}.social-link:hover,.social-link:focus-visible{color:#6558ff}.social-link:hover::after,.social-link:focus-visible::after{transform:scaleX(1)}.social-link:hover svg{transform:translate(2px,-2px)}.social-link:focus-visible{outline:2px solid #6558ff;outline-offset:5px;border-radius:3px}@media(max-width:650px){.career-socials{margin-left:0;gap:14px 28px}.social-link,.social-pending{font-size:16px}}@media(prefers-reduced-motion:reduce){.social-link,.social-link::after,.social-link svg{transition:none}}

.social-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:17px;font-weight:500;color:var(--ink)}.social-brand img{width:24px;height:24px;object-fit:contain;transition:transform .2s}.social-brand:hover img{transform:translateY(-3px)}@media(max-width:650px){.career-socials{display:grid;grid-template-columns:1fr 1fr;gap:16px}.social-brand{font-size:16px}}@media(prefers-reduced-motion:reduce){.social-brand img{transition:none;transform:none}}

/* User refinement: larger aligned portrait, no caption strip. */
.about-hero{grid-template-areas:'intro portrait title';padding-top:24px;column-gap:24px}.about-portrait{height:650px}.about-portrait img{width:720px}.portrait-disc{width:455px}.about-intro,.about-heading{padding-bottom:0}.about-story{padding-top:80px}@media(min-width:1600px){.about-portrait{height:700px}.about-portrait img{width:780px}.portrait-disc{width:490px}}@media(min-width:901px) and (max-width:1100px){.about-portrait{height:570px}.about-portrait img{width:630px}.portrait-disc{width:380px}}@media(max-width:900px){.about-hero{grid-template-areas:'intro title' 'portrait portrait';padding-top:30px}.about-portrait{height:550px}.about-portrait img{width:610px}.portrait-disc{width:400px}}@media(max-width:600px){.about-hero{grid-template-areas:'title' 'portrait' 'intro';padding-top:28px}.about-portrait{height:400px;margin-top:25px}.about-portrait img{width:440px}.portrait-disc{width:300px}.about-intro{padding-top:16px}.about-story{padding-top:55px}}@media(max-width:370px){.about-portrait{height:355px}.about-portrait img{width:390px}.portrait-disc{width:265px}}

/* Mobile reading: retain the portrait layout, enlarge story and intro copy. */
.story-body p{max-width:65ch;text-wrap:pretty}
@media(max-width:600px){
 .about-intro>p:not(.about-kicker){font-size:16px;line-height:1.7;max-width:34ch}
 .story-body p{font-size:16px;line-height:1.75;margin-bottom:24px}
 .story-body h3{line-height:1.3;margin-bottom:20px}
 .career-description{font-size:15px;line-height:1.7}
 .career-company,.career-date{font-size:13px}
 .about-next p:not(.about-kicker){font-size:16px;line-height:1.7}
 .about-next-actions>.button{font-size:14px}
 .story-link{font-size:14px;min-height:44px}
}

.career-entry-heading{grid-template-columns:56px minmax(0,1fr)}
.career-entry-heading h3{overflow-wrap:break-word;hyphens:auto}
@media(max-width:650px){.career-entry-heading{grid-template-columns:42px minmax(0,1fr)}}