.about-page .about-container{width:calc(100% - 48px);max-width:1100px;margin-inline:auto}
.about-page .about-hero{padding:46px 0;background:linear-gradient(90deg,#062f48e6,#06394b80),url('hero.webp') center 42%/cover;color:white}
.about-page .about-kicker{font-size:14px;letter-spacing:.4px;margin-bottom:12px;color:#a6e8ef}
.about-page h1{font-size:clamp(38px,5vw,60px);letter-spacing:-1px;line-height:1.1;margin:0 0 12px}
.about-page .about-tagline{font-size:clamp(20px,2.5vw,29px);font-weight:700;line-height:1.3}
.about-page .about-story{padding-block:32px;max-width:900px}
.about-page .about-story p,.about-page .about-panel p{font-size:16px;line-height:1.65;margin-top:14px}
.about-page .about-story h2,.about-page .about-panel h2,.about-page .about-values>h2{font-size:26px;line-height:1.25}
.about-page .about-principle{background:linear-gradient(105deg,#06384f,#06465e);padding:25px 0;text-align:center;color:#edfcff}
.about-page .about-principle p{font-size:clamp(22px,2.4vw,30px);line-height:1.4}
.about-page .about-principle strong{color:#60d8df}
.about-page .about-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-block:30px}
.about-page .about-panel{--accent:#10879e;background:linear-gradient(115deg,#e2f8fc,#d5f3f9);border-radius:9px;padding:25px;display:flex;flex-direction:column;min-width:0}
.about-page .about-panel h2{margin-top:10px}
.about-page .about-panel .outline{margin-top:20px;align-self:flex-start;width:auto;padding-inline:18px}
.about-page .about-future{--accent:#b75615;background:linear-gradient(110deg,#fff7e9,#ffefd9)}
.about-page .about-future .eyebrow{color:#a45015}
.about-page .about-values{padding-bottom:34px}
.about-page .about-values>h2{text-align:center;margin-bottom:20px}
.about-page .about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.about-page .about-values-grid article{border-top:3px solid #19a3b4;padding-top:12px;min-width:0}
.about-page .about-values-grid h3{font-size:18px;margin:0 0 8px}
.about-page .about-values-grid p{font-size:15px;line-height:1.5}
.about-page .about-community .community-inner{max-width:1148px;min-height:170px}
.about-page .header nav [aria-current="page"]{color:#61dde4;text-decoration:underline;text-underline-offset:5px}
@media(max-width:767px){.about-page .about-directions{grid-template-columns:1fr}.about-page .about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .about-panel{padding:22px}.about-page .about-hero{padding:35px 0}}
@media(max-width:420px){.about-page .about-container{width:calc(100% - 36px)}.about-page .about-values-grid{grid-template-columns:1fr}.about-page .about-community .community-inner{min-height:280px}}