.about-page{--about-line:#e1e8f0;--about-soft:#f6f7f8}
.about-page .about-intro{padding:30px 0 70px;background:white}
.about-page .about-intro .breadcrumbs{color:#526176;margin-bottom:46px;font-size:.875rem}
.about-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:76px;align-items:center}
.about-page .eyebrow{color:#003087;font-size:.8125rem;letter-spacing:.12em;font-weight:600}
.about-page .about-intro h1{font-size:clamp(2.7rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.045em;color:#002b6d;max-width:720px;margin:18px 0 25px}
.about-intro h1 span{color:#365778}
.about-lead{font-size:1.2rem;line-height:1.7;max-width:560px;color:#526176;margin:0}
.about-intro-note{padding:40px;border-radius:24px;background:linear-gradient(145deg,#082b54 0%,#0b3c68 100%);border:1px solid #31577c;color:white;position:relative;overflow:hidden;box-shadow:0 16px 36px #002b6d12}
.about-page .about-intro-note h2{font-size:clamp(1.9rem,3vw,2.5rem);color:#fff;line-height:1.15;margin:24px 0 18px;letter-spacing:-.025em}
.about-intro-note p{color:#dce8f2;font-size:1rem;line-height:1.8;margin:0;max-width:440px}
.about-icon{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border:1px solid #d5e5f3;border-radius:16px;background:#edf6fd;color:#002b6d;transition:transform .3s ease,background .3s ease}
.about-icon svg{width:30px;height:30px}
.about-intro-note .about-icon{background:#ffffff0c;border-color:#ffffff40;color:#8bdfff}
.about-disciplines{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:26px;padding-top:20px;border-top:1px solid #ffffff30;font-size:.875rem;color:#a8e6ff}
.about-page .section{padding:68px 0}
.about-page .section-head{margin-bottom:34px;gap:40px;align-items:flex-end}
.about-page h2{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.04em;line-height:1.12}
.about-page .section-head>p{max-width:385px;font-size:1rem;line-height:1.7;color:#526176}
.about-overview{background:var(--about-soft)}
.about-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.about-feature{padding:32px;background:white;border:1px solid var(--about-line);border-radius:18px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.about-feature h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.015em;margin:22px 0 14px;color:#002b6d}
.about-feature p{font-size:1rem;line-height:1.75;color:#526176;margin:0;max-width:550px}
.about-overview-close{color:#526176;font-size:1rem;line-height:1.7;max-width:850px;margin:30px 0 0}
.about-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.purpose-card{padding:40px;border-radius:22px;border:1px solid var(--about-line)}
.vision-card,.mission-card{background:#f6f7f8;color:#002b6d}
.purpose-card .purpose-label{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;margin:26px 0 12px}
.purpose-card h3{font-size:2.15rem;letter-spacing:-.03em;line-height:1.1;margin:0 0 22px;color:inherit}
.purpose-card p{font-size:1rem;line-height:1.8;margin-bottom:18px}.purpose-card p:last-child{margin-bottom:0}
.vision-card p,.mission-card p{color:#526176}.vision-card .purpose-label,.mission-card .purpose-label{color:#003087}
.about-values{border-top:1px solid var(--about-line)}
.about-values-layout{display:grid;grid-template-columns:.8fr 1.35fr;gap:70px;align-items:start}
.about-values-intro p:not(.eyebrow){font-size:1rem;color:#526176;line-height:1.75;max-width:330px;margin-top:24px}
.about-value-list{border-top:1px solid var(--about-line)}
.about-value{border-bottom:1px solid var(--about-line)}
 .value-header{display:flex;align-items:center;gap:20px;padding:22px 0;min-height:100px}
.value-heading{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.value-heading h3{font-size:1.2rem;font-weight:600;color:#002b6d;line-height:1.3;margin:0}.value-heading small{font-size:.875rem;line-height:1.5;color:#526176}
.value-description{padding:0 0 28px 78px}.value-description p{font-size:1rem;line-height:1.75;color:#526176;margin:0}
.about-reveal{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
.about-reveal.about-waiting{opacity:0;transform:translateY(20px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.about-feature:hover{transform:translateY(-4px);border-color:#a8cce5;box-shadow:0 12px 30px #002b6d0b}.about-feature:hover .about-icon{transform:translateY(-2px)}}
@media(prefers-reduced-motion:no-preference){.about-intro-grid>div:first-child{animation:about-arrive .65s ease both}.about-intro-note{animation:about-arrive .8s ease .12s both}}
@keyframes about-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.about-intro-grid{gap:38px}.about-intro-note{padding:28px}.about-values-layout{gap:36px}.purpose-card{padding:30px}.about-page .about-intro h1{font-size:3.6rem}}
@media(max-width:760px){.about-intro-grid,.about-purpose-grid,.about-values-layout{grid-template-columns:1fr}.about-intro-grid{gap:34px}.about-page .about-intro{padding-bottom:42px}.about-page .about-intro .breadcrumbs{margin-bottom:30px}.about-page .about-intro h1{font-size:clamp(2.7rem,8vw,3.8rem)}.about-intro-note h2 br{display:none}.about-page .section{padding:44px 0}.about-page .section-head{align-items:flex-start;gap:16px}.about-page .section-head>p{max-width:none}.about-feature{padding:25px}.about-values-intro p:not(.eyebrow){max-width:none}.about-values-layout{gap:20px}.about-lead{font-size:1.0625rem}.about-page h2{font-size:2.2rem}}
@media(max-width:520px){.about-feature-grid{grid-template-columns:1fr}.about-intro-note{border-radius:20px}.about-page .about-intro h1{font-size:2.8rem}.purpose-card{padding:26px}.value-header{gap:14px}.about-icon{width:50px;height:50px;border-radius:14px}.about-icon svg{width:27px;height:27px}.value-heading h3{font-size:1.1rem}.value-description{padding:0 0 24px 64px}.about-page .section-head h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.about-page .about-reveal,.about-page .about-waiting{opacity:1;transform:none}.about-page .about-icon,.about-page .about-feature,.about-page .about-reveal{transition:none}}
