.about-page{background:#f4f8f9;color:#153b49}
.about-page *{box-sizing:border-box}
.about-page .guide-header{max-width:1120px;padding:22px 28px}
.about-page .guide-header>a:last-child{font-size:14px;font-weight:650;text-underline-offset:4px}
.about-page main{max-width:1120px;padding:0 28px;margin:28px auto 42px}
.about-page .guide-breadcrumb{font-size:13px;margin-bottom:24px;color:#54717d}
.about-page .section-label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em}
.about-hero{padding:54px 52px;border-radius:24px;background:linear-gradient(120deg,#123d4b,#206171);color:#fff;position:relative;overflow:hidden}
.about-hero .section-label{color:#bbdbe1}
.about-hero h1{font-size:clamp(38px,5.3vw,62px);letter-spacing:-.04em;line-height:1.08;margin:22px 0;max-width:750px;color:#fff}
.about-hero>p{font-size:20px;line-height:1.65;max-width:590px;color:#e0edf0;margin:0}
.hero-note{border-top:1px solid #ffffff30;padding-top:20px;margin-top:30px;font-size:13px;color:#c9e1e6;letter-spacing:.02em}
.about-principles{margin:48px 0}
.principles-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:24px}
.principles-intro h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin:12px 0 0}
.principles-intro>p{color:#54717d;font-size:16px;line-height:1.75;margin:0;max-width:470px}
.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.principle-card{background:#fff;border:1px solid #d5e3e7;border-radius:18px;padding:28px}
.principle-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eaf3f4;color:#2d6b7b;font-weight:750;font-size:12px}
.principle-card h3{margin:18px 0 10px;font-size:20px;line-height:1.35;letter-spacing:-.015em}
.principle-card p{margin:0;font-size:15px;line-height:1.8;color:#54717d}
.about-affiliation{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#e8f2ef;border:1px solid #c8ded5;border-left:4px solid #337a67;border-radius:18px;padding:36px 40px}
.about-affiliation .section-label{color:#366a5c}
.membership-label{font-size:13px;font-weight:650;color:#366a5c;margin:24px 0 6px}
.about-affiliation h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin:0}
.affiliation-copy{font-size:17px;line-height:1.85;color:#365b54;margin:0;max-width:450px}
.about-next{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:42px 0}
.about-next h2{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}
.about-next p{font-size:15px;color:#54717d;margin:0}
.about-next .nav-cta{flex-shrink:0;padding:14px 22px;font-size:14px;text-decoration:none}
.about-page .guide-return{font-size:13px;padding:24px 0}
.about-page a:focus-visible{outline:3px solid #55a9bd;outline-offset:5px}
@media(max-width:700px){
.about-page .guide-header{padding:18px 20px;gap:16px}
.about-page .guide-brand small{font-size:8px}
.about-page .guide-header>a:last-child{font-size:12px}
.about-page main{padding:0 20px;margin-top:22px}
.about-hero{padding:34px 26px;border-radius:20px}
.about-hero h1{font-size:42px}
.about-hero>p{font-size:17px}
.principles-intro,.principles-grid,.about-affiliation{grid-template-columns:1fr}
.about-principles{margin:36px 0}
.principles-intro{gap:16px}
.principles-intro h2,.about-affiliation h2{font-size:28px}
.principle-card{padding:24px}
.about-affiliation{padding:28px 26px;gap:22px}
.affiliation-copy{font-size:16px}
.about-next{align-items:flex-start;flex-direction:column;gap:18px;margin:32px 0}
}
.about-philosophy{margin:40px 0 48px;padding:44px 48px;background:#edf4f5;border:1px solid #d5e3e7;border-radius:24px}
.about-philosophy .section-label{color:#54717d}
.about-philosophy h2{margin:24px 0 36px;font-size:clamp(38px,4.5vw,56px);line-height:1.12;letter-spacing:-.035em;color:#153b49}
.about-philosophy h2 span{display:block;margin-top:10px;font-size:clamp(22px,2.7vw,32px);line-height:1.25;letter-spacing:.025em}
.philosophy-statements{display:grid;grid-template-columns:1.25fr .85fr 1fr;border-top:1px solid #c8dade;padding-top:28px}
.philosophy-statements>div{padding:0 24px;border-left:1px solid #c8dade}
.philosophy-statements>div:first-child{padding-left:0;border-left:0}
.philosophy-statements>div:last-child{padding-right:0}
.philosophy-statements h3{margin:0 0 12px;font-size:15px;line-height:1.4;letter-spacing:.075em;color:#153b49}
.philosophy-statements p{margin:0;max-width:27ch;font-size:14px;line-height:1.7;letter-spacing:.025em;color:#365c69}
.philosophy-attribution{margin:30px 0 0;font-size:14px;line-height:1.6;color:#54717d}
@media(max-width:700px){
.about-philosophy{margin:28px 0 36px;padding:32px 26px;border-radius:20px}
.about-philosophy h2{margin:22px 0 28px;font-size:40px}
.about-philosophy h2 span{font-size:22px;letter-spacing:0}
.philosophy-statements{grid-template-columns:1fr;padding-top:0;border-top:0}
.philosophy-statements>div,.philosophy-statements>div:first-child,.philosophy-statements>div:last-child{padding:22px 0;border-left:0;border-top:1px solid #c8dade}
.philosophy-statements>div:last-child{padding-bottom:0}
.philosophy-statements p{max-width:30ch;font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}