.about-page .page-hero .about-lede{color:var(--ink);border-left:5px solid var(--orange);padding:2px 0 2px 20px;max-width:650px;margin-top:28px;font-size:22px;line-height:1.45}
.about-page .about-lede-main{display:block;font-weight:600;text-wrap:pretty}
.about-page .about-coffee{display:block;margin-top:8px;font-size:16px;line-height:1.5;font-weight:400;color:var(--slate)}
@media(max-width:560px){.about-page .page-hero .about-lede{font-size:20px;padding-left:16px;margin-top:24px}}
.about-page .page-hero{display:grid;grid-template-columns:320px minmax(0,1fr);gap:56px;align-items:start;padding:40px 0 56px;max-width:none}
.about-page .about-introduction{margin:32px 0 0;padding:0}
.about-page .about-introduction .prose{max-width:none}
.about-page .about-heading{grid-column:2}
.about-page .page-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.05}
.about-page .page-hero .about-lede{font-size:18px;margin-top:24px}
.about-page .page-kicker{margin-top:0}
.about-page .about-hero-intro{color:var(--ink);font-size:20px;line-height:1.6;margin:22px 0 0;max-width:650px}
.about-page .about-introduction .prose p:first-child{margin-top:0}
.about-page .about-profile{grid-column:1;grid-row:1;width:100%}
.about-page .about-portrait{margin:0;width:100%}
.about-page .about-portrait-frame{border:0;padding:0}
.about-page .about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:0}
.about-page .about-portrait figcaption{margin-top:10px;text-align:left;color:var(--muted);font-size:13px;line-height:1.5}
.about-page .about-current{border-left:5px solid var(--orange);padding:3px 0 3px 22px;margin-top:28px}
.about-page .about-current h2{font-size:23px;margin:0 0 8px}
.about-page .about-current p{margin:0}
.about-page .about-experience{margin:0 0 48px}
.about-page .about-experience>.section-title{margin:0 0 25px}
.about-page .about-timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.about-page .about-timeline li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-content:start;align-items:baseline;padding:20px 0 24px;border-top:1px solid var(--line)}
.about-page .about-timeline h3{grid-column:1;grid-row:1;font-family:var(--body);font-weight:600;font-size:18px;line-height:1.4;margin:0;color:var(--ink)}
.about-page .about-timeline p{margin:0;grid-column:1/-1;font-size:16px;line-height:1.5;color:var(--slate)}
.about-page .about-timeline .about-time{grid-column:2;grid-row:1;font-size:13px;color:var(--muted)}
.about-page .about-sitemap{margin:0 0 40px;padding-top:30px;border-top:1px solid var(--line)}
.about-page .about-map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.about-page .about-map-heading h2{margin:0}
.about-page .about-start-links{display:flex;gap:24px;align-items:center;font-size:14px}
.about-page .about-start-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}
.about-page .about-start-links a:hover{color:var(--link);text-decoration:underline}
.about-page .about-start-links [aria-current=page]{color:var(--ink);font-weight:700}
.about-page .about-map-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.about-page .about-map-groups h3{margin:0 0 15px;font-size:23px;color:var(--ink)}
.about-page .about-map-groups ul{list-style:none;padding:0;margin:0;columns:1}
.about-page .about-map-groups li{margin:0;border-top:1px solid var(--line)}
.about-page .about-map-groups li:last-child{border-bottom:1px solid var(--line)}
.about-page .about-map-groups a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;min-height:65px;padding:15px 0;color:var(--link);text-decoration:none}
.about-page .about-map-groups a:hover .about-map-title{text-decoration:underline;text-underline-offset:5px}
.about-page .about-map-title{font-weight:600;line-height:1.45}
.about-page .about-map-format{font-size:13px;color:var(--muted);line-height:1.4;text-align:right}
@media(max-width:800px){
 .about-page .about-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
 .about-page .about-map-groups{gap:30px}
 .about-page .about-map-groups a{grid-template-columns:1fr;gap:5px}
 .about-page .about-map-format{text-align:left}
}
@media(max-width:560px){
 .about-page .about-timeline{grid-template-columns:1fr;gap:0}
 .about-page .about-timeline li{padding:18px 0}
 .about-page .about-experience{margin-bottom:44px}
 .about-page .about-map-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:24px}
 .about-page .about-start-links{gap:26px}
 .about-page .about-map-groups{grid-template-columns:1fr;gap:30px}
 .about-page .about-map-groups h3{margin-bottom:12px}
 .about-page .about-map-groups a{min-height:68px;padding:13px 0}
 .about-page .about-current{padding-left:17px}
}
@media(max-width:950px){.about-page .page-hero{grid-template-columns:250px minmax(0,1fr);gap:32px}}
@media(max-width:700px){.about-page .page-hero{display:flex;flex-direction:column;align-items:stretch;gap:28px}.about-page .about-heading{order:1}.about-page .about-profile{order:0;width:min(100%,320px)}.about-page .about-introduction{padding-left:0}.about-page .page-hero h1{font-size:36px}.about-page .about-hero-intro{font-size:18px}}
.about-page .about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}
.about-page .about-fact{display:flex;flex-direction:column;justify-content:flex-start;gap:7px;min-height:94px;border:1px solid var(--line);border-top:2px solid var(--orange);padding:13px 14px;background:var(--paper)}
.about-page .about-fact dt{order:1;font-family:var(--body);font-size:13px;font-weight:600;color:var(--graphite);line-height:1.35}
.about-page .about-fact dt span{display:block;margin-top:6px;font-weight:400;font-size:13px;line-height:1.4;color:var(--slate)}
.about-page .about-fact dd{order:0;margin:0;font-family:var(--display);font-weight:600;font-size:34px;line-height:1;color:var(--blue)}