.about-intro { padding-bottom: 45px; }
.about-intro .breadcrumb { padding: 0; margin-bottom: 45px; }
.about-intro h1 { max-width: 1050px; color: var(--rain-water); font-size: clamp(2.3rem,4vw,3.7rem); line-height: 1.15; letter-spacing: -.03em; margin: 0 0 28px; text-wrap: balance; }
.about-intro__lead { font-size: 1.18rem; line-height: 1.8; }
.about-intro p:not(.eyebrow) { max-width: 1160px; }
.about-stories { display: flex; flex-direction: column; gap: 25px; }
.about-learning-action { display: flex; justify-content: center; }
.about-future { display: grid; grid-template-columns: 1fr 1.4fr 1fr; background: #d4dcdf; }
.about-future > img { width: 100%; height: 100%; max-height: 590px; object-fit: cover; }
.about-future > div { padding: clamp(30px,4vw,65px); align-self: center; }
.about-future h2 { color: var(--rain-water); font-size: clamp(1.8rem,2.6vw,2.5rem); line-height: 1.2; margin-top: 0; }
.about-future p { line-height: 1.9; font-size: .97rem; }
.about-future__motto { font-weight: 800; font-style: italic; }
@media (max-width: 950px) { .about-future { grid-template-columns: .8fr 1.2fr; } .about-future > img:last-child { display: none; } }
@media (max-width: 600px) { .about-future { grid-template-columns: 1fr; } .about-future > img { max-height: 350px; object-position: center 65%; } .about-future > div { padding: 35px 7%; } }