
.mittem-slider{--ink:#07364e;--cyan:#009cb1;--muted:#546979;--line:#dce8ed;--soft:#f1f8fb;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;max-width:1440px;margin:auto;isolation:isolate;box-sizing:border-box}
.mittem-slider *{box-sizing:border-box}.mittem-slider [hidden]{display:none!important}.mittem-slider button,.mittem-slider a{font:inherit}.mittem-slider button{cursor:pointer}.mittem-slider a{color:inherit}.mittem-slider :focus-visible{outline:3px solid #00667c;outline-offset:5px}
.mittem-panels{position:relative}.mittem-panel{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.mittem-copy{padding:62px clamp(28px,4.6vw,68px);align-self:center;min-width:0}.mittem-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;line-height:1.6;color:#007e92;margin:0 0 20px}.mittem-title{font-size:clamp(34px,3.8vw,54px);font-weight:750;line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;text-wrap:balance}.mittem-body{font-size:17px;line-height:1.7;margin:0 0 27px;color:var(--muted);max-width:540px;text-wrap:pretty}.mittem-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 21px;background:var(--cyan);border-radius:5px;color:#fff!important;text-decoration:none;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s}.mittem-cta:hover{background:#007f92}.mittem-tags{padding:0;margin:25px 0 0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.mittem-tags li{font-size:11px;line-height:1.5;padding:7px 11px;background:#f1f5f7;border:1px solid #e3ebef;border-radius:40px;color:#4d6473}.mittem-media{margin:0;position:relative;min-width:0;display:flex;align-items:center;background:var(--soft);overflow:hidden}.mittem-media>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.mittem-media figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(3,32,49,.73);color:#fff;padding:9px 15px;font-size:9px;line-height:1.5}.mittem-panel[data-key="global"] .mittem-media{flex-direction:column;justify-content:center;padding:26px 28px 53px;background:radial-gradient(ellipse at center,#fff 5%,#eaf5fa 100%)}.mittem-panel[data-key="global"] .mittem-media>img{position:static;object-fit:contain;height:auto;aspect-ratio:1000/430}.mittem-countries{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;padding:0;margin:22px 0 12px;gap:7px}.mittem-countries li{font-size:11px;padding:6px 9px;border-radius:4px;border:1px solid #c7e3eb;background:#fff;color:#0b5b71}.mittem-panel[data-key="global"] figcaption{color:#4b6878;background:#e7f2f7;text-align:center}.mittem-panel[data-key="reuse"] img{object-position:30% center}.mittem-panel[data-key="technology"] img{object-position:85% center}
.mittem-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-top:1px solid var(--line);gap:16px}.mittem-direction,.mittem-tools{display:flex;align-items:center;gap:9px}.mittem-icon{border:1px solid var(--line);background:#fff;color:var(--ink);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px}.mittem-icon:hover{background:var(--soft)}.mittem-play{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;width:auto;padding:0 14px;font-size:11px;gap:7px}.mittem-dots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.mittem-dot{border:0;background:transparent;min-width:32px;min-height:42px;display:grid;place-items:center}.mittem-dot:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#c8d6dd}.mittem-dot[aria-current="true"]:before{width:22px;border-radius:8px;background:var(--cyan)}.mittem-count{font-size:12px;color:#526e7e;min-width:33px}.mittem-proof{display:grid;grid-template-columns:1fr 1fr 1.35fr;border-top:1px solid var(--line);padding:24px 44px;gap:30px;background:#f8fbfd}.mittem-proof strong{font-size:27px;display:block;letter-spacing:-.03em}.mittem-proof span{font-size:11px;color:#526e7e;display:block;margin-top:6px;line-height:1.5}.mittem-proof div:last-child strong{font-size:15px;padding-top:7px;line-height:1.4}.mittem-live{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media(prefers-reduced-motion:reduce){.mittem-slider *{transition:none!important}}
@media(max-width:760px){.mittem-panel{grid-template-columns:1fr;min-height:0}.mittem-copy{padding:34px 25px 28px}.mittem-eyebrow{font-size:10px;margin-bottom:16px}.mittem-title{font-size:35px;line-height:1.1;margin-bottom:18px}.mittem-body{font-size:15px;line-height:1.65;margin-bottom:22px}.mittem-cta{font-size:13px;padding:14px 17px}.mittem-tags{margin-top:19px;gap:6px}.mittem-tags li{font-size:10px;padding:6px 9px}.mittem-media{aspect-ratio:3/2;min-height:0}.mittem-panel[data-key="global"] .mittem-media{aspect-ratio:auto;min-height:270px;padding:20px 16px 44px}.mittem-countries{gap:5px;margin:9px 0}.mittem-countries li{font-size:10px}.mittem-controls{padding:12px 15px;gap:6px}.mittem-icon{width:37px;height:37px}.mittem-dot{min-width:24px;min-height:40px}.mittem-play{width:37px;padding:0;font-size:16px}.mittem-play .mittem-play-label{display:none}.mittem-direction,.mittem-tools{gap:5px}.mittem-count{display:none}.mittem-proof{padding:22px 24px;gap:15px;grid-template-columns:1fr 1fr}.mittem-proof strong{font-size:26px}.mittem-proof div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px}.mittem-media figcaption{font-size:8px;padding:7px 10px}}

/* Distinct banner imagery and full project-country map. */
.mittem-panel[data-key="engineering"] img{object-position:50% center}
.mittem-panel[data-key="reuse"] img{object-position:48% center}
.mittem-panel[data-key="technology"] img{object-position:45% center}
.mittem-map-details{width:100%;margin-top:18px;text-align:center;color:#0b5b71}
.mittem-map-details summary{cursor:pointer;font-size:12px;line-height:1.5;padding:10px 12px;border:1px solid #c7e3eb;border-radius:5px;background:#fff;display:list-item;list-style-position:inside}
.mittem-map-details .mittem-countries{margin-top:12px;gap:5px}
.mittem-map-details .mittem-countries li{font-size:10px;padding:5px 7px}
@media(max-width:760px){.mittem-map-details{margin-top:12px}.mittem-panel[data-key="global"] .mittem-media{min-height:265px}}
