:root { --navy:#082858; --gold:#c98b25; --ink:#15396f; --muted:#6079a1; --gutter:64px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"DM Sans",Arial,sans-serif; }
.about-shell { width:min(calc(100% - (var(--gutter) * 2)),1500px); margin:0 auto; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3,.about-header-cta,.about-primary-button,.about-light-button { font-family:"Manrope",Arial,sans-serif; }
.about-header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); border-bottom:1px solid #e8eef5; backdrop-filter:blur(12px); }
.about-header-inner { min-height:84px; display:flex; align-items:center; gap:34px; }
.about-logo img { width:210px; display:block; }
.about-nav { display:flex; gap:26px; margin-left:auto; }
.about-nav a { color:#385273; font:600 13px "Manrope",sans-serif; text-decoration:none; }
.about-nav a:hover,.about-nav .active { color:var(--gold); }
.about-header-cta,.about-primary-button,.about-light-button { display:inline-flex; align-items:center; gap:22px; border-radius:999px; color:#fff; background:var(--navy); padding:7px 7px 7px 24px; font-size:12px; font-weight:800; letter-spacing:.5px; text-decoration:none; }
.about-header-cta span,.about-primary-button span,.about-light-button span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#0767bf; font-size:22px; }
.about-menu-toggle { display:none; margin-left:auto; width:42px; height:42px; border:1px solid #dce5ef; border-radius:8px; background:#fff; }
.about-menu-toggle i { display:block; width:20px; height:2px; margin:4px auto; background:var(--navy); }
.about-hero { position:relative; isolation:isolate; min-height:540px; overflow:hidden; padding:76px 0; background:#071f43; color:#fff; }
.about-hero::before { content:""; position:absolute; z-index:-2; inset:0; background:url('../images/about.jpg') center 42% / cover no-repeat; }
.about-hero::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(5,25,57,.96) 0%,rgba(5,31,70,.88) 42%,rgba(5,31,70,.55) 70%,rgba(5,31,70,.72) 100%),linear-gradient(0deg,rgba(4,22,49,.48),transparent 42%); }
.about-hero-grid { display:block; }.about-hero-content { max-width:950px; padding:6px 0 36px; }
.about-breadcrumb { display:flex; gap:10px; margin-bottom:42px; color:rgba(255,255,255,.72); font:500 15px "DM Sans",Arial,sans-serif; }.about-breadcrumb::before { content:"←"; color:rgba(255,255,255,.72); }.about-breadcrumb a { color:#fff; font-weight:600; text-decoration:none; }.about-breadcrumb [aria-current="page"] { color:#e3a92e; }.about-breadcrumb a:hover { color:#e3a92e; }
.about-hero-tag { width:max-content; margin-bottom:24px; padding:11px 19px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(255,255,255,.1); color:#fff; font:800 12px "Manrope",Arial,sans-serif; letter-spacing:2px; }
.about-hero-grid,.about-introduction-grid,.about-why-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:80px; }
.about-eyebrow { display:flex; align-items:center; gap:14px; margin-bottom:16px; color:var(--gold); font:800 13px "Manrope",sans-serif; letter-spacing:1.8px; }
.about-eyebrow span { width:62px; height:2px; background:var(--gold); }
.about-hero h1,.about-copy h2,.about-purpose h2,.about-cta h2 { margin-bottom:22px; color:var(--navy); font-size:clamp(40px,4.3vw,68px); line-height:1.08; letter-spacing:-3px; }
.about-hero h1 { max-width:820px; color:#fff; font-size:clamp(48px,5.2vw,78px); }
em { color:var(--gold); font-style:normal; }
.about-lead,.about-copy p,.about-cta p { max-width:690px; color:var(--muted); font-size:17px; line-height:1.65; }
.about-hero .about-lead { max-width:700px; color:rgba(255,255,255,.82); font-size:19px; }
.about-primary-button { margin-top:14px; }
.about-hero-image { position:relative; min-height:420px; border-radius:28px; overflow:hidden; box-shadow:0 24px 50px rgba(8,40,88,.16); }
.about-hero-image img,.about-why-image img { width:100%; height:100%; object-fit:cover; display:block; }
.about-introduction { padding:110px 0; }
.about-process-card { padding:40px; display:grid; grid-template-columns:44px 1fr; gap:18px 16px; border:1px solid #dce7f3; border-radius:24px; background:#f8fbff; box-shadow:0 18px 38px rgba(15,52,96,.08); }
.about-process-card span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--navy); color:#fff; font:700 12px "Manrope",sans-serif; }
.about-process-card strong { align-self:center; color:var(--ink); font:700 16px "Manrope",sans-serif; }
.about-copy h2 { font-size:clamp(34px,3.3vw,50px); letter-spacing:-2px; }
.about-copy p { margin-bottom:20px; }
.about-stats { padding:50px 0; background:var(--navy); }
.about-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.about-stats-grid > div { min-height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.28); border-radius:22px; background:rgba(255,255,255,.07); color:#fff; text-align:center; }
.about-stats i { width:54px; height:54px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--gold); font-size:27px; font-style:normal; }
.about-stats strong { margin:13px 0 4px; font:800 36px "Manrope",sans-serif; }
.about-stats span { font:700 13px "Manrope",sans-serif; letter-spacing:.8px; text-transform:uppercase; }
.about-years { flex-direction:row!important; gap:16px; }.about-years strong { font-size:68px; }.about-years span { font-size:22px; text-align:left; text-transform:none; }
.about-purpose { padding:110px 0; background:#f7fbff; }.about-purpose-heading { max-width:760px; margin-bottom:42px; }.about-purpose-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.about-purpose article { padding:34px; border-radius:20px; background:#fff; box-shadow:0 14px 32px rgba(12,53,99,.08); }.about-purpose b { color:var(--gold); font:800 14px "Manrope",sans-serif; }.about-purpose h3 { margin:18px 0 12px; font-size:24px; }.about-purpose p { margin:0; color:var(--muted); font-size:15px; line-height:1.65; }
.about-why { padding:110px 0; }.about-why-image { height:560px; border-radius:26px; overflow:hidden; }.about-checklist { margin:26px 0 0; padding:0; list-style:none; }.about-checklist li { margin:14px 0; color:var(--ink); font:600 15px "Manrope",sans-serif; }.about-checklist li::before { content:"✓"; width:25px; height:25px; margin-right:11px; display:inline-grid; place-items:center; border-radius:50%; background:var(--navy); color:#fff; }
.about-cta { padding:96px 0; background:radial-gradient(circle at 85% 20%,rgba(57,126,205,.4),transparent 25%),var(--navy); color:#fff; text-align:center; }.about-cta .about-eyebrow { justify-content:center; color:#f1c068; }.about-cta h2 { max-width:900px; margin-right:auto; margin-left:auto; color:#fff; }.about-cta p { margin:0 auto 26px; color:#d6e4f6; }.about-light-button { background:#fff; color:var(--navy); }.about-light-button span { background:#e1edf9; color:var(--navy); }
.about-footer { padding:34px 0; background:#061d3c; }.about-footer-inner { display:flex; align-items:center; gap:32px; }.about-footer img { width:210px; }.about-footer p { margin:0; color:#9eb2ce; font-size:13px; }.about-footer a { margin-left:auto; color:#fff; font:700 13px "Manrope",sans-serif; text-decoration:none; }

/* Rebalanced introduction: story left, support points right. */
.about-introduction { padding:82px 0; }
.about-introduction-grid { grid-template-columns:1.18fr .82fr; gap:52px; }
.about-introduction-grid > .about-copy { order:1; }
.about-introduction-grid > .about-process-card { order:2; align-self:stretch; padding:30px; display:flex; flex-direction:column; gap:0; }
.about-process-card > p { margin:0 0 12px; color:#bd842b; font:800 12px "Manrope",Arial,sans-serif; letter-spacing:1.7px; }
.about-process-item { padding:17px 0; display:flex; align-items:flex-start; gap:14px; border-top:1px solid #dce7f3; }
.about-process-item > span { flex:0 0 36px; width:36px; height:36px; }
.about-process-item strong { display:block; margin:1px 0 4px; }
.about-process-item small { display:block; color:var(--muted); font:13px/1.45 "DM Sans",Arial,sans-serif; }
@media(max-width:900px){ .about-header-cta{display:none}.about-menu-toggle{display:block}.about-nav{display:none}.about-nav.open{position:absolute;top:84px;right:24px;left:24px;display:flex;flex-direction:column;gap:0;padding:12px 20px;border:1px solid #dce5ef;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 15px 30px rgba(8,40,88,.14)}.about-nav.open a{padding:12px 0;border-bottom:1px solid #eef2f6}.about-nav.open a:last-child{border:0}.about-introduction-grid,.about-why-grid{grid-template-columns:1fr;gap:45px}.about-why-image{order:2;height:410px}.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-purpose-grid{grid-template-columns:1fr}.about-hero{min-height:490px}}
@media(max-width:600px){:root{--gutter:24px}.about-header-inner{min-height:72px}.about-logo img{width:190px}.about-hero,.about-introduction,.about-purpose,.about-why{padding:65px 0}.about-hero{min-height:470px;background-position:58% center}.about-breadcrumb{margin-bottom:30px;font-size:13px}.about-hero-tag{margin-bottom:18px;font-size:10px;letter-spacing:1.2px}.about-hero h1,.about-purpose h2,.about-cta h2{font-size:39px;letter-spacing:-1.8px}.about-hero .about-lead,.about-lead,.about-copy p,.about-cta p{font-size:15px}.about-process-card{padding:28px}.about-stats-grid{gap:12px}.about-stats-grid>div{min-height:150px}.about-stats strong{font-size:29px}.about-stats span{font-size:11px}.about-years{gap:8px}.about-years strong{font-size:45px}.about-years span{font-size:16px}.about-footer-inner{flex-wrap:wrap}.about-footer p{width:100%}.about-footer a{margin-left:0}.about-cta{padding:70px 0}.about-why-image{height:320px}}