/* Background image intentionally not set here — context-images.css owns it
   (this rule used to duplicate it with an older, unrelated photo, and the
   two stylesheets loading in parallel is what made the hero visibly swap
   images right after the page loaded). */
.about-hero{min-height:470px;display:flex;align-items:center;position:relative;color:#fff}.about-hero-copy{max-width:720px;padding:80px 0}.about-hero h1{font-size:58px;line-height:1.05;letter-spacing:-2px;margin:0 0 20px}.about-hero h1 span{color:var(--orange)}.about-hero p{max-width:650px;color:#dce3f4;font-size:18px;line-height:1.7}.breadcrumb{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#ffb079;margin-bottom:18px}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.intro-image{position:relative}.intro-image img{height:500px;width:100%;object-fit:cover;object-position:68% center;border-radius:14px;box-shadow:var(--shadow)}.intro-stat{position:absolute;right:-20px;bottom:28px;background:var(--orange);color:#fff;padding:24px;width:220px;border-radius:10px;box-shadow:0 18px 40px rgba(255,104,28,.25)}.intro-stat strong{display:block;font-size:20px;margin-bottom:4px}.intro-stat span{font-size:12px;line-height:1.5}.intro-copy h2,.about-heading h2{font-size:42px;line-height:1.13;letter-spacing:-1.2px;color:var(--navy);margin:0 0 20px}.intro-copy h2 span,.about-heading h2 span{color:var(--orange)}.intro-copy p{font-size:15px;line-height:1.76;color:var(--text)}.capabilities{background:var(--soft)}.about-heading{max-width:780px;margin:0 auto 42px;text-align:center}.about-heading p{color:var(--text);line-height:1.7}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cap-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:30px;box-shadow:0 12px 32px rgba(16,33,90,.06)}.cap-card .num{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:1.5px}.cap-card h3{font-size:22px;color:var(--navy);margin:20px 0 12px}.cap-card p,.cap-card li{font-size:13.5px;line-height:1.65;color:var(--text)}.cap-card ul{padding-left:18px;margin-bottom:0}.approach{background:linear-gradient(135deg,#071844,#102b76);color:#fff}.approach .about-heading h2{color:#fff}.approach .about-heading p{color:#cbd5ec}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:13px;overflow:hidden}.step{padding:30px;background:rgba(255,255,255,.05)}.step span{display:block;color:#ffb079;font-size:12px;font-weight:900;margin-bottom:22px}.step h3{font-size:19px;margin:0 0 10px}.step p{font-size:13px;line-height:1.6;color:#cbd5ec;margin:0}.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.value{padding:25px 20px;border-top:3px solid var(--orange);background:#fff;box-shadow:0 10px 28px rgba(16,33,90,.07)}.value h3{font-size:17px;color:var(--navy);margin:0 0 9px}.value p{font-size:12.5px;line-height:1.55;color:var(--text);margin:0}.about-cta{padding:62px 0;background:linear-gradient(100deg,#071844,#0c2a71);color:#fff}.about-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.about-cta h2{font-size:34px;margin:0 0 10px}.about-cta p{color:#cbd5ec;margin:0}@media(max-width:900px){.intro-grid{grid-template-columns:1fr}.cap-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr 1fr}.intro-stat{right:15px}}@media(max-width:620px){.about-hero h1{font-size:41px}.about-hero{min-height:430px}.intro-copy h2,.about-heading h2{font-size:32px}.process,.values-grid{grid-template-columns:1fr}.about-cta-inner{align-items:flex-start;flex-direction:column}.intro-image img{height:360px}}
