/* About page: personal introduction, experience, purpose and commitments. */
.about-page .about-width { width:100%; max-width:1200px; margin:0 auto; padding-left:45px; padding-right:45px; }
.about-page main p { font-size:18px; line-height:1.85; color:#62596a; }
.about-page main .about-label { font-size:13px; line-height:1.7; letter-spacing:1px; color:#66516f; font-weight:600; margin:0 0 20px; }
.about-page main h1,.about-page main h2,.about-page main h3 { color:#403346; }
.about-page main h2 { font-size:clamp(30px,3.1vw,42px); line-height:1.25; letter-spacing:-1.3px; margin:0; }
.about-page main h1 em,.about-page main h2 em { color:#80628b; }
.about-page .about-welcome { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:75px; padding-top:48px; padding-bottom:65px; }
.about-page .about-welcome h1 { font-size:clamp(43px,4.6vw,62px); line-height:1.15; letter-spacing:-2.2px; font-weight:400; margin:0 0 25px; }
.about-page .about-welcome .about-intro { font-size:21px; line-height:1.75; color:#514459; }
.about-page .about-text-link { color:#594167; font-size:16px; line-height:1.8; text-underline-offset:5px; display:inline-block; margin-top:8px; }
.about-page .about-personal-note { background:#e7deec; padding:35px 32px; border-radius:7px; }
.about-page .about-personal-note p { font-size:25px; line-height:1.65; margin:0 0 28px; color:#514459; }
.about-page .about-personal-note span { display:block; font-size:17px; line-height:1.8; color:#403346; }
.about-page .about-personal-note small { display:block; font-size:13px; line-height:1.7; color:#62536b; }
.about-page .about-experience { display:grid; grid-template-columns:1fr 1.2fr; gap:70px; border-top:1px solid #ded7df; padding-top:55px; padding-bottom:55px; scroll-margin-top:24px; }
.about-page .about-body-copy p { margin:0 0 20px; }
.about-page .about-body-copy p:last-child { margin-bottom:0; }
.about-page .about-purpose { background:#2b2438; }
.about-page .about-purpose-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:70px; padding-top:55px; padding-bottom:55px; }
.about-page .about-purpose h2 { color:#faf5f0; }
.about-page .about-purpose h2 em { color:#dbc3e7; }
.about-page .about-purpose .about-label { color:#d5c4df; }
.about-page .about-purpose p { color:#e3d9e7; }
.about-page .about-expectations { padding-top:55px; padding-bottom:55px; }
.about-page .about-expectations-intro { max-width:650px; margin-bottom:30px; }
.about-page .about-commitments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 50px; }
.about-page .about-commitments article { padding:24px 0 20px; border-top:1px solid #d8cfdc; }
.about-page .about-commitments h3 { font-size:23px; letter-spacing:-.4px; line-height:1.4; font-weight:500; margin:0 0 12px; }
.about-page .about-commitments p { font-size:17px; margin:0; }
.about-page .about-next { padding-top:27px; border-top:1px solid #d8cfdc; margin-top:20px; }
.about-page .about-next>p { margin:0 0 23px; }
.about-page .about-next>div { display:flex; align-items:center; flex-wrap:wrap; gap:20px 30px; }
.about-page .about-next .story-button { font-size:15px; padding:16px 23px; }
.about-page .about-next .about-text-link { margin-top:0; }
.about-page main a:focus-visible { outline:3px solid #51405f; outline-offset:5px; }
@media(max-width:900px) {
 .about-page .about-welcome { gap:35px; }
 .about-page .about-experience,.about-page .about-purpose-layout { gap:35px; }
}
@media(max-width:700px) {
 .about-page .about-width { padding-left:23px; padding-right:23px; }
 .about-page .about-welcome { grid-template-columns:minmax(0,1fr); gap:24px; padding-top:27px; padding-bottom:35px; }
 .about-page .about-welcome h1 { font-size:43px; letter-spacing:-1.7px; }
 .about-page .about-welcome .about-intro { font-size:20px; }
 .about-page .about-personal-note { padding:27px; }
 .about-page .about-personal-note p { font-size:23px; }
 .about-page .about-experience,.about-page .about-purpose-layout { grid-template-columns:minmax(0,1fr); gap:25px; padding-top:35px; padding-bottom:35px; }
 .about-page .about-expectations { padding-top:35px; padding-bottom:38px; }
 .about-page .about-commitments { grid-template-columns:minmax(0,1fr); }
}