.about-top{background:linear-gradient(125deg,#082f49 8%,#0b4964 58%,#0f6749)}
.about-hero{min-height:520px;align-items:center}
.about-mark{display:grid;place-items:center;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(220,239,245,.98),rgba(220,239,245,.68) 55%,transparent 72%)}
.about-mark img{width:72%;filter:drop-shadow(0 16px 25px rgba(0,0,0,.15))}
.story{padding-bottom:55px}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px!important;padding-top:20px!important}
.purpose{min-height:330px;padding:42px;border-radius:24px}
.purpose span{font:700 13px 'Manrope';letter-spacing:.14em;color:#c79a3b}
.purpose h2{font-size:38px}
.purpose p{font-size:18px}
.mission{background:#082f49;color:#fff}.mission p{color:rgba(255,255,255,.73)}
.vision{background:#dceff5;color:#082f49}.vision p{color:#405965}
.principles{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px!important}
.principles h2{font-size:clamp(34px,4vw,52px)}
.principle-list article{padding:22px 0;border-bottom:1px solid #dfe5e2}
.principle-list b{font:700 20px 'Manrope';color:#0f6749}.principle-list p{margin:6px 0 0;color:#596a71}
@media(max-width:760px){.about-mark{width:230px;height:230px;margin:auto}.purpose-grid,.principles{grid-template-columns:1fr}.purpose{min-height:auto;padding:30px}.principles{gap:30px!important}}