.about-page .site-header{border-bottom-color:var(--line)}
.about-page #site-nav>a[aria-current=page]:after{right:0}
.about-breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.875rem;color:var(--muted);padding-block:10px}
.about-breadcrumbs a{min-height:44px;display:inline-flex;align-items:center;color:var(--blue)}
.about-breadcrumbs .icon{width:15px;height:15px}
.about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;background:var(--blue);color:white;border-radius:23px;overflow:hidden;padding:47px}
.about-hero h1{font-size:clamp(2.6rem,4.7vw,4.25rem);line-height:1.13}
.about-hero .eyebrow{font-size:.875rem;letter-spacing:.12em;margin-bottom:18px}
.about-hero-copy>p:not(.eyebrow){font-size:1.125rem;line-height:1.8;color:#e0e9f8;margin-top:23px;max-width:490px}
.about-hero-location{display:flex;gap:9px;align-items:center;font-size:.875rem;color:#d3e1f8;margin-top:26px}
.about-hero-location .icon{width:18px;height:18px}
.about-hero-photo{min-width:0;background:white;border-radius:15px;overflow:hidden}
.about-hero-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.about-hero-photo figcaption{padding:13px 17px;font-size:.875rem;color:#4e6380;line-height:1.5}
.about-jump-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:25px 0 0}
.about-jump-links a{display:flex;align-items:center;justify-content:center;min-width:170px;min-height:48px;padding:10px 26px;border:1px solid #c3d3ea;border-radius:30px;background:var(--surface);font-size:.9375rem;font-weight:500}
.about-jump-links a:hover{background:#e8f0ff;border-color:#7d9bc6}
.about-chapter{padding-block:65px;scroll-margin-top:25px}
.about-chapter .eyebrow,.about-welcome .eyebrow{font-size:.875rem;margin-bottom:14px}
.about-chapter h2,.about-welcome h2{font-size:clamp(2.25rem,3.4vw,3.2rem);line-height:1.15}
.about-introduction{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:75px}
.about-chapter h2 em{color:#416595}
.about-reading p{font-size:1rem;line-height:1.85;color:#526781;margin-bottom:17px}
.about-reading .about-lead{font-size:1.1875rem;line-height:1.75;color:var(--ink)}
.about-text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#2458aa;font-size:.9375rem;font-weight:500;text-decoration:underline;text-underline-offset:5px}
.about-text-link .icon{width:18px;height:18px}
.about-story{border-top:1px solid var(--line)}
.about-story-heading>p:last-child{color:#526781;max-width:690px;font-size:1.0625rem;line-height:1.8;margin-top:19px}
.about-story-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:58px;align-items:center;margin-top:35px}
.about-archive-photo img{width:100%;height:auto;border-radius:15px}
.about-archive-photo figcaption{font-size:.875rem;color:#60718c;line-height:1.6;padding:12px 3px 0}
.about-story-feature h3{font-size:2.1rem;line-height:1.2;margin-bottom:16px}
.about-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:39px}
.about-moments article{border-top:2px solid #abc3e5;padding:22px 5px 0;display:flex;align-items:flex-start;flex-direction:column}
.about-moment-year{font-size:.9375rem;color:#2458aa;font-weight:600;margin-bottom:10px}
.about-moments h3{font-size:1.65rem;line-height:1.25;margin-bottom:12px}
.about-moments article>p:not(.about-moment-year){color:#526781;font-size:1rem;line-height:1.8;margin-bottom:13px}
.about-moments .about-text-link{margin-top:auto}
.about-archive-note{font-size:.875rem;line-height:1.7;color:#60718c;margin-top:28px}
.about-archive-note a{text-decoration:underline;text-underline-offset:3px}
.about-purpose{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:43px}
.about-purpose-heading{max-width:750px}
.about-purpose-heading>p:last-child{font-size:1.0625rem;line-height:1.8;color:#526781;margin-top:19px;max-width:710px}
.about-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 50px;margin-top:34px}
.about-purpose-grid article{border-top:1px solid #d1dded;padding-top:24px;min-width:0}
.about-value-icon{display:grid;place-items:center;background:#e4edfc;color:#2458aa;width:43px;height:43px;border-radius:11px;margin-bottom:15px}
.about-value-icon .icon{width:23px;height:23px}
.about-purpose-grid h3{font-size:1.7rem;line-height:1.2;margin-bottom:12px}
.about-purpose-grid p{color:#526781;font-size:1rem;line-height:1.8;max-width:475px}
.about-community-photo{margin-top:40px;overflow:hidden;border-radius:17px;border:1px solid var(--line);background:var(--surface)}
.about-community-photo img{width:100%;height:auto;aspect-ratio:2016/908;object-fit:contain}
.about-community-photo figcaption{font-size:.875rem;padding:15px 20px;color:#526781}
.about-welcome{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:60px;padding-block:55px 65px;align-items:center}
.about-welcome>div>p:not(.eyebrow){color:#526781;font-size:1rem;line-height:1.8;max-width:550px;margin-top:17px}
.about-welcome-details{border-left:1px solid var(--line);padding-left:42px}
.about-welcome-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:20px}
@media(max-width:1000px){.about-hero{padding:33px;gap:27px}.about-introduction{gap:38px}.about-story-feature{gap:32px}.about-purpose{padding:33px}.about-welcome{gap:35px}.about-welcome-details{padding-left:30px}}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;padding:28px;gap:27px}.about-hero h1{font-size:clamp(2.55rem,7vw,3.9rem)}.about-hero-copy>p:not(.eyebrow){max-width:none}.about-hero-photo{max-width:570px;width:100%}.about-jump-links{gap:8px}.about-jump-links a{min-width:0;flex:1 1 145px;padding:10px 16px}.about-chapter{padding-block:43px}.about-introduction,.about-story-feature{grid-template-columns:1fr;gap:25px}.about-moments{grid-template-columns:1fr;gap:24px}.about-moments article{padding-top:19px}.about-purpose{padding:29px}.about-purpose-grid{gap:28px}.about-story-feature{margin-top:27px}.about-community-photo{margin-top:27px}.about-welcome{grid-template-columns:1fr;gap:28px;padding-block:40px}.about-welcome-details{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:480px){.about-hero{padding:24px 21px;border-radius:18px}.about-hero .eyebrow{letter-spacing:.08em}.about-hero-copy>p:not(.eyebrow){font-size:1rem}.about-hero-photo figcaption{padding:12px 14px}.about-purpose{padding:26px 22px}.about-purpose-grid{grid-template-columns:1fr}.about-community-photo figcaption{padding:13px 16px}.about-jump-links a{font-size:.875rem;flex-basis:120px}.about-moments{margin-top:28px}}
