/* About-only editorial layout. Shared navigation and service templates stay unchanged. */
.about-page{background:#fff}.about-page .about-intro{background:var(--cream);padding:48px 0 64px}.about-page .about-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center}.about-page h1{font-size:clamp(42px,4.5vw,64px);max-width:12ch;overflow-wrap:normal}.about-page h1 em{color:var(--blue);font-weight:400}.about-page .about-hero-copy>p{max-width:60ch}.about-page .about-portrait{margin:0;background:var(--navy);border-radius:20px;overflow:hidden}.about-page .about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.about-page .about-portrait figcaption{padding:18px 24px;color:#fff;font-size:14px;line-height:1.5}.about-page .about-portrait strong{display:block;font-size:18px}.about-page .about-section{padding:64px 0}.about-page h2{font-size:clamp(34px,3.4vw,44px);max-width:22ch}.about-page h3{font-size:25px}.about-page .about-columns{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}.about-page .about-prose{max-width:70ch}.about-page .about-audiences{background:var(--cream)}.about-page .about-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.about-page .about-audience{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column}.about-page .about-audience:first-child{background:var(--navy);color:#fff;border-color:var(--navy)}.about-page .about-audience:first-child .eyebrow{color:#fff}.about-page .about-audience a{margin-top:auto;font-weight:700}.about-page .about-audience:first-child a:hover{color:#fff}.about-page .about-industries{background:var(--navy);color:#fff}.about-page .about-industries .eyebrow{color:#c7ddec}.about-page .about-industries p{max-width:72ch}.about-page .about-industry-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:28px 0}.about-page .about-industry-list li{border:1px solid #64788a;border-radius:999px;padding:10px 18px}.about-page .about-process{list-style:none;margin:0;padding:0;counter-reset:approach}.about-page .about-process li{counter-increment:approach;position:relative;padding:0 0 26px 58px;margin-bottom:24px;border-bottom:1px solid var(--line)}.about-page .about-process li:last-child{margin-bottom:0;padding-bottom:0;border:0}.about-page .about-process li:before{content:'0' counter(approach);position:absolute;left:0;top:0;color:var(--blue);font-size:20px;font-weight:700}.about-page .about-process p{margin-bottom:0}.about-page .about-team{background:var(--cream)}.about-page .about-team-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.about-page .about-team-strip figure{margin:0}.about-page .about-team-strip img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}.about-page .about-team-strip figcaption{font-size:13px;padding-top:8px}.about-page .about-standards{border-left:3px solid var(--red);padding-left:26px}.about-page .about-standards a{display:inline-block;margin:4px 16px 4px 0}.about-page .about-cta{background:var(--navy);color:#fff;border-radius:20px;padding:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.about-page .about-cta h2{margin-bottom:12px}.about-page .about-cta p{margin-bottom:0;max-width:62ch}.about-page a:focus-visible{outline:3px solid var(--navy);outline-offset:5px}.about-page .about-industries a:focus-visible,.about-page .about-cta a:focus-visible,.about-page .about-audience:first-child a:focus-visible{outline-color:#fff}@media(max-width:950px){.about-page .about-hero-grid{gap:28px}.about-page .about-audience-grid{grid-template-columns:minmax(0,1fr)}.about-page .about-columns{gap:28px}.about-page .about-cta{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.about-page .about-intro{padding:32px 0 40px}.about-page .about-hero-grid,.about-page .about-columns{grid-template-columns:minmax(0,1fr)}.about-page .about-portrait{max-width:370px}.about-page .about-section{padding:42px 0}.about-page .about-audience,.about-page .about-cta{padding:24px}.about-page .about-team-strip{gap:10px}.about-page .about-industry-list li{padding:8px 14px}.about-page .about-process li{padding-left:44px}.about-page h1{font-size:44px}}
.about-page .about-industries a:hover,.about-page .about-cta .textlink:hover,.about-page .about-cta a[href^="tel:"]:hover{color:#fff;text-decoration:underline}.about-page .about-hero-copy>.caption{margin-top:24px}.about-page .about-standards article+article{margin-top:28px}.about-page .about-cta .textlink,.about-page .about-industries .textlink{color:#fff}
/* Keep the company headline balanced beside the founder portrait. */
.about-page h1{font-size:clamp(40px,4.2vw,56px);max-width:18ch}
@media(max-width:680px){.about-page .textlink,.about-page a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px}}

/* Founder portrait: retain the complete seated composition rather than cropping to a headshot. */
.about-page .about-intro{background:#f5f6f3;padding:36px 0 60px}
.about-page .about-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(36px,6vw,80px);align-items:center}
.about-page .about-hero-copy{padding-block:24px}
.about-page .about-hero-copy>.lead{max-width:52ch}
.about-page .about-portrait{width:100%;max-width:360px;justify-self:end;margin:0;background:transparent;border-radius:0;overflow:visible}
.about-page .about-portrait img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:16px}
.about-page .about-portrait figcaption{padding:17px 2px 0;color:var(--navy);font-size:13px;line-height:1.6}
.about-page .about-portrait strong{font-size:20px;line-height:1.3;letter-spacing:-.2px;margin-bottom:4px}
.about-page .about-portrait figcaption span{color:var(--muted)}
@media(max-width:950px) and (min-width:761px){.about-page .about-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:32px}.about-page .about-hero-copy .lead{font-size:17px}.about-page .about-hero-copy h1{font-size:44px}.about-page .about-hero-copy .actions{gap:16px}}
@media(max-width:760px){.about-page .about-intro{padding:28px 0 40px}.about-page .about-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}.about-page .about-hero-copy{display:contents}.about-page .about-hero-copy>.eyebrow{order:1;margin:0}.about-page .about-hero-copy>h1{order:2;font-size:clamp(36px,8.5vw,46px);max-width:18ch;margin:0}.about-page .about-portrait{order:3;max-width:360px;justify-self:center;margin:4px 0 6px}.about-page .about-hero-copy>.lead{order:4;margin:0;max-width:none}.about-page .about-hero-copy>.actions{order:5;margin:0;align-items:center;gap:16px 22px}.about-page .about-hero-copy>.caption{order:6;margin:0}.about-page .about-portrait img{border-radius:14px}.about-page .about-portrait figcaption{padding-top:14px}.about-page .about-intro .crumb{margin-bottom:26px}}

/* Bring the founder panel closer without extending the text column. */
@media(min-width:951px){.about-page .about-portrait{justify-self:center;transform:translateX(-12px)}}
@media(min-width:761px) and (max-width:950px){.about-page .about-portrait{transform:translateX(-8px)}}

/* Make each About photo a full-size native link without changing its layout. */
.about-page .about-photo-link{display:block;border-radius:12px}
.about-page .about-portrait .about-photo-link{border-radius:16px}
@media(max-width:760px){.about-page .about-portrait .about-photo-link{border-radius:14px}}