/* Readability and spacing pass for the About page. */
.about-page,.about-reference-page .industries-footer{--about-wide:min(1375px,calc(100% - 64px))}
.about-hero-main{height:440px;grid-template-columns:.88fr 1.12fr}
.about-hero-copy{padding-right:42px}
.about-hero-copy h1{font-size:48px;line-height:1.06}
.about-hero-copy p{font-size:15px;line-height:1.6;max-width:560px}
.about-hero-copy .btn{font-size:13px;padding:12px 20px}
.about-hero-image img{object-position:62% center}
.about-proof{height:88px}
.about-proof>div{grid-template-columns:52px 1fr;padding:10px 30px}
.about-proof i{display:block;width:36px;height:36px;color:var(--green)}.about-proof i svg{display:block;width:100%;height:100%}.about-proof b{font-size:27px}.about-proof small{font-size:10px;line-height:1.3}

.about-story{padding:50px 0 30px}
.about-story>.about-wide{grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.about-story-copy h2{font-size:36px;line-height:1.12;margin:10px 0 20px}
.about-story-copy p{font-size:15px;line-height:1.7;margin:0 0 16px}
.about-story-copy blockquote{font-size:15px;line-height:1.55;margin-top:28px;padding-left:18px}
.about-ecosystem{height:390px;position:relative;padding:22px 0 18px}
.about-ecosystem img{object-fit:contain}
.about-ecosystem span{position:absolute;z-index:2;color:#08244c;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;text-shadow:0 1px 0 #fff}
.about-ecosystem .eco-cloud{left:50%;top:3px;transform:translateX(-50%)}
.about-ecosystem .eco-public{left:8%;top:10%}
.about-ecosystem .eco-data{right:5%;top:10%}
.about-ecosystem .eco-secure{left:12%;bottom:2px}
.about-ecosystem .eco-connected{left:50%;bottom:2px;transform:translateX(-50%)}
.about-ecosystem .eco-people{right:7%;bottom:2px}

.about-purpose{padding:10px 0 42px}
.about-purpose>.about-wide{gap:22px}
.about-purpose article{grid-template-columns:68px 1fr;gap:18px;padding:30px 34px;min-height:180px}
.about-purpose i{display:block;width:54px;height:54px;color:#08244c}
.about-purpose i svg{display:block;width:100%;height:100%}
.about-purpose span{font-size:12px}.about-purpose p{font-size:15px;line-height:1.6;margin-top:10px}

.about-approach{padding:10px 0 46px}
.about-approach h2,.about-values h2,.about-expertise h2,.about-impact h2{font-size:20px;margin-bottom:28px}
.about-steps{gap:30px}
.about-steps span{width:38px;height:38px;font-size:12px}
.about-steps i{font-size:34px;margin:10px 0}
.about-steps h3{font-size:15px;line-height:1.3}
.about-steps p{font-size:13px;line-height:1.55;max-width:210px;margin-top:8px}
.about-steps article:not(:last-child):after{right:-23px;top:29px}

.about-values{padding:8px 0 46px}
.about-values>.about-wide>div{gap:18px}
.about-values article{grid-template-columns:52px 1fr;gap:14px;padding:24px;min-height:155px}
.about-values i{font-size:40px}.about-values h3{font-size:16px;margin-bottom:9px}.about-values p{font-size:13px;line-height:1.55}

.about-expertise{padding:0 0 45px}
.about-expertise-grid{gap:16px}
.about-expertise article{grid-template-columns:40% 60%;min-height:220px}
.about-expertise article>div{padding:22px 16px}
.about-expertise h3{font-size:15px;line-height:1.3;margin-bottom:10px}
.about-expertise p{font-size:12px;line-height:1.55}
.about-expertise a{font-size:12px}

.about-team{padding:38px 0}
.about-team>.about-wide{gap:50px}
.about-team-image{height:310px}
.about-team-copy h2{font-size:30px;line-height:1.2;margin-bottom:13px}
.about-team-copy p{font-size:14px;line-height:1.6}
.about-team-copy>div{gap:20px 32px;margin-top:28px}
.about-team-copy span{font-size:13px}.about-team-copy i{display:block;width:30px;height:30px;color:#fff;flex:0 0 30px}.about-team-copy i svg{display:block;width:100%;height:100%}

.about-impact{padding:30px 0}
.about-impact span{grid-template-columns:60px 1fr 1fr;padding:6px 30px}
.about-impact i{font-size:42px}.about-impact b{font-size:28px}.about-impact small{font-size:12px;line-height:1.3}
.about-steps i{width:42px;height:42px;margin:12px auto 10px;color:#08244c}
.about-steps i svg,.about-values i svg,.about-impact i svg{display:block;width:100%;height:100%}
.about-values i{display:block;width:50px;height:50px;color:var(--green)}
.about-impact i{display:block;width:48px;height:48px;color:var(--green)}
.about-cta{padding:22px 0}.about-cta i{width:58px;height:58px;padding:8px;color:#fff}.about-cta i svg{display:block;width:100%;height:100%}.about-cta h2{font-size:24px}.about-cta p{font-size:13px}.about-cta .btn{font-size:13px;padding:12px 20px}

.about-reference-page .industries-footer{padding:24px 0 14px}
.about-reference-page .industries-footer-grid{gap:26px}
.about-reference-page .industries-footer h4{font-size:12px;margin-bottom:9px}
.about-reference-page .industries-footer a{font-size:12px;margin:5px 0}
.about-reference-page .industries-footer p{font-size:11px;line-height:1.5}
.about-reference-page .industries-footer .copy{font-size:11px;margin-top:18px;padding-top:12px}

@media(max-width:1000px){.about-hero-main{height:auto}.about-hero-copy{padding:60px 0 28px}.about-story>.about-wide{gap:35px}.about-purpose article{min-height:160px}.about-steps{gap:28px}.about-expertise article{min-height:230px}}
@media(max-width:600px){.about-hero-copy h1{font-size:38px}.about-hero-copy p{font-size:14px}.about-proof>div{padding:15px 22px}.about-story{padding-top:38px}.about-story-copy h2{font-size:31px}.about-story-copy p,.about-purpose p{font-size:13px}.about-purpose article{padding:24px}.about-ecosystem span{font-size:8px}.about-ecosystem .eco-public{left:2%}.about-ecosystem .eco-data{right:1%}.about-ecosystem .eco-secure{left:3%}.about-ecosystem .eco-people{right:1%}.about-steps p,.about-values p,.about-expertise p{font-size:12px}.about-values article{min-height:auto}.about-expertise article{min-height:230px}.about-team{padding:30px 0}.about-team-image{height:280px}.about-impact span{padding:16px 8px}.about-reference-page .industries-footer a{font-size:11px}}
