.about-hero{padding:105px 0 90px;background:radial-gradient(circle at 88% 18%,rgba(5,199,217,.2),transparent 27%),linear-gradient(135deg,#fff 0%,#f4f8ff 100%)}
.about-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:5rem;align-items:end}
.about-hero h1{max-width:760px}
.about-hero aside{background:var(--navy);color:#fff;border-radius:24px;padding:2.1rem;box-shadow:var(--shadow);font-size:1.1rem}
.about-hero aside p{margin:0}
.profile{background:#fff}
.team-card h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:1.1rem 0}
.about-principle{padding:84px 0;background:linear-gradient(135deg,var(--navy),#0a3782);color:#fff}
.about-principle .container{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end}
.about-principle h2{max-width:850px;margin-bottom:0}
.purpose-section{background:var(--pale)}
.purpose-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:1.5rem}
.purpose-grid article{padding:2.5rem;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 32px rgba(7,28,74,.06)}
.purpose-grid article:last-child{background:var(--navy);color:#fff}
.purpose-grid article:last-child .eyebrow{color:var(--orange)}
.purpose-grid article:last-child p:not(.eyebrow){color:#c7d5ea}
.purpose-grid article>p:not(.eyebrow){color:var(--muted)}
.purpose-grid h2{font-size:clamp(1.7rem,3vw,2.5rem)}
@media(max-width:900px){.about-hero-grid,.about-principle .container{grid-template-columns:1fr}.about-hero{padding:72px 0}.about-hero-grid{gap:2rem}}
@media(max-width:900px){.purpose-grid{grid-template-columns:1fr}}