:root { --about-navy:#071827; --about-navy-soft:#10283a; --about-ink:#101b2d; --about-muted:#5d6873; --about-orange:#ef7d00; --about-orange-dark:#c85e00; --about-line:#dfe4e8; --about-light:#f3f5f5; --about-white:#fff; }
.about-page { color:var(--about-ink); overflow:clip; }
.about-container { margin-inline:auto; max-width:82rem; padding-inline:clamp(1.25rem,4vw,2.5rem); }
.about-section { padding-block:clamp(4rem,6vw,5.75rem); }
.about-eyebrow { color:var(--about-orange-dark); font-size:var(--type-eyebrow); font-weight:780; letter-spacing:.12em; margin:0 0 1rem; text-transform:uppercase; }
.about-hero { background:linear-gradient(115deg,#f3f5f5 0%,#fff 68%); padding-block:clamp(4.5rem,6.5vw,6.5rem); }
.about-hero-grid { align-items:center; display:grid; gap:clamp(3rem,7vw,7rem); grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr); }
.about-hero h1 { font-size:var(--type-inner-h1); letter-spacing:-.032em; line-height:1.1; margin:0; max-width:17ch; }
.about-lead,.about-copy { color:var(--about-muted); font-size:var(--type-lead); line-height:1.6; margin:1.5rem 0 0; max-width:48rem; }
.about-buttons { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.about-button { align-items:center; border:1px solid transparent; display:inline-flex; font-size:var(--type-button); font-weight:700; justify-content:center; min-height:3.25rem; padding:.75rem 1.3rem; text-decoration:none; transition:.18s ease; }
.about-button:focus-visible { outline:3px solid #ffb25d; outline-offset:3px; }
.about-button-primary { background:var(--about-orange); color:#fff; }.about-button-primary:hover { background:var(--about-orange-dark); color:#fff; }
.about-button-secondary { border-color:var(--about-ink); color:var(--about-ink); }.about-button-secondary:hover { background:var(--about-ink); color:#fff; }
.about-button-light { border-color:rgba(255,255,255,.65); color:#fff; }.about-button-light:hover { background:#fff; color:var(--about-navy); }
.about-hero-graphic { align-items:center; aspect-ratio:1; background:var(--about-navy); border-radius:50%; display:flex; justify-content:center; position:relative; }
.about-hero-graphic::before { border:1px solid rgba(255,255,255,.28); border-radius:50%; content:''; inset:15%; position:absolute; }
.about-hero-graphic i { background:#fff; color:var(--about-navy); font-style:normal; font-weight:900; padding:1.15rem; position:relative; z-index:1; }
.about-hero-graphic span { align-items:center; background:var(--about-orange); border:5px solid var(--about-navy); border-radius:50%; color:#fff; display:flex; font-weight:900; height:4.5rem; justify-content:center; position:absolute; width:4.5rem; z-index:2; }
.about-hero-graphic span:first-child { left:2%; }.about-hero-graphic span:last-child { right:2%; }
.about-who { background:#fff; }.about-who-grid,.about-buyers-grid { align-items:start; display:grid; gap:clamp(3rem,8vw,7rem); grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr); }
.about-who h2,.about-heading h2,.about-principles h2,.about-buyers h2,.about-final h2 { font-size:var(--type-section-h2); letter-spacing:-.032em; line-height:1.12; margin:0; }
.about-facts { border-top:4px solid var(--about-orange); margin:0; }
.about-facts div { border-bottom:1px solid var(--about-line); padding:1.15rem 0; }.about-facts dt { color:var(--about-muted); font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.about-facts dd { font-weight:750; margin:.3rem 0 0; }
.about-model { background:var(--about-navy); color:#fff; }.about-model .about-eyebrow,.about-final .about-eyebrow { color:#ff9b2f; }
.about-heading { max-width:54rem; }.about-heading>p:last-child { color:var(--about-muted); font-size:1.08rem; margin:1.25rem 0 0; }.about-model .about-heading>p:last-child { color:rgba(255,255,255,.72); }
.about-model-flow { display:grid; gap:2rem; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; margin:2.75rem 0 0; padding:0; }
.about-model-flow li { border-top:1px solid rgba(255,255,255,.25); padding-top:1.5rem; position:relative; }.about-model-flow li:not(:last-child)::after { color:var(--about-orange); content:'→'; font-size:1.6rem; position:absolute; right:-1.45rem; top:2.6rem; }
.about-model-flow span { color:#ff9b2f; display:block; font-size:.72rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }.about-model-flow h3 { font-size:1.25rem; margin:.65rem 0; }.about-model-flow p { color:rgba(255,255,255,.7); margin:0; }
.about-background { background:var(--about-light); }.about-timeline { display:grid; gap:0; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:2.75rem 0 0; padding:0; position:relative; }.about-timeline::before { background:var(--about-line); content:''; height:2px; left:0; position:absolute; right:0; top:2rem; }.about-timeline li { padding-right:2rem; position:relative; }.about-timeline strong { align-items:center; background:var(--about-orange); border:6px solid var(--about-light); border-radius:50%; color:#fff; display:flex; height:4rem; justify-content:center; position:relative; width:4rem; }.about-timeline h3 { font-size:1.2rem; margin:1.5rem 0 .65rem; }.about-timeline p { color:var(--about-muted); margin:0; }
.about-value { background:#fff; }.about-card-grid { display:grid; gap:1px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:2.75rem; background:var(--about-line); border:1px solid var(--about-line); }.about-card-grid article { background:#fff; padding:clamp(1.5rem,3vw,2.35rem); }.about-card-grid span { color:var(--about-orange); font-size:.75rem; font-weight:900; }.about-card-grid h3 { font-size:1.2rem; margin:1rem 0 .65rem; }.about-card-grid p { color:var(--about-muted); margin:0; }
.about-principles { background:var(--about-light); }.about-principles-grid { display:grid; gap:clamp(3rem,8vw,7rem); grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }.about-principle-list { display:grid; gap:0; grid-template-columns:repeat(2,minmax(0,1fr)); }.about-principle-list article { border-bottom:1px solid var(--about-line); padding:1.5rem 1.5rem 1.5rem 0; }.about-principle-list h3 { font-size:1.08rem; margin:0 0 .55rem; }.about-principle-list p { color:var(--about-muted); margin:0; }
.about-buyers { background:#fff; }.about-buyer-panel { background:var(--about-navy); color:#fff; padding:clamp(1.6rem,4vw,2.7rem); }.about-buyer-panel ul { list-style:none; margin:0; padding:0; }.about-buyer-panel li { border-bottom:1px solid rgba(255,255,255,.17); padding:.8rem 0 .8rem 1.5rem; position:relative; }.about-buyer-panel li::before { color:var(--about-orange); content:'→'; font-weight:900; left:0; position:absolute; }.about-buyer-panel p { color:rgba(255,255,255,.64); font-size:.84rem; margin:1.5rem 0 0; }
.about-final { background:linear-gradient(120deg,var(--about-navy),var(--about-navy-soft)); color:#fff; padding-block:clamp(4rem,5.5vw,5.5rem); text-align:center; }.about-final-inner { align-items:center; display:flex; flex-direction:column; }.about-final-inner>p { color:rgba(255,255,255,.75); font-size:1.08rem; margin:1.25rem 0 0; max-width:44rem; }
@media(max-width:900px){.about-hero-grid,.about-who-grid,.about-buyers-grid,.about-principles-grid{grid-template-columns:1fr}.about-hero-graphic{margin-inline:auto;max-width:25rem;width:80%}.about-model-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.about-model-flow li:nth-child(2)::after{display:none}.about-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.about-section{padding-block:3.25rem}.about-hero h1{font-size:var(--type-inner-h1)}.about-buttons{align-items:stretch;flex-direction:column}.about-button{width:100%}.about-hero-graphic{width:92%}.about-model-flow,.about-card-grid,.about-principle-list{grid-template-columns:1fr}.about-model-flow li:not(:last-child)::after{bottom:-1.8rem;content:'↓';left:1rem;right:auto;top:auto}.about-timeline{grid-template-columns:1fr}.about-timeline::before{bottom:0;height:auto;left:1.95rem;right:auto;top:0;width:2px}.about-timeline li{display:grid;gap:1.2rem;grid-template-columns:4rem 1fr;padding:0 0 2rem}.about-timeline h3{margin:.35rem 0 .5rem}}

/* About hero reference layout. */
.about-hero{padding-block:clamp(3.25rem,5vw,5rem)}
.about-hero-grid{gap:clamp(2rem,4vw,4.5rem);grid-template-columns:minmax(0,.78fr) minmax(34rem,1.22fr);max-width:94rem}
.about-hero-copy h1{font-size:clamp(2.65rem,4.15vw,4.25rem);line-height:1.04;max-width:14ch}
.about-title-rule{background:var(--about-orange);display:block;height:3px;margin-top:1.5rem;width:3.6rem}
.about-hero-copy .about-lead{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.62;margin-top:1.45rem;max-width:40rem}
.about-hero-copy .about-buttons{margin-top:1.8rem}.about-hero-copy .about-button{gap:1.35rem}.about-hero-copy .about-button b{font-size:1.25em;font-weight:400}
.about-hero-diagram{background:#fff;border:1px solid #edf0f2;border-radius:1rem;box-shadow:0 14px 40px rgba(7,24,39,.07);height:min(42rem,46vw);min-height:35rem;position:relative}
.about-diagram-hub{align-items:center;background:linear-gradient(145deg,#10263a,#061725);border:10px solid #f6f7f7;border-radius:50%;box-shadow:0 8px 24px rgba(7,24,39,.18);display:flex;height:15rem;justify-content:center;left:50%;position:absolute;top:47%;transform:translate(-50%,-50%);width:15rem;z-index:3}
.about-hub-ring{align-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:flex;flex-direction:column;height:13.1rem;justify-content:center;padding:1rem;text-align:center;width:13.1rem}.about-hub-ring img{height:3.7rem;object-fit:contain;width:auto}.about-hub-ring strong{color:#fff;font-size:1.65rem;line-height:1;margin-top:.75rem}.about-hub-ring small{color:#fff;font-size:.94rem;line-height:1.35;margin-top:.55rem;max-width:9rem}
.about-diagram-point{position:absolute;text-align:center;width:12rem;z-index:2}.about-diagram-point strong{display:block;font-size:.88rem;line-height:1.25;margin-top:.55rem}.about-diagram-point p{color:#455160;font-size:.77rem;line-height:1.45;margin:.45rem auto 0;max-width:11rem}.about-point-icon{align-items:center;border:1.5px solid var(--about-orange);border-radius:50%;display:flex;height:3.7rem;justify-content:center;margin:auto;width:3.7rem}.about-point-icon svg{fill:none;height:2.15rem;stroke:var(--about-orange);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:2.15rem}
.about-point-de{left:5%;top:8%}.about-point-pk{right:5%;top:8%}.about-point-eu{bottom:15%;left:5%}.about-point-flow{bottom:15%;right:5%}
.about-country{align-items:center;background:linear-gradient(135deg,#f39100,#ef7200);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:850;height:4rem;justify-content:center;position:absolute;top:44%;width:4rem;z-index:4}.about-country-de{left:12%}.about-country-pk{right:12%}
.about-country::after{border-top:1.5px dashed var(--about-orange);content:'';position:absolute;top:50%;width:6rem}.about-country-de::after{left:100%}.about-country-pk::after{right:100%}
.about-diagram-point::after{border-left:1.5px dashed var(--about-orange);content:'';height:2rem;left:50%;position:absolute}.about-point-de::after,.about-point-pk::after{top:100%}.about-point-eu::after,.about-point-flow::after{bottom:100%}
.about-diagram-map{background:url('../images/world-map-dots.svg') center/contain no-repeat;bottom:1.2rem;height:5.5rem;left:29%;opacity:.22;position:absolute;width:42%}
@media(max-width:1100px){.about-hero-grid{grid-template-columns:1fr}.about-hero-copy h1{max-width:18ch}.about-hero-diagram{height:40rem;margin-inline:auto;max-width:48rem;width:100%}}
@media(max-width:700px){.about-hero-diagram{height:36rem;min-height:0}.about-diagram-hub{height:11.5rem;top:48%;width:11.5rem}.about-hub-ring{height:10rem;width:10rem}.about-hub-ring img{height:2.8rem}.about-hub-ring strong{font-size:1.2rem}.about-hub-ring small{font-size:.75rem}.about-diagram-point{width:8.5rem}.about-diagram-point p{font-size:.64rem}.about-point-icon{height:3rem;width:3rem}.about-point-icon svg{height:1.75rem;width:1.75rem}.about-country{height:3.2rem;width:3.2rem}.about-country-de{left:8%}.about-country-pk{right:8%}.about-country::after{width:4rem}.about-point-de,.about-point-eu{left:1%}.about-point-pk,.about-point-flow{right:1%}}

/* Who we are reference layout and custom fact icons. */
.about-who{background:linear-gradient(115deg,#f6f7f7,#fff 72%);padding-block:clamp(3.4rem,5vw,5rem)}
.about-who-grid{align-items:center;gap:clamp(3rem,6vw,6rem);grid-template-columns:minmax(0,.9fr) minmax(32rem,1.1fr);max-width:90rem}
.about-who-copy .about-eyebrow{margin-bottom:1.25rem}.about-who-rule{background:var(--about-orange);display:block;height:3px;margin-bottom:2rem;width:3.4rem}
.about-who-copy h2{font-size:clamp(2.7rem,4.35vw,4.5rem);line-height:1.04;max-width:12ch}.about-who-copy .about-copy{font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.62;max-width:36rem}
.about-facts{background:#fff;border:1px solid #edf0f2;border-radius:.75rem;box-shadow:0 12px 36px rgba(7,24,39,.06);margin:0;padding:1.2rem 2.4rem}
.about-facts>div{align-items:center;border-bottom:1px solid var(--about-line);display:grid;gap:1.7rem;grid-template-columns:5rem 1fr;padding:1.35rem 0}.about-facts>div:last-child{border-bottom:0}
.about-fact-icon{align-items:center;background:#fff3e7;border-radius:50%;display:flex;height:4.6rem;justify-content:center;width:4.6rem}.about-fact-icon svg{fill:none;height:2.65rem;stroke:var(--about-orange);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;width:2.65rem}
.about-fact-text{border-left:1px solid var(--about-line);display:block;min-height:3.7rem;padding-left:1.8rem}.about-facts dt{color:#657080;font-size:.76rem;font-weight:800;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.about-facts dd{color:var(--about-ink);font-size:clamp(1rem,1.35vw,1.25rem);font-weight:780;line-height:1.35;margin:.65rem 0 0}
@media(max-width:1000px){.about-who-grid{grid-template-columns:1fr}.about-who-copy h2{max-width:16ch}.about-facts{width:100%}}
@media(max-width:620px){.about-who{padding-block:2.75rem}.about-who-rule{margin-bottom:1.5rem}.about-who-copy h2{font-size:2.5rem}.about-facts{padding:.6rem 1.1rem}.about-facts>div{gap:1rem;grid-template-columns:3.8rem 1fr;padding:1rem 0}.about-fact-icon{height:3.5rem;width:3.5rem}.about-fact-icon svg{height:2rem;width:2rem}.about-fact-text{padding-left:1rem}.about-facts dd{margin-top:.4rem}}

/* Germany–Pakistan connected model reference layout. */
.about-model{background:radial-gradient(circle at 50% 38%,#102b40 0,#071a2a 48%,#061522 100%);padding-block:clamp(3.5rem,5vw,5rem)}
.about-model .about-container{max-width:94rem}.about-model .about-heading{max-width:60rem}.about-model .about-heading h2{font-size:clamp(2.6rem,4vw,4rem);line-height:1.08;max-width:19ch}.about-model .about-heading>p:last-child{font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.6;max-width:56rem}
.about-model-flow{background:transparent;display:grid;gap:clamp(1.1rem,2.2vw,2.7rem);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.6rem}
.about-model-flow li{border:1px solid rgba(255,255,255,.23);border-radius:.5rem;display:flex;flex-direction:column;min-height:20rem;padding:1.65rem 1.55rem;position:relative}
.about-model-flow li:not(:last-child)::after{display:none}.about-model-tag{color:#ff8a00!important;font-size:.75rem!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase}
.about-model-icon{display:block;height:3.2rem;margin-top:1.45rem;width:3.2rem}.about-model-icon svg{fill:none;height:100%;stroke:#ff7a00;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:100%}
.about-model-flow h3{color:#fff;font-size:1.15rem;line-height:1.25;margin:1.3rem 0 0}.about-model-flow h3::after{background:rgba(255,255,255,.2);content:'';display:block;height:1px;margin-top:1.15rem;width:100%}
.about-model-flow p{color:rgba(255,255,255,.74);font-size:.9rem;line-height:1.65;margin:1.15rem 0 0}
.about-model-arrow{align-items:center;background:linear-gradient(135deg,#ff9b00,#ed6500);border-radius:50%;color:#fff!important;display:flex!important;font-size:1.55rem!important;height:2.65rem;justify-content:center;letter-spacing:0!important;position:absolute;right:calc(-1.875rem - clamp(.55rem,1.1vw,1.35rem));text-transform:none!important;top:50%;transform:translateY(-50%);width:2.65rem;z-index:3}
.about-model-bridge{align-items:center;color:#fff;display:flex;gap:1.25rem;justify-content:center;margin:1.65rem auto 0;max-width:52rem}.about-model-bridge span{border-top:1px dashed rgba(255,255,255,.65);flex:1;position:relative}.about-model-bridge span:first-child::before,.about-model-bridge span:last-child::after{background:#fff;border-radius:50%;content:'';height:.45rem;position:absolute;top:-.25rem;width:.45rem}.about-model-bridge span:first-child::before{left:0}.about-model-bridge span:last-child::after{right:0}.about-model-bridge b{font-size:.7rem;letter-spacing:.18em;text-align:center;text-transform:uppercase;white-space:nowrap}
@media(max-width:1000px){.about-model-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.about-model-arrow{display:none!important}.about-model-flow li{min-height:18rem}}
@media(max-width:620px){.about-model{padding-block:2.75rem}.about-model-flow{grid-template-columns:1fr;margin-top:2rem}.about-model-flow li{min-height:0}.about-model-bridge{gap:.65rem}.about-model-bridge b{font-size:.58rem;white-space:normal}}

/* Compact background timeline with purpose-drawn milestone icons. */
.about-background{background:linear-gradient(110deg,#f5f6f6,#fff 74%);padding-block:clamp(3rem,4.5vw,4.5rem)}
.about-background .about-container{max-width:88rem}.about-background-heading{max-width:64rem}.about-background-heading .about-eyebrow{margin-bottom:1.25rem}.about-background-rule{background:var(--about-orange);display:block;height:3px;margin-bottom:1.7rem;width:3.5rem}.about-background-heading h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.08;max-width:22ch}
.about-timeline{display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3.2rem;padding:0;position:relative;text-align:center}.about-timeline::before{background:#d9dfe3;height:2px;left:8%;right:8%;top:2rem}
.about-timeline li{align-items:center;display:flex;flex-direction:column;padding:0;position:relative}.about-timeline strong{background:linear-gradient(135deg,#f59a00,#e96700);border:0;box-shadow:0 .35rem .85rem rgba(239,125,0,.18);font-size:1.05rem;height:4rem;justify-content:center;width:4rem;z-index:2}
.about-timeline strong::after{background:#d9dfe3;border-radius:50%;bottom:-1.2rem;content:'';height:.65rem;left:50%;position:absolute;transform:translateX(-50%);width:.65rem}
.about-timeline-icon{align-items:center;background:#fff;border:1.5px solid var(--about-orange);border-radius:50%;display:flex;height:4.6rem;justify-content:center;margin-top:1.7rem;width:4.6rem}.about-timeline-icon svg{fill:none;height:2.55rem;stroke:var(--about-orange);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:2.55rem}
.about-timeline h3{font-size:1.3rem;line-height:1.28;margin:1rem auto 0;max-width:18rem}.about-timeline-rule{background:var(--about-orange);display:block;height:2px;margin:1.15rem auto 0;width:2.3rem}.about-timeline p{color:var(--about-muted);font-size:.94rem;line-height:1.6;margin:1rem auto 0;max-width:19rem}
@media(max-width:760px){.about-timeline{gap:1.4rem;grid-template-columns:1fr;margin-top:2.3rem;text-align:left}.about-timeline::before{bottom:0;height:auto;left:2rem;right:auto;top:0;width:2px}.about-timeline li{align-items:flex-start;display:grid;gap:.8rem 1rem;grid-template-columns:4rem 4rem 1fr}.about-timeline strong{grid-column:1;grid-row:1}.about-timeline strong::after{display:none}.about-timeline-icon{grid-column:2;grid-row:1;margin:0}.about-timeline li>div{grid-column:3;grid-row:1}.about-timeline h3{margin:.3rem 0 0;max-width:none}.about-timeline-rule{margin:.8rem 0 0}.about-timeline p{margin:.75rem 0 0;max-width:none}}

/* Compact practical-capability cards with purpose-drawn icons. */
.about-value{background:linear-gradient(110deg,#f8f9f9,#fff 75%);padding-block:clamp(3rem,4.5vw,4.5rem)}
.about-value .about-container{max-width:90rem}.about-value-heading{max-width:70rem}.about-value-heading .about-eyebrow{margin-bottom:1rem}.about-value-rule{background:var(--about-orange);display:block;height:3px;margin-bottom:1.5rem;width:2.5rem}.about-value-heading h2{font-size:clamp(2.45rem,3.8vw,3.75rem);line-height:1.08;max-width:none}
.about-card-grid{background:transparent;border:0;display:grid;gap:1.35rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.6rem}
.about-card-grid article{background:#fff;border:1px solid #e1e6e9;border-radius:.5rem;box-shadow:0 .25rem .8rem rgba(7,24,39,.035);min-height:16.5rem;padding:1.55rem 1.7rem}
.about-value-card-top{align-items:center;display:flex;justify-content:space-between}.about-value-number{color:#e96500!important;font-size:1.05rem!important;font-weight:850!important}.about-value-icon{align-items:center;background:#fff1e3;border-radius:50%;display:flex;height:4.35rem;justify-content:center;width:4.35rem}.about-value-icon svg{fill:none;height:2.55rem;stroke:#eb6d00;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:2.55rem}
.about-value-accent{background:var(--about-orange);display:block;height:2px;margin-top:-.6rem;width:2rem}.about-card-grid h3{font-size:1.18rem;line-height:1.3;margin:2rem 0 0}.about-card-grid p{color:var(--about-muted);font-size:.93rem;line-height:1.6;margin:.8rem 0 0;max-width:29rem}
@media(max-width:950px){.about-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.about-value{padding-block:2.75rem}.about-card-grid{grid-template-columns:1fr;margin-top:2rem}.about-card-grid article{min-height:0;padding:1.35rem}.about-value-icon{height:3.75rem;width:3.75rem}.about-value-icon svg{height:2.2rem;width:2.2rem}.about-card-grid h3{margin-top:1.5rem}}

/* Compact business-principles matrix with purpose-drawn icons. */
.about-principles{background:linear-gradient(110deg,#f6f7f7,#fff 74%);padding-block:clamp(3.2rem,4.7vw,4.7rem)}
.about-principles .about-container{max-width:92rem}.about-principles-grid{align-items:center;gap:clamp(3rem,6vw,6rem);grid-template-columns:minmax(19rem,.72fr) minmax(38rem,1.28fr)}
.about-principles-intro .about-eyebrow{margin-bottom:1rem}.about-principles-rule{background:var(--about-orange);display:block;height:3px;margin-bottom:2rem;width:3.1rem}.about-principles-intro h2{font-size:clamp(2.5rem,3.8vw,3.8rem);line-height:1.1;max-width:13ch}.about-principles-intro>p:last-child{color:var(--about-muted);font-size:1rem;line-height:1.65;margin:1.7rem 0 0;max-width:29rem}
.about-principle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.about-principle-list article{align-items:center;border-bottom:1px solid var(--about-line);display:flex;flex-direction:column;min-height:14rem;padding:1.35rem 1.5rem;text-align:center}.about-principle-list article:not(:nth-child(3n)){border-right:1px solid var(--about-line)}.about-principle-list article:nth-last-child(-n+3){border-bottom:0}
.about-principle-icon{align-items:center;background:#fff1e3;border-radius:50%;display:flex;height:4.5rem;justify-content:center;width:4.5rem}.about-principle-icon svg{fill:none;height:2.55rem;stroke:#e96900;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:2.55rem}.about-principle-list h3{font-size:1rem;line-height:1.3;margin:1.2rem 0 0}.about-principle-list p{color:var(--about-muted);font-size:.84rem;line-height:1.65;margin:.75rem 0 0;max-width:17rem}
@media(max-width:1050px){.about-principles-grid{grid-template-columns:1fr}.about-principles-intro h2{max-width:18ch}.about-principles-intro>p:last-child{max-width:45rem}}
@media(max-width:700px){.about-principles{padding-block:2.75rem}.about-principle-list{grid-template-columns:1fr}.about-principle-list article{border-bottom:1px solid var(--about-line)!important;border-right:0!important;min-height:0;padding:1.35rem}.about-principle-list article:last-child{border-bottom:0!important}.about-principles-rule{margin-bottom:1.5rem}}

/* Compact buyer-perspective split layout and custom benefit icons. */
.about-buyers{background:linear-gradient(110deg,#f8f9f9,#fff 72%);padding-block:clamp(3.2rem,4.8vw,4.8rem)}
.about-buyers .about-container{max-width:90rem}.about-buyers-grid{align-items:center;gap:clamp(2.5rem,5vw,5rem);grid-template-columns:minmax(0,.95fr) minmax(31rem,1.05fr)}
.about-buyers-copy .about-eyebrow{margin-bottom:1rem}.about-buyers-rule{background:var(--about-orange);display:block;height:3px;margin-bottom:2rem;width:3rem}.about-buyers-copy h2{font-size:clamp(2.7rem,4.2vw,4.25rem);line-height:1.08;max-width:13ch}.about-buyers-copy .about-copy{font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.65;max-width:38rem}
.about-buyer-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.15rem}.about-buyer-highlights>div{align-items:center;border-right:1px solid var(--about-line);display:flex;flex-direction:column;min-height:8rem;padding:.1rem .7rem;text-align:center}.about-buyer-highlights>div:last-child{border-right:0}.about-buyer-highlights span{display:block;height:3rem;width:3rem}.about-buyer-highlights svg{fill:none;height:100%;stroke:#eb6d00;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:100%}.about-buyer-highlights strong{font-size:.73rem;line-height:1.35;margin-top:.8rem;max-width:9rem}
.about-buyer-panel{background:linear-gradient(145deg,#10283a,#061725);border-radius:.6rem;box-shadow:0 .8rem 2rem rgba(7,24,39,.12);padding:1.65rem 2.3rem}.about-buyer-panel li{align-items:center;border-bottom:1px solid rgba(255,255,255,.2);display:grid;gap:1.5rem;grid-template-columns:3rem 1fr;min-height:4.7rem;padding:.7rem 0}.about-buyer-panel li::before{display:none}.about-buyer-panel li>span{align-items:center;border:1.5px solid #f07800;border-radius:50%;color:#f07800;display:flex;font-size:1.65rem;height:2.65rem;justify-content:center;width:2.65rem}.about-buyer-panel li strong{font-size:1rem;line-height:1.35}.about-buyer-panel>p{color:rgba(255,255,255,.62);font-size:.84rem;line-height:1.55;margin:1.2rem 0 0}
@media(max-width:1050px){.about-buyers-grid{grid-template-columns:1fr}.about-buyers-copy h2{max-width:18ch}.about-buyer-panel{width:100%}}
@media(max-width:650px){.about-buyers{padding-block:2.75rem}.about-buyer-highlights{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.4rem}.about-buyer-highlights>div:nth-child(2){border-right:0}.about-buyer-panel{padding:1rem 1.25rem}.about-buyer-panel li{gap:1rem;grid-template-columns:2.5rem 1fr}.about-buyer-panel li>span{font-size:1.35rem;height:2.25rem;width:2.25rem}}

/* Final project CTA reference treatment. */
.about-final{background:radial-gradient(circle at 50% 38%,#102b40 0,#071a2a 48%,#061522 100%);min-height:31rem;padding-block:clamp(4rem,6vw,6rem)}
.about-final-inner{justify-content:center}.about-final-eyebrow{align-items:center;display:flex;gap:1.7rem;justify-content:center}.about-final-eyebrow>span{background:#ef7200;height:2px;width:3.5rem}.about-final-eyebrow .about-eyebrow{font-size:.88rem;letter-spacing:.14em;margin:0}
.about-final h2{font-size:clamp(3rem,5.2vw,5.25rem);line-height:1.05;margin-top:2.15rem;max-width:18ch}.about-final-inner>p{color:rgba(255,255,255,.68);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;margin-top:1.6rem;max-width:55rem}.about-final .about-buttons{gap:1rem;margin-top:2.1rem}.about-final .about-button{gap:1.5rem;min-height:4.15rem;padding:.8rem 2rem}.about-final .about-button b{font-size:1.4em;font-weight:400}.about-final .about-button-primary{background:linear-gradient(135deg,#f79400,#ef7100);min-width:23rem}.about-final .about-button-light{min-width:18rem}
@media(max-width:620px){.about-final{min-height:0;padding-block:3.5rem}.about-final-eyebrow{gap:.8rem}.about-final-eyebrow>span{width:2rem}.about-final h2{font-size:2.65rem;margin-top:1.5rem}.about-final .about-buttons{width:100%}.about-final .about-button,.about-final .about-button-primary,.about-final .about-button-light{min-width:0;width:100%}}

/* Approved global typography normalization. */
.about-model-flow h3,.about-card-grid h3{font-size:var(--type-card-title);line-height:1.25}
.about-principle-list h3{font-size:var(--type-feature-title);line-height:1.25}
.about-final h2{font-size:var(--type-cta-h2);line-height:1.1}
.about-hero-copy h1{font-size:var(--type-inner-h1);line-height:1.1}
.about-who-copy h2,
.about-model .about-heading h2,
.about-background-heading h2,
.about-value-heading h2,
.about-principles-intro h2,
.about-buyers-copy h2{font-size:var(--type-section-h2);line-height:1.12}
.about-hero-copy h1{max-width:28ch}
.about-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(34rem,.95fr)}
@media(max-width:1100px){.about-hero-grid{grid-template-columns:1fr}.about-hero-copy h1{max-width:22ch}}
@media(max-width:620px){.about-hero-copy h1{max-width:18ch}}
.about-who-grid{grid-template-columns:minmax(0,1.1fr) minmax(30rem,.9fr)}
.about-principles-grid{grid-template-columns:minmax(0,1fr) minmax(34rem,1fr)}
.about-buyers-grid{grid-template-columns:minmax(0,1.1fr) minmax(30rem,.9fr)}
@media(max-width:1000px){.about-who-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.about-principles-grid,.about-buyers-grid{grid-template-columns:1fr}}
.about-hero h1,
.about-who h2,
.about-heading h2,
.about-principles h2,
.about-buyers h2,
.about-final h2{text-wrap:balance}
.about-who-copy h2,
.about-principles-intro h2,
.about-buyers-copy h2{max-width:22ch}
.about-hero-copy{align-self:start}
/* Compact the hero capability diagram without clipping its four supporting points. */
.about-hero-diagram{height:min(36rem,40vw);min-height:32rem}
.about-diagram-hub{height:13.5rem;width:13.5rem}
.about-hub-ring{height:11.7rem;width:11.7rem}
.about-hub-ring img{height:3.3rem}
.about-hub-ring strong{font-size:1.5rem;margin-top:.6rem}
.about-hub-ring small{font-size:.86rem;margin-top:.4rem}
.about-point-de,.about-point-pk{top:6%}
.about-point-eu,.about-point-flow{bottom:8%}
.about-diagram-point::after{height:1.5rem}
@media(max-width:1100px){.about-hero-diagram{height:36rem;min-height:32rem}}
@media(max-width:700px){.about-hero-diagram{height:36rem;min-height:0}.about-diagram-hub{height:11.5rem;width:11.5rem}.about-hub-ring{height:10rem;width:10rem}.about-hub-ring img{height:2.8rem}.about-hub-ring strong{font-size:1.2rem}.about-hub-ring small{font-size:.75rem}.about-point-de,.about-point-pk{top:8%}.about-point-eu,.about-point-flow{bottom:15%}.about-diagram-point::after{height:2rem}}

/* Align the desktop hero diagram height more closely with the copy column. */
@media(min-width:1101px){
	.about-hero-diagram{height:min(28rem,32vw);min-height:26rem}
	.about-diagram-hub{height:11rem;top:48%;width:11rem}
	.about-hub-ring{height:9.5rem;width:9.5rem}
	.about-hub-ring img{height:2.65rem}
	.about-hub-ring strong{font-size:1.25rem;margin-top:.45rem}
	.about-hub-ring small{font-size:.72rem;line-height:1.3;margin-top:.3rem;max-width:7.5rem}
	.about-diagram-point{width:11rem}
	.about-diagram-point strong{font-size:.78rem;margin-top:.35rem}
	.about-diagram-point p{font-size:.68rem;line-height:1.35;margin-top:.25rem;max-width:10rem}
	.about-point-icon{height:3rem;width:3rem}
	.about-point-icon svg{height:1.75rem;width:1.75rem}
	.about-point-de,.about-point-pk{top:4%}
	.about-point-eu,.about-point-flow{bottom:5%}
	.about-diagram-point::after{height:1.1rem}
	.about-country{font-size:.92rem;height:3.25rem;top:45%;width:3.25rem}
	.about-country-de{left:13%}
	.about-country-pk{right:13%}
	.about-country::after{width:5rem}
	.about-diagram-map{bottom:.6rem;height:4rem}
}

/* Compact the desktop company-facts panel to align with the copy column. */
@media(min-width:1001px){
	.about-who{padding-block:clamp(2.5rem,3.5vw,3.5rem)}
	.about-who-grid{align-items:center;gap:clamp(2.75rem,4.5vw,4.5rem)}
	.about-facts{padding:.55rem 1.5rem}
	.about-facts>div{gap:.9rem;grid-template-columns:3.1rem 1fr;padding:.5rem 0}
	.about-fact-icon{height:2.85rem;width:2.85rem}
	.about-fact-icon svg{height:1.65rem;width:1.65rem}
	.about-fact-text{min-height:2.75rem;padding-left:1rem}
	.about-facts dt{font-size:.68rem;letter-spacing:.11em}
	.about-facts dd{font-size:.95rem;line-height:1.28;margin-top:.3rem}
}

/* Compact the Germany-Pakistan operating-model section on desktop. */
@media(min-width:1001px){
	.about-model{padding-block:clamp(2.25rem,3vw,3rem)}
	.about-model .about-heading{max-width:64rem}
	.about-model .about-heading h2{line-height:1.08;max-width:24ch}
	.about-model .about-heading>p:last-child{font-size:.95rem;line-height:1.48;margin-top:.8rem;max-width:60rem}
	.about-model-flow{gap:clamp(.8rem,1.5vw,1.5rem);margin-top:1.4rem}
	.about-model-flow li{min-height:14rem;padding:1rem 1.15rem}
	.about-model-tag{font-size:.68rem!important}
	.about-model-icon{height:2.55rem;margin-top:.75rem;width:2.55rem}
	.about-model-flow h3{font-size:1rem;line-height:1.22;margin-top:.75rem}
	.about-model-flow h3::after{margin-top:.65rem}
	.about-model-flow p{font-size:.78rem;line-height:1.45;margin-top:.65rem}
	.about-model-arrow{font-size:1.25rem!important;height:2.15rem;right:calc(-1.075rem - clamp(.4rem,.75vw,.75rem));width:2.15rem}
	.about-model-bridge{gap:.85rem;margin-top:.85rem;max-width:46rem}
	.about-model-bridge b{font-size:.62rem}
}

/* Compact the three-milestone background timeline on desktop. */
@media(min-width:761px){
	.about-background{padding-block:clamp(2.25rem,3vw,3rem)}
	.about-background-heading .about-eyebrow{margin-bottom:.65rem}
	.about-background-rule{margin-bottom:1rem}
	.about-background-heading h2{line-height:1.08;max-width:25ch}
	.about-timeline{gap:clamp(1.5rem,3.5vw,3.5rem);margin-top:1.5rem}
	.about-timeline::before{top:1.6rem}
	.about-timeline strong{font-size:.88rem;height:3.2rem;width:3.2rem}
	.about-timeline strong::after{bottom:-.85rem;height:.5rem;width:.5rem}
	.about-timeline-icon{height:3.5rem;margin-top:1.25rem;width:3.5rem}
	.about-timeline-icon svg{height:2rem;width:2rem}
	.about-timeline h3{font-size:1.05rem;line-height:1.25;margin-top:.65rem}
	.about-timeline-rule{margin-top:.7rem;width:1.9rem}
	.about-timeline p{font-size:.82rem;line-height:1.45;margin-top:.65rem;max-width:18rem}
}

/* Compact the six practical-capability cards on desktop and tablet. */
@media(min-width:951px){
	.about-value{padding-block:clamp(2.25rem,3vw,3rem)}
	.about-value-heading .about-eyebrow{margin-bottom:.55rem}
	.about-value-rule{margin-bottom:.9rem}
	.about-value-heading h2{line-height:1.08}
	.about-card-grid{gap:.85rem 1rem;margin-top:1.35rem}
	.about-card-grid article{min-height:11.5rem;padding:.9rem 1.1rem}
	.about-value-number{font-size:.88rem!important}
	.about-value-icon{height:3rem;width:3rem}
	.about-value-icon svg{height:1.8rem;width:1.8rem}
	.about-value-accent{margin-top:-.35rem;width:1.7rem}
	.about-card-grid h3{font-size:1rem;line-height:1.22;margin-top:1rem}
	.about-card-grid p{font-size:.8rem;line-height:1.42;margin-top:.55rem}
}

/* Professional compact card treatment for the six business principles. */
@media(min-width:1051px){
	.about-principles{padding-block:clamp(2.25rem,3vw,3rem)}
	.about-principles-grid{align-items:center;gap:clamp(2.5rem,4vw,4rem);grid-template-columns:minmax(20rem,.72fr) minmax(40rem,1.28fr)}
	.about-principles-intro .about-eyebrow{margin-bottom:.55rem}
	.about-principles-rule{margin-bottom:1rem;width:2.6rem}
	.about-principles-intro h2{line-height:1.08;max-width:15ch}
	.about-principles-intro>p:last-child{font-size:.9rem;line-height:1.5;margin-top:.9rem;max-width:27rem}
	.about-principle-list{gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}
	.about-principle-list article{align-items:center;background:#fff;border:1px solid #e1e6e9!important;border-radius:.45rem;border-top:3px solid var(--about-orange)!important;box-shadow:0 .3rem 1rem rgba(7,24,39,.045);display:grid;gap:.6rem .85rem;grid-template-columns:3rem minmax(0,1fr);grid-template-rows:auto 1fr;min-height:9.75rem;padding:.9rem 1rem;text-align:left}
	.about-principle-icon{border-radius:.4rem;grid-column:1;grid-row:1;height:3rem;width:3rem}
	.about-principle-icon svg{height:1.8rem;width:1.8rem}
	.about-principle-list h3{font-size:1rem;grid-column:2;grid-row:1;line-height:1.2;margin:0}
	.about-principle-list p{align-self:start;font-size:.76rem;grid-column:1/-1;grid-row:2;line-height:1.42;margin:0;max-width:none}
}

/* Compact only the Buyer Perspective dark panel on desktop. */
@media(min-width:1051px){
	.about-buyer-panel{padding:1rem 1.5rem}
	.about-buyer-panel li{gap:1rem;grid-template-columns:2.35rem 1fr;min-height:3.35rem;padding:.4rem 0}
	.about-buyer-panel li>span{font-size:1.25rem;height:2.1rem;width:2.1rem}
	.about-buyer-panel li strong{font-size:.88rem;line-height:1.3}
	.about-buyer-panel>p{font-size:.76rem;line-height:1.45;margin-top:.7rem}
}

/* Compact the final About CTA while preserving its visual emphasis. */
@media(min-width:621px){
	.about-final{min-height:0;padding-block:clamp(2.25rem,3vw,3rem)}
	.about-final-eyebrow{gap:1rem}
	.about-final-eyebrow>span{width:2.75rem}
	.about-final-eyebrow .about-eyebrow{font-size:.78rem}
	.about-final h2{line-height:1.08;margin-top:1rem;max-width:16ch}
	.about-final-inner>p{font-size:.95rem;line-height:1.48;margin-top:.85rem;max-width:50rem}
	.about-final .about-buttons{gap:.8rem;margin-top:1.25rem}
	.about-final .about-button{gap:1rem;min-height:3.25rem;padding:.65rem 1.5rem}
	.about-final .about-button-primary{min-width:19rem}
	.about-final .about-button-light{min-width:16rem}
}

/* Consistent compact spacing between every post-hero About page section. */
@media(min-width:1001px){
	.about-page .about-section:not(.about-hero){padding-block:2rem}
}
@media(min-width:621px) and (max-width:1000px){
	.about-page .about-section:not(.about-hero){padding-block:2.25rem}
}
@media(max-width:620px){
	.about-page .about-section:not(.about-hero){padding-block:2.25rem}
}