/* About review 10. Page-local styles; shared Sightline typography and symbols. */
.about-page{--about-body:19px;--about-heading:clamp(29px,2.65vw,38px)}
.about-page h1,.about-page h2,.about-page h3{color:var(--ink)}
.about-page h2{font:400 var(--about-heading)/1.2 var(--serif);letter-spacing:-.025em;text-wrap:pretty}
.about-page p,.about-page li{font-size:var(--about-body);line-height:1.6;text-wrap:pretty}
.about-page .about-label{font:500 13px/1.4 var(--sans);letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px}
.about-opening-hero,.about-advisory-banner{position:relative;isolation:isolate;overflow:hidden;background:var(--night)}
.about-opening-hero>img,.about-advisory-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.about-opening-hero:before,.about-advisory-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,34,.88),rgba(7,19,34,.58) 43%,rgba(7,19,34,.04) 82%);z-index:-1}
.about-opening-hero>.wrap{min-height:300px;padding-block:38px;display:flex;flex-direction:column;justify-content:center}
.about-page .about-opening-hero h1{font:400 clamp(38px,3.9vw,56px)/1.12 var(--serif);letter-spacing:-.025em;max-width:770px;color:#fff}
.about-page .about-opening-hero .about-label{color:#fff}
.about-intro{padding-block:32px 36px}
.about-intro p{font-size:21px;line-height:1.5;max-width:1000px}
.about-founder{padding-bottom:40px}
.about-founder-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8%;align-items:start;border-top:1px solid var(--line);padding-top:34px}
.founder-intro{margin-top:20px;max-width:460px}
.about-person{display:flex;gap:20px;align-items:center;margin-top:26px}
.about-person img{width:120px;aspect-ratio:5/6;object-fit:cover;object-position:center;flex:none}
.about-person figcaption{font-size:16px;line-height:1.5}
.about-person figcaption strong,.about-person figcaption span{display:block}
.about-person figcaption strong{font-weight:500;color:var(--ink)}
.about-person figcaption span{font-size:14px;color:var(--quiet);margin-top:4px}
.founder-copy p+p{margin-top:18px}
.about-experience{padding-bottom:48px}
.experience-heading{margin-bottom:26px}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8%;row-gap:18px}
.experience-area{display:grid;grid-template-rows:subgrid;grid-row:span 3;padding-top:28px;padding-bottom:22px;border-top:1px solid var(--line);min-width:0}
.area-label{display:flex;align-items:center;gap:16px}
.about-page .area-label p{font-size:15px;line-height:1.35;color:var(--quiet);font-weight:500}
.experience-area h3{max-width:590px;font:400 32px/1.2 var(--serif);letter-spacing:-.025em;text-wrap:pretty}
.experience-area ul{padding-left:21px;margin:0}
.experience-area li{padding-left:4px}
.experience-area li::marker{font-size:12px;color:var(--ink)}
.experience-area li+li{margin-top:12px}
.about-advisory-banner>.wrap{min-height:245px;padding-block:38px;display:flex;align-items:center}
.about-page .about-advisory-banner h2{font-size:40px;max-width:650px;color:#fff}
.about-working-copy{padding-block:32px 36px}
.about-working-copy p{max-width:860px}
.about-working-copy p+p{margin-top:18px}
.about-recommendations{padding:34px 0;background:#f5f6f7}
.about-recommendations h2{margin-bottom:24px}
.recommendation-pair{display:block}
.recommendation-pair figure{display:grid;grid-template-columns:minmax(0,23%) minmax(0,1fr);gap:5%;align-items:start;margin:0;padding-block:25px;border-top:1px solid var(--line)}
.recommendation-pair blockquote{grid-column:2;grid-row:1;max-width:900px}
.recommendation-pair figcaption{grid-column:1;grid-row:1;padding-top:3px}
.about-page .recommendation-pair blockquote p{font:400 var(--about-body)/1.6 var(--sans);letter-spacing:normal;color:var(--ink)}
.recommendation-pair figcaption{font:400 16px/1.5 var(--sans)}
.recommendation-pair figcaption strong{display:block;font-weight:500;color:var(--ink)}
.recommendation-pair figcaption a{display:inline-block;color:var(--quiet);margin-top:4px;text-decoration:none}
.recommendation-pair figcaption a:hover{text-decoration:underline}
.about-recommendations .text-link{font-size:16px;margin-top:0;margin-left:28%}
.about-qualifications{padding-block:42px 46px}
.qualifications-heading{max-width:900px;margin-bottom:30px}
.qualifications-heading>p{margin-top:18px;max-width:840px}
.qualification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 8%}
.qualification{display:grid;grid-template-columns:34px minmax(0,1fr);gap:18px;min-width:0}
.about-page .qualification h3{font:500 20px/1.35 var(--sans);letter-spacing:0;max-width:480px;margin-bottom:12px}
.about-page .qualification p{font-size:16px;line-height:1.5}
.qualification-name,.qualification-institution{display:block}
.qualification-institution{color:var(--quiet);margin-top:3px}
.qualification-coaching{grid-column:1/-1}
.qualification-coaching h3{max-width:none}
.qualification-coaching .credentials{display:grid;grid-template-columns:1fr;gap:14px}
.about-close{background:var(--night);color:#fff;padding-block:38px 40px}
.about-editorial-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8%;align-items:start}
.about-page .about-close h2,.about-close p{color:#fff}
.about-close .button{margin-top:22px;background:#fff;color:var(--ink);border-color:#fff;font-size:17px}
@media(min-width:761px) and (max-width:1050px){
 .about-page{--about-body:18px}
 .about-founder-grid{gap:6%}
 .about-page .experience-area h3{font-size:29px}
 .about-page .area-label p{font-size:14px}
}
@media(max-width:760px){
 .about-page{--about-body:18px;--about-heading:30px}
 .about-page .about-label{font-size:12px;margin-bottom:16px}
 .about-opening-hero>.wrap{min-height:265px;padding-block:28px}
 .about-page .about-opening-hero h1{font-size:36px;line-height:1.16;max-width:520px}
 .about-opening-hero>img{object-position:66% center}
 .about-opening-hero:before,.about-advisory-banner:before{background:linear-gradient(90deg,rgba(7,19,34,.9),rgba(7,19,34,.4))}
 .about-intro{padding-block:26px 28px}
 .about-intro p{font-size:19px;line-height:1.55}
 .about-founder{padding-bottom:30px}
 .about-founder-grid{display:block;padding-top:28px}
 .founder-intro{margin-top:18px;max-width:none}
 .about-person{margin-top:22px;gap:18px}
 .about-person img{width:84px}
 .founder-copy{margin-top:24px}
 .about-experience{padding-bottom:30px}
 .experience-heading{margin-bottom:24px}
 .experience-grid{display:block}
 .experience-area{display:block;padding-block:24px 28px}
 .experience-area:last-child{padding-bottom:0}
 .area-label{gap:14px;margin-bottom:16px}
 .about-page .area-label p{font-size:14px}
 .about-page .experience-area h3{font-size:28px;margin-bottom:18px}
 .experience-area li+li{margin-top:12px}
 .about-advisory-banner>.wrap{min-height:230px;padding-block:28px}
 .about-advisory-banner>img{object-position:68% center}
 .about-page .about-advisory-banner h2{font-size:30px}
 .about-working-copy{display:block;padding-block:26px 30px}
 .about-working-copy p+p{margin-top:18px}
 .about-recommendations{padding-block:28px 30px}
 .recommendation-pair figure{display:block;padding-block:22px}
 .recommendation-pair figcaption{margin-top:16px;font-size:15px;padding-top:0}
 .about-recommendations .text-link{margin-top:2px;margin-left:0}
 .about-qualifications{padding-block:30px 32px}
 .qualifications-heading{margin-bottom:26px}
 .qualification-grid{grid-template-columns:1fr;gap:26px}
 .qualification{gap:16px}
 .about-page .qualification h3{font-size:19px;margin-bottom:10px}
 .qualification-coaching{grid-column:auto}
 .qualification-coaching .credentials{display:block}
 .qualification-coaching .credentials p+p{margin-top:14px}
 .about-editorial-spread{display:block}
 .about-close{padding-block:28px 30px}
 .about-close h2{margin-bottom:20px}
 .about-close .button{font-size:16px}
}