body.about-page .about-hero-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:12px;padding-bottom:28px}
body.about-page .about-hero-pillars p{display:flex;align-items:center;gap:14px;margin:0;color:#fff;font:700 clamp(1.1rem,1.7vw,1.5rem)/1.35 Manrope,Inter,sans-serif}
body.about-page .about-hero-pillars svg{width:27px;height:27px;flex:none;color:#b9d1da;transition:color .2s ease}
body.about-page .about-hero-pillars p:hover svg{color:#42e4ec}
body.home-refined #specialisms .specialism-row:hover .specialism-icon,
body.home-refined #specialisms .specialism-row:hover .specialism-icon svg{color:#007caa!important;stroke:#007caa!important}
@media(max-width:600px){body.about-page .about-hero-pillars{grid-template-columns:1fr;gap:18px;padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){body.about-page .about-hero-pillars svg{transition:none}}

/* Compact, evenly distributed principles at the hero boundary. */
body.about-page .about-hero-pillars{display:flex;justify-content:space-between;align-items:center;gap:24px}
body.about-page .about-hero-pillars p{font-size:clamp(1rem,1.35vw,1.125rem);gap:11px;font-weight:600}
body.about-page .about-hero-pillars svg{width:23px;height:23px;color:#42e4ec}
body.about-page .about-hero-pillars p:nth-child(2) svg{color:#a78bfa}
body.about-page .about-hero-pillars p:nth-child(3) svg{color:#78e7eb}
body.about-page .about-hero-pillars p:hover svg{color:#fff}
@media(max-width:600px){body.about-page .about-hero-pillars{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}}
