/* A reading-led introduction, grounded in the original detail-page story. */
.about-editorial{--about-blue:#167ab2;--about-text:#56636d;--about-soft:#f3f7fa}
.about-editorial section[id]{scroll-margin-top:100px}
.about-editorial h2{font-size:clamp(32px,3.1vw,44px);line-height:1.5;font-weight:650;letter-spacing:-.035em}
.about-editorial h2 span{color:var(--about-blue);font-weight:600}
.about-welcome{padding:112px 0 0}
.about-opening{max-width:790px;margin:0 auto;text-align:center}
.about-hello{font-size:17px;color:var(--about-text);margin-bottom:25px}
.about-opening h2{font-size:clamp(36px,3.9vw,54px);line-height:1.45;letter-spacing:-.035em}
.about-opening h2 em{font-style:normal;color:var(--about-blue)}
.about-opening-copy{font-size:19px;line-height:1.95;color:#3f4d58;margin-top:34px}
.about-opening-copy strong{font-weight:650}
.about-opening-note{font-size:16px;line-height:1.95;color:#5c6d79;margin-top:23px}
.about-landscape{margin:64px 0 0}
.about-landscape>img{display:block;width:100%;aspect-ratio:2.15;object-fit:cover;object-position:50% 60%;border-radius:10px}
.about-landscape figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:12px;line-height:1.7;color:#75818a}
.about-possibilities,.about-close-flight{padding:124px 0}
.about-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:start}
.about-flight-photo{padding-top:12px}
.about-flight-photo .story-photo>img{aspect-ratio:.86;object-position:53% 50%}
.about-reading .about-lead{font-size:21px;color:#243d50;line-height:1.8;margin:30px 0 20px;font-weight:500}
.about-reading>p:not(.about-lead){font-size:16px;color:var(--about-text);line-height:1.95;margin:0 0 20px;max-width:34em}
.about-service-stories{margin-top:34px}
.about-service-stories article{padding:25px 0;border-top:1px solid #dce4e9}
.about-service-stories article:last-child{padding-bottom:0}
.about-service-stories h3{font-size:18px;line-height:1.7;font-weight:600;letter-spacing:-.025em;margin-bottom:10px}
.about-service-stories h3 a{display:flex;justify-content:space-between;align-items:center;gap:14px}
.about-service-stories h3 a span{font-size:17px;color:var(--about-blue);font-weight:400}
.about-service-stories p{font-size:14px;color:var(--about-text);line-height:1.95}
.about-people{background:var(--about-soft);padding:110px 0 85px}
.about-people-heading{text-align:center;max-width:720px;margin:0 auto 50px}
.about-people-heading>p{font-size:16px;line-height:1.95;color:var(--about-text);margin:25px auto 0}
.about-people-layout{max-width:820px;margin:0 auto}
.about-team-portraits{margin:0 0 48px;text-align:center}
.about-portrait-pair{display:flex;justify-content:center;gap:36px}
.about-individual-portrait{display:block;width:220px;max-width:calc((100% - 36px)/2);height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center top;overflow:hidden;border-radius:8px;background:#fff}
.about-team-portraits figcaption{font-size:12px;line-height:1.8;color:#66717b;margin-top:22px}
.about-careers-label{text-align:center;font-size:13px;color:#637786;margin-bottom:22px}
.about-careers article{padding:30px 0 32px;border-top:1px solid #c6d6e1}
.about-careers article:last-child{border-bottom:1px solid #c6d6e1}
.about-career-title{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}
.about-career-title h3{font-size:22px;line-height:1.55;font-weight:600;letter-spacing:-.03em;max-width:12em}
.about-career-title>p{display:flex;flex-direction:column;flex:none;text-align:right;line-height:1.4}
.about-career-title strong{font-size:60px;line-height:1.1;font-weight:750;letter-spacing:-.045em;color:var(--about-blue);font-variant-numeric:tabular-nums;display:block;min-width:5ch}
.about-career-title>p span{font-size:13px;color:#526879;margin-top:10px;font-weight:500}
.about-careers article>p{font-size:15px;line-height:1.95;color:var(--about-text);max-width:36em}
.about-teaching{border-top:1px solid #c6d6e1;margin-top:64px;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.about-teaching p{font-size:14px;line-height:1.9;color:var(--about-text)}
.about-teaching strong{display:block;font-weight:600;color:#2b4356;margin-bottom:4px;font-size:17px}
.about-teaching .text-link{flex:none}
.about-close-flight .about-two-column{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center}
.about-cockpit-photo .story-photo>img{aspect-ratio:1;object-position:50% 50%}
.about-operating{margin:34px 0 26px}
.about-operating>div{padding:20px 0;border-top:1px solid #dce4e9}
.about-operating dt{font-size:12px;color:#74818b;margin-bottom:8px}
.about-operating dd{margin:0;font-size:16px;line-height:1.8;color:#263e51;word-break:keep-all}
.about-farewell{position:relative;isolation:isolate;color:#fff;min-height:450px;display:flex;align-items:center;padding:70px 0}
.about-farewell>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;z-index:-2}
.about-farewell:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#092237d9,#102d4466 65%,#102d4420);z-index:-1}
.about-farewell h2{font-size:40px;line-height:1.5}
.about-farewell p{font-size:16px;line-height:1.9;color:#ffffffd9;margin:23px 0 28px}
.about-farewell .button-solid{background:white;color:var(--navy);padding:14px 23px}
.about-farewell .button-solid span{margin-left:24px;color:var(--accent)}
@media(max-width:1100px){
 .about-two-column{gap:52px}
 .about-career-title h3{font-size:19px}
 .about-career-title strong{font-size:48px}
 .about-people-heading>p{font-size:14px}
}
@media(max-width:760px){
 .about-editorial section[id]{scroll-margin-top:110px}
 .about-welcome{padding-top:68px}
 .about-hello{font-size:14px;margin-bottom:21px}
 .about-opening h2{font-size:clamp(28px,7.8vw,36px);line-height:1.5}
 .about-opening-copy{font-size:16px;margin-top:26px;line-height:1.9}
 .about-opening-copy br,.about-opening-note br{display:none}
 .about-opening-note{font-size:14px;margin-top:20px}
 .about-landscape{margin-top:36px}
 .about-landscape>img{aspect-ratio:1.3;object-position:40% 50%}
 .about-landscape figcaption{display:block;font-size:11px;line-height:1.8;padding-top:12px}
 .about-landscape figcaption span{display:block}
 .about-possibilities,.about-close-flight{padding:76px 0}
 .about-two-column,.about-close-flight .about-two-column{grid-template-columns:1fr;gap:35px}
 .about-flight-photo{padding:0}
 .about-flight-photo .story-photo>img{aspect-ratio:1.25}
 .about-editorial h2{font-size:30px;line-height:1.5}
 .about-reading .about-lead{font-size:18px;margin-top:25px}
 .about-reading>p:not(.about-lead){font-size:15px;line-height:1.95}
 .about-service-stories{margin-top:26px}
 .about-service-stories h3{font-size:17px}
 .about-people{padding:76px 0 60px}
 .about-people-heading{display:block;margin-bottom:35px}
 .about-people-heading>p{font-size:14px;max-width:none;margin-top:23px}
 .about-people-heading>p br{display:none}
 .about-team-portraits{margin-bottom:36px}
 .about-portrait-pair{gap:18px}
 .about-individual-portrait{width:190px;max-width:calc((100% - 18px)/2);border-radius:6px}
 .about-team-portraits figcaption{font-size:11px;margin-top:17px}
 .about-career-title{gap:16px;margin-bottom:19px}
 .about-career-title h3{font-size:19px;max-width:10em}
 .about-career-title strong{font-size:42px}
 .about-careers article{padding:27px 0}
 .about-careers article>p{font-size:14px}
 .about-teaching{display:block;margin-top:38px;padding-top:25px}
 .about-teaching p{font-size:13px}
 .about-teaching .text-link{margin-top:20px}
 .about-operating dd{font-size:15px}
 .about-cockpit-photo .story-photo>img{aspect-ratio:1.25}
 .about-farewell{min-height:390px;padding:58px 0}
 .about-farewell>img{object-position:58% 50%}
 .about-farewell h2{font-size:32px}
 .about-farewell p{font-size:14px}
}

/* Broad, slightly uneven marker strokes emphasize the two editorial headings. */
.about-editorial .about-marker{position:relative;display:inline-block;isolation:isolate;white-space:nowrap;font-style:normal;color:var(--navy)}
.about-editorial h2 .about-marker{font-weight:inherit;color:var(--navy)}
.about-marker::after{content:"";position:absolute;z-index:-1;left:-.08em;right:-.09em;bottom:.13em;height:.39em;background:#ffda59;transform:rotate(-1deg);clip-path:polygon(1% 10%,98% 0,100% 83%,2% 100%,0 55%);pointer-events:none}
.about-marker-small::after{bottom:.08em;height:.5em;background:#ffe58b;transform:rotate(-.6deg)}

/* The center-of-screen trigger starts a single, unhurried ink stroke. */
@media(prefers-reduced-motion:no-preference){
 .about-marker::after{--marker-angle:-1deg;transform-origin:left center;transform:rotate(var(--marker-angle)) scaleX(0);transition:none}
 .about-marker-small::after{--marker-angle:-.6deg}
 .about-marker.is-marker-ready.is-marked::after{animation:marker-draw 1.25s cubic-bezier(.35,.05,.25,1) both}
 @keyframes marker-draw{from{transform:rotate(var(--marker-angle)) scaleX(0)}to{transform:rotate(var(--marker-angle)) scaleX(1)}}
}