.about-hero{padding:64px 0 0;text-align:center}
.about-hero h1{font-size:clamp(38px,4.8vw,65px);line-height:1.1;letter-spacing:-.055em;margin:0 auto 24px;max-width:1000px}
.about-hero h1 span{color:var(--hp-blue)}
.about-lead{max-width:700px;margin:0 auto 28px;font-size:19px;color:var(--hp-muted)}
.about-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:left;border-block:1px solid var(--hp-line);margin-top:54px;padding:26px 0;gap:28px}
.about-chapters strong,.about-chapters span{display:block}
.about-chapters strong{font-size:28px;letter-spacing:-.04em;color:var(--hp-blue)}
.about-chapters span{font-size:13px;color:var(--hp-muted);margin-top:5px}
.about-story{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}
.about-story p{font-size:16px;color:var(--hp-muted);margin:0 0 20px}
.about-future{background:#10285a;border-radius:24px;padding:48px;color:#fff}
.pb-about .about-future h2,.pb-about .about-future h3{color:#fff}
.about-future .hp-kicker,.about-future a{color:#c4d5ff}
.about-future>p:not(.hp-kicker){max-width:850px;color:#dbe5fa}
.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:36px}
.about-pillars article{border-top:1px solid #6b82b4;padding-top:24px}
.about-pillars article>span{font-size:10px;letter-spacing:.1em;color:#c4d5ff}
.about-pillars h3{margin-top:16px}
.about-pillars p{font-size:14px;color:#dbe5fa}
.about-future-note{border-top:1px solid #6b82b4;padding-top:22px;margin:28px 0 0;font-size:14px}
.about-future-note a{display:inline-block;margin-top:8px;text-underline-offset:4px}
.about-principles article+article{border-top:1px solid var(--hp-line);padding-top:22px}
.about-belief{text-align:center;max-width:720px;margin:0 auto;padding:0 0 64px}
.about-belief h2{font-size:clamp(36px,4.5vw,60px)}
.about-belief>p:not(.hp-kicker){color:var(--hp-muted);font-size:17px}
@media(max-width:760px){.about-hero{padding-top:38px}.about-lead{font-size:16px}.about-chapters{gap:14px;margin-top:36px}.about-chapters strong{font-size:22px}.about-chapters span{font-size:12px}.about-story{grid-template-columns:1fr;gap:8px}.about-future{padding:30px 24px}.about-pillars{grid-template-columns:1fr;gap:14px}.about-belief{padding-bottom:38px}}
@media(max-width:370px){.about-chapters{grid-template-columns:1fr;padding:20px 0;gap:18px}.about-chapters strong{font-size:23px}.about-future{padding:26px 20px}}