/* A personal introduction in the current Flex palette. */
.about-page{--ink:var(--flex-ink);--ivory:var(--flex-paper);--surface:var(--flex-light);--accent:var(--flex-sky);--subtitle-green:var(--flex-green)}
.about-page .about-hero{padding-top:65px;padding-bottom:45px;align-items:center}
.about-page .about-hero>div:first-child>p:not(.eyebrow){font-size:17px;line-height:1.75;margin:24px 0;max-width:570px}
.about-page .about-hero>div:first-child>.about-lead{font-size:23px;line-height:1.5}
.coastal-sample.about-page .about-hero p.eyebrow{text-align:left!important;margin:0 0 25px;color:var(--flex-green)!important}
.about-page .about-hero h1 em{color:var(--flex-link)}
.about-page .about-hero .founder-scene{min-width:0;width:100%;margin:0;align-self:center}
.about-page .about-hero .button{background:var(--flex-leaf);border-color:var(--flex-leaf);color:var(--flex-ink)}
.about-page #about-complexity{padding-top:35px;padding-bottom:80px;background:var(--flex-paper)}
.about-page #about-complexity .complexity-heading{display:block;text-align:center;margin:0 auto 40px;max-width:950px}
.about-page #about-complexity .complexity-heading p{margin:0 auto 22px}
.about-page #about-complexity .complexity-heading h2{font-size:clamp(56px,6.7vw,88px)}
.about-page #about-complexity .complexity-heading h2 em{color:var(--flex-link)}
.about-page #about-complexity .puzzle-topline{position:relative;text-align:center;justify-content:center;min-height:110px;padding:25px 115px}
.about-page #about-complexity .puzzle-topline>.eyebrow{font:italic 30px/1.2 Georgia,serif!important;font-weight:400!important;max-width:none;color:var(--flex-ink)}
.about-page #about-complexity .puzzle-pause{position:absolute;right:22px;top:50%;transform:translateY(-50%)}
.about-page .personal-proof{background:var(--flex-light)}.about-page .proof-mark{color:var(--flex-link)}
.about-page .personal-story{padding-top:85px}.about-page .personal-story h2 em,.about-page .about-values h2 em{color:var(--flex-link)}
.about-page .expertise-section{background:var(--flex-ink);color:var(--flex-paper)}.about-page .expertise-section .eyebrow,.about-page .expertise-grid article>span,.about-page .credential-line{color:var(--flex-leaf)!important}.about-page .expertise-section h2 em{color:var(--flex-sky)}
.about-page .platform-group img{filter:none;opacity:1}.about-page .page-cta{background:var(--flex-light);color:var(--flex-ink)}.about-page .page-cta .button{background:var(--flex-leaf);border-color:var(--flex-leaf);color:var(--flex-ink)}
@media(max-width:760px){.about-page .about-hero{padding:35px 0 25px;gap:40px}.about-page .about-hero .founder-scene{max-width:500px;justify-self:center}.about-page .about-hero>div:first-child>.about-lead{font-size:21px}.about-page #about-complexity .puzzle-topline{flex-direction:column;padding:22px 18px;gap:14px}.about-page #about-complexity .puzzle-pause{position:static;transform:none}.about-page #about-complexity .puzzle-topline>.eyebrow{font-size:25px!important}.about-page .personal-story{padding-top:55px}}

/* A sky-blue service overview meets the black closing wave directly. */
.about-page .expertise-section{background:var(--flex-sky);color:var(--flex-ink);padding-bottom:130px}
.about-page .expertise-section .eyebrow,.about-page .expertise-section .section-top>span,.about-page .expertise-grid article>span{color:#174f37!important}
.about-page .expertise-section h2 em{color:var(--flex-navy)}
.about-page .expertise-heading>p,.about-page .expertise-grid p{color:var(--flex-ink)}
.about-page .expertise-grid article{border-top-color:rgb(var(--flex-navy-rgb) / 0.251)}
.about-page .expertise-section+section.site-closing.page-cta{margin-top:0}
@media(max-width:760px){.about-page .expertise-section{padding-bottom:105px}}

/* Clear white accents and matching service icons. */
.coastal-sample.about-page .expertise-section .section-top p.eyebrow{color:var(--flex-paper)!important}
.about-page .expertise-section h2 em{color:var(--flex-paper)}
.about-page .expertise-grid .expertise-icon{display:block;width:36px;height:36px;color:var(--flex-paper);margin:3px 0 20px;overflow:visible;flex-shrink:0}

/* Six readable cards give each capability room to breathe. */
.about-page .expertise-cards{padding-top:85px}
.about-page .expertise-intro{text-align:center;max-width:950px;margin:0 auto 55px}
.coastal-sample.about-page .expertise-cards .expertise-intro p.eyebrow{color:var(--flex-paper)!important;font-size:24px!important;line-height:1.4!important;font-weight:400;margin:0 auto 22px;max-width:none}
.about-page .expertise-intro h2{font-size:clamp(44px,5vw,68px);line-height:1.08}
.about-page .expertise-cards .expertise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.about-page .expertise-cards .expertise-grid article{min-width:0;background:var(--flex-paper);border:0;border-radius:26px;padding:32px 30px 35px;box-shadow:0 8px 22px rgb(var(--flex-navy-rgb) / 0.0431)}
.about-page .expertise-cards .expertise-grid .expertise-icon-disc{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--flex-link);color:var(--flex-paper)!important;margin:0 0 25px}
.about-page .expertise-cards .expertise-grid .expertise-icon{width:34px;height:34px;margin:0;color:var(--flex-paper)}
.about-page .expertise-cards .expertise-grid h3{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.03em;margin:0 0 15px;color:var(--flex-ink)}
.about-page .expertise-cards .expertise-grid p{font-size:16px;line-height:1.65;color:#37444c;max-width:32ch}
.about-page .expertise-reporting{text-align:center;font:italic 23px/1.5 Georgia,serif;max-width:850px;margin:40px auto 0;color:var(--flex-navy)}
@media(max-width:1050px){.about-page .expertise-cards .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.about-page .expertise-cards{padding-top:60px}.about-page .expertise-intro{margin-bottom:35px}.about-page .expertise-cards .expertise-grid{grid-template-columns:1fr;gap:18px}.about-page .expertise-cards .expertise-grid article{padding:27px}.about-page .expertise-cards .expertise-grid p{max-width:none}.about-page .expertise-reporting{font-size:21px;margin-top:30px}}