.about-story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.1fr);gap:clamp(36px,6vw,90px);align-items:center;padding:150px 7% 76px;background:#15283c;color:#fff}
.about-story-intro .eyebrow{color:#f5c842;letter-spacing:.14em;font-size:13px}
.about-story-intro h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(62px,7vw,106px);line-height:.88;margin:25px 0 30px;letter-spacing:-.02em}
.about-story-intro h1 em,.about-values h2 em{font-style:normal;color:#f5c842}
.about-story-intro>p:not(.eyebrow){max-width:570px;color:#c4d0da;font-size:17px;line-height:1.8;margin:0 0 18px}
.about-story-intro .button{margin-top:12px}
.about-people-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;align-items:end}
.about-person{position:relative;margin:0;overflow:hidden;background:#20384a;border-radius:6px}
.about-person img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
.about-founder img{min-height:440px}
.about-person:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#102335ed);pointer-events:none}
.about-person figcaption{position:absolute;z-index:1;left:19px;right:19px;bottom:18px;display:grid;gap:7px;color:#fff}
.about-person figcaption span,.history-grid article>span{color:#f5c842;font-size:10px;font-weight:700;letter-spacing:.13em}
.about-person figcaption strong{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:25px;line-height:1.05}
.about-person figcaption small{color:#d0dbe2;font-size:10px;line-height:1.4}
.about-history{padding-top:80px;padding-bottom:88px}
.about-history .section-heading{align-items:end}
.about-history .section-heading>p{max-width:420px;color:var(--muted);line-height:1.7}
.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px}
.history-grid article{padding:26px 25px 22px 0;border-top:1px solid #cdd8df}
.history-grid article h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:31px;line-height:1.1;margin:18px 0 12px;color:#15283c}
.history-grid article p{font-size:15px;line-height:1.75;color:var(--muted)}
.about-values{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,7vw,90px);align-items:center;background:#eef2f4}
.about-values>img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:5px}
.about-values>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted)}
.about-values h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(42px,5vw,64px);line-height:.98}
.about-values .text-link{display:inline-block;margin-top:12px;color:#15283c;font-weight:700;text-underline-offset:5px}
.community-hero{padding-top:132px}
.community-hero>img{object-position:center}
.community-intro{max-width:850px;margin:0 auto;text-align:center}
.community-intro>p:last-child{max-width:650px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.8}
.community-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}
.community-card{min-height:190px;padding:26px;background:#15283c;color:#fff;border-radius:5px}
.community-card .community-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border:1px solid #f5c842;border-radius:50%;color:#f5c842;font-weight:700}
.community-card h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:28px;margin:0 0 8px}
.community-card p{color:#c4d0da;font-size:14px;line-height:1.6;margin:0}
@media(max-width:900px){.about-story-hero{grid-template-columns:1fr;padding:125px 6% 55px}.about-story-intro{max-width:700px}.about-people-grid{max-width:760px}.about-founder img{min-height:370px}.about-person img{min-height:300px}.history-grid{gap:18px}}
@media(max-width:700px){.about-story-hero{gap:35px}.about-story-intro h1{font-size:64px}.about-people-grid{grid-template-columns:1fr 1fr;gap:10px}.about-founder img,.about-person img{min-height:250px}.about-person figcaption{left:12px;right:12px;bottom:13px}.about-person figcaption strong{font-size:21px}.about-person figcaption small{font-size:9px}.about-history{padding-top:55px;padding-bottom:55px}.history-grid{grid-template-columns:1fr;gap:4px}.history-grid article{padding:22px 0}.about-values{grid-template-columns:1fr;gap:28px}.community-links{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.about-people-grid{grid-template-columns:1fr}.about-founder img,.about-person img{min-height:260px}.community-links{grid-template-columns:1fr}.community-card{min-height:160px}}
