/* About: preserve the client copy; give the story room and a clear visual rhythm. */
#about{background:#fff}
#about .page-hero-about::after,#about .about-purpose::before{display:none}
#about > .wrap{max-width:1328px}
#about .page-hero-about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:148px 48px 88px;margin:0 0 40px;text-align:left;border-radius:0;background:none;position:relative;isolation:isolate;overflow:visible}
#about .page-hero-about::before{content:"";position:absolute;inset:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);z-index:-1;pointer-events:none;background:linear-gradient(180deg,#dceefa 0%,#e8f4fb 48%,#f5fafd 78%,#fff 100%)}
#about .about-network{margin:0 -28px 0 0;min-width:0;align-self:stretch;display:flex;align-items:center}
#about .about-network img{display:block;width:100%;height:auto;min-height:320px;object-fit:contain}
#about .about-intro{min-width:0}
#about .about-seal{display:none}
#about .page-hero-about .eyebrow{margin:0 0 24px;color:#3f5663;font-size:16px;letter-spacing:normal;text-transform:none}
#about .page-hero-about h1{font-size:clamp(36px,3.5vw,52px);line-height:1.18;max-width:19ch;margin:0;letter-spacing:normal;font-weight:600}
#about .page-hero-about p{margin:28px 0 0;max-width:49ch;color:#3f5663}
#about .about-photo{margin:0;min-width:0;height:520px;overflow:hidden;border-radius:var(--radius-card);background:#eaf5fb}
#about .about-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:47% center}
#about .about-purpose{background:#123f35;color:white;padding:56px;border:0;border-radius:var(--radius-panel);margin:0 0 72px}
#about .about-purpose .two{gap:64px}
#about .about-purpose .mv{background:none;border:0;border-radius:0!important;padding:0;box-shadow:none}
#about .about-purpose .mv + .mv{border-left:1px solid #598071;padding-left:48px}
#about .about-purpose .mv-head{align-items:center;gap:16px;margin-bottom:24px}
#about .about-purpose h4{font-size:32px;color:#fff}
#about .about-purpose p{color:#e0eee7;max-width:48ch}
#about .about-purpose .line-ico{width:auto;height:auto;background:none}
#about .about-purpose .line-ico img{width:30px;height:30px;filter:none;opacity:.85}
#about .values-band{background:#eaf5fb;border:0;border-radius:var(--radius-panel);padding:56px;margin:0 0 72px;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:0 64px;align-items:start}
#about .values-band > .sec-h{font-size:40px;grid-column:1;margin:0 0 20px}
#about .values-band > .sec-p{grid-column:1;margin:0;max-width:25ch}
#about .values-grid{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
#about .val-item{padding:24px 0 28px;border:0;border-top:1px solid #b9d1dc;background:none;border-radius:0!important;box-shadow:none}
#about .val-head{gap:12px;margin-bottom:12px;align-items:flex-start}
#about .val-head h4{font-size:22px}
#about .val-item .line-ico{margin-top:3px;background:none}
#about .val-item .line-ico img{opacity:.85;filter:none}
#about .val-item p{color:#3f5663}
#about .cta-outer{margin-top:0;padding-top:0}
@media(max-width:1000px){
 #about .page-hero-about{gap:28px;padding:124px 32px 64px;grid-template-columns:1fr}#about .about-network{margin:0}#about .about-network img{min-height:0}#about .page-hero-about h1{max-width:26ch}#about .page-hero-about p{max-width:65ch}
 #about .about-purpose,#about .values-band{padding:40px}
 #about .about-purpose .two{gap:32px}#about .about-purpose .mv + .mv{padding-left:32px}
 #about .values-band{grid-template-columns:1fr;gap:0}
 #about .values-band > .sec-p{max-width:60ch;margin-bottom:28px}
 #about .values-grid{grid-column:1;grid-row:auto}
}
@media(max-width:760px){
 #about .page-hero-about{grid-template-columns:1fr;padding:110px 0 48px;margin:0 0 24px;gap:24px}
 #about .page-hero-about h1{font-size:clamp(34px,7vw,48px);max-width:23ch}
 #about .page-hero-about .eyebrow{margin-bottom:16px}#about .page-hero-about p{margin-top:24px}
 #about .about-photo{height:340px}
 #about .about-purpose,#about .values-band{padding:28px;margin-bottom:40px}
 #about .about-purpose .two{grid-template-columns:1fr;gap:32px}
 #about .about-purpose .mv + .mv{border-left:0;border-top:1px solid #598071;padding:32px 0 0}
 #about .about-purpose h4{font-size:28px}#about .values-band > .sec-h{font-size:32px}
}
@media(max-width:480px){
 #about .values-grid{grid-template-columns:1fr}
 #about .about-purpose,#about .values-band{padding:24px}
 #about .about-photo{height:300px}
}