/* A personal editorial opening. The photograph belongs to the hero, not the scroll backdrop. */
body.about-personal .page-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(36px,6vw,92px);align-items:center;padding-block:120px 60px;min-height:0}
body.about-personal .page-hero .hero-copy{max-width:none;min-width:0}
.about-personal .page-hero .display{font-size:clamp(42px,4.5vw,68px);max-width:12ch;line-height:1.05}
.about-personal .hero-intro{font-size:17px;max-width:53ch;margin-top:26px}
.about-personal .hero-meta{display:flex;flex-wrap:wrap;gap:16px 25px;margin-top:30px;font-size:12px;padding-block:19px;line-height:1.65}
.about-personal .hero-meta span{display:flex;flex-direction:column;gap:3px}.about-personal .hero-meta b{font-size:17px;color:var(--route-ink,#023266)}
.about-portrait{margin:0;width:100%;max-width:440px;justify-self:end;min-width:0}
.about-portrait-image{position:relative;overflow:hidden;border-radius:120px 12px 12px 12px;background:var(--route-tint,#e8f0fb);aspect-ratio:4/5}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.about-portrait figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:17px;color:var(--route-ink,#023266);font:600 14px/1.5 'Satoshi',sans-serif}
.about-portrait figcaption>a{display:flex;align-items:center;gap:9px;font:400 12px/1.5 'Inter',sans-serif;color:#46586b}
.about-portrait figcaption svg{width:22px;height:22px;padding:4px;box-sizing:content-box;background:var(--route-action,#ffdf65);border-radius:50%;flex-shrink:0}
@media(max-width:950px){body.about-personal .page-hero{gap:30px}.about-personal .page-hero .display{font-size:44px}.about-personal .hero-intro{font-size:16px}.about-portrait figcaption{align-items:flex-start;flex-direction:column;gap:4px}.about-portrait-image{border-top-left-radius:85px}}
@media(max-width:700px){body.about-personal .page-hero{grid-template-columns:1fr;padding-block:138px 45px;gap:30px}.about-personal .page-hero .display{font-size:clamp(38px,9vw,52px);max-width:15ch}.about-personal .hero-intro{margin-top:20px}.about-personal .hero-meta{margin-top:23px;gap:15px 25px}.about-portrait{justify-self:center;max-width:440px}.about-portrait figcaption{flex-direction:row;align-items:center}.about-portrait figcaption>a{font-size:11px;gap:6px}}

@media(max-width:700px){.about-personal .hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.about-personal .hero-meta span{min-width:0;font-size:10px;letter-spacing:.08em}.about-personal .hero-meta b{font-size:16px;letter-spacing:0}}

.about-portrait figcaption>a{color:var(--route-ink,#023266);text-decoration:none}.about-portrait figcaption>a:hover{text-decoration:underline;text-underline-offset:4px}.about-portrait figcaption>a:focus-visible{outline:2px solid var(--route-accent,#2e5aa7);outline-offset:5px}
/* Editorial portrait spread: one composition, shared proof baseline. */
body.about-personal .page-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,88px);row-gap:35px;padding-block:126px 40px;align-items:center}
.about-personal .page-hero .display{font-size:clamp(42px,4.5vw,66px);max-width:15ch;line-height:1.04;letter-spacing:-.045em}
.about-personal .page-hero .hero-intro{max-width:49ch;font-size:17px;line-height:1.75;margin-top:24px}
.about-portrait{position:relative;max-width:410px;padding:0 0 0 18px;isolation:isolate}
.about-portrait:before{content:'';position:absolute;inset:28px 20px 65px -5px;border:1px solid #2e5aa750;border-radius:3px;z-index:-1}
.about-portrait:after{content:'';position:absolute;left:-20px;bottom:22px;width:116px;height:116px;background:var(--route-action,#ffdf65);border-radius:50%;z-index:-2}
.about-portrait-image{border-radius:3px;aspect-ratio:4/5}
.about-portrait figcaption{position:relative;background:var(--route-ink,#023266);color:#fff;padding:17px 20px;margin:-1px -15px 0 -18px;gap:12px}
.about-portrait figcaption>span{font-size:17px;line-height:1.2}.about-portrait figcaption small{display:block;font:400 11px/1.6 'Inter',sans-serif;color:#d2e1f4;margin-top:5px}
.about-portrait figcaption>a{color:#fff;white-space:nowrap;font-size:12px}.about-portrait figcaption svg{color:var(--route-ink,#023266)}
.about-personal .page-hero>.hero-meta{grid-column:1/-1;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 0 0;border-bottom:0}
.about-personal .hero-meta span{padding:0 24px;border-right:1px solid #02326625;font:400 11px/1.5 'Inter',sans-serif;text-transform:none;letter-spacing:0;gap:5px}.about-personal .hero-meta span:first-child{padding-left:0}.about-personal .hero-meta span:last-child{border:0}.about-personal .hero-meta b{font:750 25px/1.2 'Satoshi',sans-serif;color:var(--route-ink,#023266);letter-spacing:-.03em}
.about-personal .story-grid{grid-template-columns:minmax(240px,.78fr) minmax(0,1.3fr);gap:clamp(45px,7vw,100px);padding-block:64px}
.about-personal .story-aside{position:static;padding-right:28px;border-right:1px solid #02326620}
.about-personal .story-aside .section-kicker{margin-bottom:24px}
.about-personal .story-aside dl{gap:0}
.about-personal .story-aside dl>div{display:grid;grid-template-columns:32px 1fr;gap:7px 16px;padding:20px 0!important;border-top:1px solid #0232661c}
.about-personal .story-aside .craft-icon{position:static;grid-column:1;grid-row:1/3;width:28px;height:28px;margin:0;align-self:start;color:var(--route-accent,#2e5aa7)}
.about-personal .story-aside dt{grid-column:2;margin:0;font:600 10px/1.5 'Inter',sans-serif;letter-spacing:.1em}
.about-personal .story-aside dd{grid-column:2;margin:0;font:500 16px/1.65 'Satoshi',sans-serif;color:var(--route-ink,#023266)}
.about-personal .story-copy{gap:36px}.about-personal .story-block h2{font-size:clamp(27px,2.8vw,39px);line-height:1.18;max-width:25ch}.about-personal .story-block p{margin-top:16px;font-size:16px;max-width:65ch}
@media(max-width:900px){body.about-personal .page-hero{column-gap:32px}.about-personal .page-hero .display{font-size:43px}.about-portrait figcaption{flex-direction:column;align-items:flex-start;padding:14px 16px}.about-personal .story-grid{grid-template-columns:1fr;gap:36px}.about-personal .story-aside{border:0;padding:0}.about-personal .story-aside dl{grid-template-columns:1fr 1fr;gap:0 28px}}
@media(max-width:700px){body.about-personal .page-hero{grid-template-columns:1fr;padding-top:139px;row-gap:30px}.about-personal .page-hero .display{font-size:clamp(38px,9.2vw,54px);max-width:16ch}.about-personal .page-hero .hero-intro{font-size:16px}.about-portrait{max-width:370px;width:calc(100% - 20px);justify-self:center}.about-portrait figcaption{flex-direction:row;align-items:center;margin-right:-8px}.about-portrait figcaption small{max-width:20ch;font-size:10px}.about-portrait figcaption>span{font-size:16px}.about-personal .page-hero>.hero-meta{grid-template-columns:1fr 1fr;row-gap:22px}.about-personal .hero-meta span{padding:0 16px}.about-personal .hero-meta span:nth-child(odd){padding-left:0}.about-personal .hero-meta span:nth-child(even){border:0}.about-personal .hero-meta b{font-size:22px}.about-personal .story-aside dl{grid-template-columns:1fr}.about-personal .story-grid{padding-block:42px}.about-personal .story-aside dd{font-size:16px}}

@media(min-width:901px){body.about-personal .page-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:56px}.about-portrait{justify-self:center}}