/* About Broxme: homepage typography, curved navy sections, and a distinct hero. */
.about-hero{background-image:url('../images/about-hero.svg')}
.about-hero h1{max-width:790px}
.about-story-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:start}
.about-story-layout h3{font-size:33px;line-height:1.3;margin:0 0 22px}
.about-story-layout p{font-size:18px;line-height:1.8;color:#c4d7e3;margin:0 0 20px}
.about-story-layout aside{padding:32px;background:#0b2939;border:1px solid #31576c;border-radius:24px}
.about-story-layout aside>svg{width:37px;height:37px;color:#91c5e8;margin-bottom:23px}
.about-story-layout aside h3{font-size:28px}
.about-story-layout aside p{font-size:17px}
.about-offerings{background:#edf5f9;padding:72px 0 100px}
.about-offerings .pa-eyebrow,.about-company .pa-eyebrow{color:#0863ba}
.about-offerings .pa-intro p{color:#48677b}
.about-offering-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-offering-grid article{background:white;border:1px solid #d7e4ed;border-radius:23px;padding:30px;display:flex;align-items:start;flex-direction:column}
.about-offering-grid article>svg{width:34px;height:36px;color:#0878e5;margin-bottom:22px}
.about-offering-grid article>img{width:33px;height:36px;object-fit:contain;margin-bottom:22px}
.about-offering-grid .pa-eyebrow{font-size:11px;margin-bottom:16px}
.about-offering-grid h3{font-size:29px;line-height:1.3;margin:0 0 18px}
.about-offering-grid p{font-size:17px;line-height:1.75;color:#48677b;margin:0 0 28px}
.about-offering-grid article>a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:850;color:#0871d5;line-height:1.5;margin-top:auto}
.about-offering-grid article>a svg{width:19px;height:19px}
.about-approach{background:#0b2939;color:#fff;padding:66px 0 77px}
.about-approach-list{max-width:960px;margin:0 auto;padding:0;list-style:none}
.about-approach-list li{display:grid;grid-template-columns:65px 1fr;gap:25px;padding:26px 0;border-top:1px solid #315468}
.about-approach-list li:last-child{border-bottom:1px solid #315468}
.about-approach-list li>span{font-size:15px;color:#ffab43;font-weight:850;padding-top:5px;letter-spacing:1px}
.about-approach-list h3{font-size:28px;line-height:1.35;margin:0 0 13px}
.about-approach-list p{font-size:18px;line-height:1.75;color:#bfd3e0;margin:0;max-width:780px}
.about-company{background:#f2f7fb;padding:75px 0}
.about-company>.container{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}
.about-company h2{margin:0 0 22px}
.about-company p{font-size:19px;color:#47677b;line-height:1.75;max-width:570px;margin:0 0 28px}
.about-company aside{padding:32px;border:1px solid #d7e4ee;background:#fff;border-radius:22px}
.about-company h3{font-size:28px;margin:0 0 18px}
.about-company address{font-style:normal;color:#4a687b;font-size:17px;line-height:1.8;margin-bottom:19px}
.about-company aside>a{color:#0872d5;font-size:17px;font-weight:750}
.about-company-links{border-top:1px solid #dbe6ee;margin-top:26px;padding-top:14px}
.about-company-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px;font-weight:750;color:#41677f;padding:9px 0}
.about-company-links svg{width:18px;height:18px}
.about-close{text-align:center;background:#12364a;color:#fff;padding:65px 0 77px}
.about-close h2{margin:19px 0 22px}
.about-close p{font-size:20px;color:#c3d6e2;margin:0 0 30px}
@media(max-width:1100px){.about-story-layout,.about-company>.container{gap:35px}.about-offering-grid{gap:18px}.about-offering-grid article{padding:25px}.about-offering-grid h3{font-size:25px}.about-offering-grid article>a{font-size:13px}}
@media(max-width:760px){.about-story-layout,.about-company>.container{grid-template-columns:1fr;gap:29px}.about-story-layout h3{font-size:29px}.about-story-layout h3 br{display:none}.about-story-layout p{font-size:17px}.about-story-layout aside{padding:26px}.about-story-layout aside h3{font-size:26px}.about-offerings{padding:48px 0 75px}.about-offering-grid{grid-template-columns:1fr;gap:18px}.about-offering-grid article{padding:26px}.about-offering-grid h3{font-size:27px}.about-offering-grid article>a{font-size:15px}.about-approach{padding:47px 0 53px}.about-approach-list li{grid-template-columns:30px 1fr;gap:16px;padding:23px 0}.about-approach-list h3{font-size:24px}.about-approach-list p{font-size:17px}.about-company{padding:48px 0}.about-company p{font-size:18px}.about-company aside{padding:26px}.about-company h3{font-size:26px}.about-close{padding:46px 0 55px}.about-close p{font-size:18px}.about-close h2 br{display:none}}