/* Scoped to the About story, values, and contact panel. */
.about-story,.about-values{padding-block:80px}
.about-story{background:#fff}
.about-story-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.about-story h2,.about-values h2{margin:0;color:#071f34;font-size:clamp(2rem,3.5vw,3.25rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}
.about-story p{margin:0 0 20px;color:#586579;font-size:1.1rem;line-height:1.75}
.about-story p:last-child{margin-bottom:0}
.about-values{background:#f4f6f7}
.about-values h2{margin-bottom:32px}
.about-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.about-value{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #dce3e8;border-radius:20px;background:#fff;overflow-wrap:anywhere}
.about-value-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;align-self:flex-start;width:44px;height:44px;margin-bottom:24px;border-radius:12px;color:#071f34;background:#fff1df}
.about-value-icon svg{display:block;width:24px;height:24px;flex:none}
.about-value h3{margin:0 0 16px;color:#071f34;font-size:1.5rem;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.about-value p{margin:0;color:#586579;font-size:1rem;line-height:1.7}
.about-contact{padding-block:64px;background:#fff}
.about-contact-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;border-radius:20px;background:#071f34;overflow-wrap:anywhere}
.about-contact-panel>div:first-child{max-width:800px;min-width:0}
.about-contact h2{margin:0 0 16px;color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.15;letter-spacing:-.025em}
.about-contact p{margin:0;color:#dce7ee;font-size:1.05rem;line-height:1.7}
.about-contact-links{display:flex;flex:0 1 270px;min-width:0;flex-direction:column;gap:16px;align-items:center}
.about-contact a{font-size:1rem;font-weight:700;line-height:1.5;text-underline-offset:4px}
.about-contact-primary{padding:14px 20px;border:1px solid #fff;border-radius:12px;background:#fff;color:#071f34;text-align:center;text-decoration:none}
.about-contact-primary:hover{background:#fff1df;color:#071f34}
.about-contact-work,.about-contact-work:hover{color:#fff}
.about-contact a:focus-visible{outline:3px solid #1570ef;outline-offset:5px}
.high-contrast .about-story,.high-contrast .about-values,.high-contrast .about-value,.high-contrast .about-contact,.high-contrast .about-contact-panel,.high-contrast .about-value-icon{background:#000}
.high-contrast .about-value,.high-contrast .about-contact-panel,.high-contrast .about-value-icon{border:1px solid #fff}
.high-contrast .about-story h2,.high-contrast .about-story p,.high-contrast .about-values h2,.high-contrast .about-value h3,.high-contrast .about-value p,.high-contrast .about-value-icon,.high-contrast .about-contact h2,.high-contrast .about-contact p{color:#fff}
.high-contrast .about-contact-primary{background:#000;border-color:#ff0}
.high-contrast .about-contact a:focus-visible{outline-color:#ff0}
@media(max-width:991.98px){.about-story,.about-values{padding-block:64px}.about-story-layout{grid-template-columns:1fr;gap:24px}.about-contact-panel{align-items:flex-start;flex-direction:column}.about-contact-links{flex:auto;align-items:flex-start}}
@media(max-width:639.98px){.about-story,.about-values,.about-contact{padding-block:48px}.about-values-grid{grid-template-columns:1fr}.about-value{padding:20px}.about-contact-panel{padding:24px}}