/* UX/UI refinement: a consistent navy-and-blue consulting identity. */
:root{--ink:#12304a;--navy:#12304a;--blue:#1674bd;--green:#1674bd;--muted:#526474;--paper:#fff;--line:#dce6ee;--blue-light:#e7f2fb;--coral:#1674bd;--gold:#1674bd}
html{scroll-padding-top:110px}body{color:var(--ink);font-size:16px;line-height:1.85}.wrap{width:min(1160px,calc(100% - 64px))}h1,h2,h3{color:var(--ink)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}a,button,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1674bd;box-shadow:0 0 0 5px #fff}button:disabled{opacity:.7}
.header{background:#fffffff5;border-color:var(--line)}.header-inner{height:88px;gap:22px}.brand-name{font-size:21px;font-weight:700}.brand-small{font-size:10px;letter-spacing:1px;color:var(--muted)}.nav{gap:20px;font-size:13px;font-weight:600}.nav a{padding:10px 1px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.nav a[aria-current=page]{color:var(--blue);text-decoration:none;box-shadow:inset 0 -3px 0 var(--blue)}.nav a:last-child{border-radius:10px;padding:11px 19px;box-shadow:none}.nav a:last-child[aria-current=page]{color:#fff;background:var(--navy)}.lang{font-size:13px;min-height:44px;border-color:#b6c9d8;border-radius:10px}.menu-button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;color:var(--navy)}.skip:focus{background:var(--navy)}
.btn{font-size:14px;font-weight:700;padding:14px 25px;min-height:52px;border-radius:11px;background:var(--blue);border-color:var(--blue);transition:background .18s,box-shadow .18s}.btn:hover{background:#105d99;border-color:#105d99;box-shadow:0 6px 18px #12304a14}.btn.light{border-color:#b6c9d8;color:var(--navy);background:#fff}.btn.light:hover{background:#eef5fb;color:var(--navy);border-color:var(--blue)}.eyebrow{font-size:11px;letter-spacing:1.2px;color:#145f98}.eyebrow:before{width:28px;background:var(--blue)}
.hero{background:linear-gradient(110deg,#fff 44%,#f2f7fc 100%);padding:50px 0 58px}.hero-grid{min-height:550px;gap:52px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(42px,4.2vw,60px);line-height:1.5;font-weight:700;margin:20px 0}.hero h1 em{color:var(--blue)}.hero .intro{font-size:16px;line-height:2;color:var(--muted)}.identity strong{font-size:22px;color:var(--navy)}.identity span{font-size:13px;color:var(--muted)}.hero-chips{gap:10px}.hero-chips span{font-size:12px;border:1px solid #d4e4f1;background:#edf5fc;color:#1d537b;padding:7px 13px}.hero-chips span+span{background:#fff;color:var(--muted)}.hero-composition{height:545px}.hero-portrait{border-radius:180px 180px 22px 22px;border:5px solid #fff;box-shadow:0 18px 48px #12304a16}.hero-composition .hero-note>span{font-size:10px;color:#145f98;letter-spacing:.8px}#home .hero-composition .hero-signature,#about .about-heading .signature{color:#1674bd!important}.hero-composition:before{content:'';position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:#dcecf8;top:45px;inset-inline-end:-20px;z-index:-1}
.results-band{background:var(--navy);color:#fff;padding:35px 0}.results-band .eyebrow{color:#d3eaff}.results-band .eyebrow:before{background:#a6d5fb}.stats{gap:24px;margin-top:22px}.stat b{font-size:44px;font-weight:700;color:#fff}.stat span{font-size:13px;color:#d3e3f0}.stat{border-color:#ffffff28}.section{padding:68px 0}.section-head h2{font-size:32px;line-height:1.65;font-weight:700}.section-head>p{font-size:14px;line-height:2}.home-explore{background:#fff}.explore-card{padding:32px 28px;background:#fff;border:1px solid var(--line);border-top:3px solid #c3d9eb;border-radius:15px;transition:transform .18s,border-color .18s,box-shadow .18s}.explore-card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 14px 30px #12304a0c}.explore-card>svg{width:32px;height:32px;padding:0}.explore-card h3{font-size:22px;font-weight:700}.explore-card p{font-size:14px;line-height:2}.explore-link{font-size:13px}
.page-intro{background:#f0f6fb;padding:38px 0 40px}.page-intro h1{font-size:39px;font-weight:700;margin:14px 0 12px}.page-intro p{font-size:15px;color:var(--muted)}.breadcrumb{font-size:12px;margin-bottom:24px}.breadcrumb a{min-height:30px;display:inline-flex;align-items:center}.work-tools{padding:22px 24px;background:#f4f8fc;border:1px solid var(--line);border-radius:14px;margin-bottom:22px}.project-search label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}.search-field{display:flex;align-items:center;gap:12px;padding:0 15px;background:#fff;border:1px solid #afc4d5;border-radius:9px;max-width:720px}.search-field>svg{width:23px;height:23px;flex-shrink:0;color:var(--muted)}.search-field input{width:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;line-height:1.7;padding:12px 0;color:var(--ink)}.search-field:focus-within{outline:3px solid #1674bd35;border-color:var(--blue)}.search-field input:focus-visible{outline:0;box-shadow:none}.search-reset{background:#eaf2fa;color:#155f96;border-radius:6px;min-height:40px;padding:6px 12px;white-space:nowrap;font-size:13px}.search-reset[hidden]{display:none}.filter{font-size:12px;min-height:44px;padding:9px 15px;background:#fff;border-color:#c9d9e6}.filter.active{background:var(--navy);border-color:var(--navy)}.result-count{font-size:13px;color:var(--muted);margin-bottom:22px}.projects{gap:24px}.project{background:#fff;border-color:var(--line);box-shadow:0 5px 15px #12304a05}.project:hover{background:#fff;border-color:#87b5d6;box-shadow:0 12px 28px #12304a0c}.case-index{font-size:11px;background:#f1f7fc;padding:17px 24px;color:#1b629a;border-bottom:1px solid var(--line);line-height:1.6;letter-spacing:.5px}.case-index span:first-child{color:#1b629a}.project-body{padding:23px}.project-meta{font-size:11px;gap:12px;color:#526474;line-height:1.8}.project h3{font-size:21px;font-weight:700;line-height:1.75}.project p{font-size:14px;line-height:1.95}.project-org{font-size:12px;line-height:1.9}.project-status{font-size:11px;line-height:1.9}.project-foot{margin-top:22px;gap:12px;flex-wrap:wrap}.project-foot button{font-size:13px;min-height:44px}.project-foot>span{font-size:10px;color:var(--muted);line-height:1.8}.empty-projects{grid-column:1/-1;padding:50px 24px;text-align:center;border:1px dashed #b5cbdd;border-radius:14px;background:#f8fbfe}.empty-projects h3{font-size:23px}.empty-projects p{margin:12px 0 22px;color:var(--muted);font-size:14px}
.organizations{background:#f5f8fc}.agency-card{padding:24px 18px;background:#fff}.agency-card figcaption strong{font-size:12px;line-height:1.9;font-weight:700}.agency-card figcaption span{font-size:12px;line-height:1.9;color:#1d6195}.agency-logo{height:76px;margin-bottom:18px}.agency-featured{border-color:#90b9da}.expertise{background:#fff}.expertise .service-grid{gap:24px}.expertise .service{border:1px solid var(--line);border-radius:14px;background:#f8fbfe;padding:28px;display:flex;flex-direction:column}.service-no{font-size:12px;color:#1d6195}.service h3{font-size:22px;font-weight:700;line-height:1.7;margin:20px 0 12px}.service p{font-size:14px;line-height:2;color:var(--muted)}.service small{font-size:11px;color:#1d6195;line-height:1.8;margin:20px 0}.service-cta{margin-top:auto;font-size:13px;font-weight:700;color:var(--blue);padding-top:12px;border-top:1px solid var(--line);min-height:44px;display:flex;align-items:center}.service-cta:hover{text-decoration:underline}.method{background:#f0f6fb}.method-item h3{font-size:20px;font-weight:700}.method-item p{font-size:14px;line-height:2}.method-item b{color:#1d6195}.method-note{font-size:13px;line-height:2}.about-heading h2{font-weight:700;line-height:1.7}.about-copy>p{font-size:16px;line-height:2.1}.context-label{font-size:13px}.org-list span{font-size:12px;padding:8px 12px}.perspective h2{font-weight:700}.perspective p{font-size:15px;line-height:2}.career h3{font-size:19px;font-weight:700}.career-role{font-size:13px}.career-year{font-size:12px}.career p{font-size:14px;line-height:2}.toolbox h3{font-size:16px}.tags span{font-size:12px;line-height:1.8;background:#edf4fa;color:#214e70}
.gallery-section{background:#f5f8fc}.photo-card{border-color:var(--line);box-shadow:0 5px 20px #12304a06}.photo-card h3{font-size:22px;font-weight:700;line-height:1.75}.photo-card figcaption p{font-size:14px}.photo-label{color:#1d6195;font-size:11px;line-height:1.8}.photo-zoom{width:44px;height:44px;border:1px solid var(--line)}.photo-controls button{width:48px;height:44px}.photo-description h2{font-weight:700}.photo-description p{font-size:14px}.photo-close,.dialog-close{width:44px;height:44px}.case-cover h2{font-weight:700}.case-cover small{font-size:12px}.case-cover p{font-size:14px}.case-block h3{font-size:15px;font-weight:700}.case-block p,.case-block li{font-size:15px;line-height:2}.case-detail .tags span{font-size:12px}
.contact{background:#fff}.contact-grid{gap:60px}.contact h2{font-size:37px;font-weight:700;line-height:1.65}.contact h2 span{color:var(--blue)}.contact p{font-size:15px;color:var(--muted);line-height:2}.contact-link{padding:20px 0;border-color:var(--line)}.contact-link small{font-size:12px;color:var(--muted)}.contact-link b{font-size:14px;color:var(--ink)}.contact-link:hover b{color:var(--blue)}.contact .actions .btn:not(.whatsapp-btn):not(.light){background:var(--blue);border-color:var(--blue);color:#fff}.contact .actions .btn.light{color:var(--ink);border-color:#b6c9d8;background:#fff}.contact .whatsapp-link svg{color:#167347}.contact-form-panel{background:#f7fafd;padding:36px;border-color:#d5e3ee}.form-heading h3{font-size:25px;font-weight:700}.contact .form-heading p,.contact .form-privacy{font-size:13px;line-height:1.9}.form-field label{font-size:14px}.form-field input,.form-field textarea,.form-field select{font-size:16px;min-height:50px;border-color:#a9becf;background:#fff;color:var(--ink);border-radius:9px;padding:12px 14px;font-family:inherit;line-height:1.7;width:100%}.form-field select{cursor:pointer}.form-field textarea{min-height:160px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:3px solid #1674bd35;border-color:var(--blue)}.contact .form-submit{min-width:180px}.page-cta{background:#edf5fc;padding:44px 0}.page-cta h2{font-weight:700;font-size:27px}.page-cta p{font-size:14px}.site-footer{background:var(--navy)}.footer-top p{font-size:12px;line-height:1.9}.footer-top nav{font-size:13px;gap:10px 20px}.footer-top nav a{min-height:38px;display:flex;align-items:center}.footer-whatsapp{font-size:13px;min-height:44px}.footer-bottom{font-size:12px}.noscript-note{font-size:13px;padding:18px;text-align:center;background:#eef5fb}.mobile-contact-bar{display:none}
@media(min-width:1181px){.header .nav{display:flex;position:static;flex-direction:row;padding:0;border:0;background:transparent;gap:20px}.header .menu-button{display:none}.header .header-inner{height:88px}}
@media(max-width:1180px){.header .header-inner{height:76px}.header .menu-button{display:block}.header .nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 32px 24px;gap:6px;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 90px);overflow:auto;box-shadow:0 12px 25px #12304a12}.header .nav.open{display:flex}.header .nav a{padding:10px 14px;border-radius:8px;font-size:15px}.header .nav a[aria-current=page]{background:#eaf3fb;box-shadow:none}.header .nav a:last-child{align-self:stretch;margin-top:5px;justify-content:center;color:#fff;background:var(--blue)}}
@media(max-width:1050px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:30px}.expertise .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career{grid-template-columns:90px 220px 1fr;gap:22px}}
@media(max-width:760px){html{scroll-padding-top:96px}.wrap{width:calc(100% - 40px)}.header-inner{gap:12px}.brand-name{font-size:18px}.brand-small{font-size:8px}.header-actions{gap:8px}.lang{padding:7px 11px;font-size:12px}.hero{padding:34px 0 45px;background:linear-gradient(180deg,#fff,#f4f8fc)}.hero-grid{grid-template-columns:1fr;min-height:0;gap:30px}.hero h1{font-size:37px;line-height:1.55;margin:16px 0 20px}.hero .intro{font-size:15px;line-height:2}.identity strong{font-size:21px}.identity span{font-size:13px;line-height:1.9}.hero .actions .btn{flex:1;padding:13px 16px;font-size:13px;min-width:145px}.hero-chips span{font-size:11px;padding:7px 11px}.hero-composition{width:330px;max-width:100%;height:420px;margin:0 auto}.hero-portrait{top:0;max-width:calc(100% - 20px);width:300px}.hero-composition .hero-note>span{font-size:9px}#home .hero-composition .hero-signature{font-size:26px;bottom:10px}.stats{gap:25px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.stat b{font-size:38px}.stat span{font-size:12px}.results-band{padding:30px 0}.section{padding:48px 0}.section-head{gap:15px}.section-head h2{font-size:27px}.section-head>p{font-size:14px}.page-intro{padding:26px 0 32px}.page-intro h1,[dir=ltr] .page-intro h1{font-size:30px;line-height:1.5}.page-intro p{font-size:14px;line-height:1.95}.breadcrumb{font-size:12px;gap:10px;margin-bottom:18px}.explore-card{padding:26px 23px}.explore-card h3{font-size:21px}.explore-card p{font-size:14px}.work-tools{padding:18px 16px}.project-search label{font-size:14px}.search-field{gap:9px;padding:0 11px}.search-field input{font-size:16px}.filters{gap:8px}.filter{font-size:12px;min-height:44px;padding:8px 13px}.projects{gap:18px}.project-body{padding:21px}.project h3{font-size:20px}.project p{font-size:14px}.project-meta{font-size:11px}.project-foot{align-items:start}.result-count{font-size:13px}.agency-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agency-card{padding:20px 13px}.agency-card figcaption strong,.agency-card figcaption span{font-size:12px}.agency-logo{height:64px;margin-bottom:14px}.expertise .service-grid{grid-template-columns:1fr;gap:18px}.expertise .service{padding:25px}.service h3{font-size:22px}.service p{font-size:14px}.service small{font-size:11px}.method-grid{gap:25px}.method-item h3{font-size:19px}.method-item p{font-size:14px}.method-note{font-size:13px}.about-copy>p{font-size:15px}.perspective h2{font-size:26px}.perspective p{font-size:15px}.career{grid-template-columns:1fr;gap:9px}.career h3{font-size:19px}.career p{font-size:14px}.career-role{font-size:13px}.toolbox{gap:20px}.photo-card h3{font-size:20px}.photo-card figcaption p{font-size:14px}.photo-label{font-size:11px}.photo-description p{font-size:13px}.contact-grid{gap:28px}.contact h2{font-size:31px}.contact p{font-size:14px}.contact-link b{font-size:14px}.contact-link small{font-size:12px}.contact .actions .btn{font-size:13px;padding:13px 18px}.contact-form-panel{padding:25px 19px;margin-top:35px}.form-heading h3{font-size:23px}.form-field label{font-size:14px}.contact .form-heading p,.contact .form-privacy{font-size:13px}.page-cta h2{font-size:24px}.page-cta p{font-size:14px}.page-cta .btn{width:100%}.footer-top strong{font-size:17px}.footer-bottom{font-size:11px}.case-cover h2{font-size:24px}.case-block p,.case-block li{font-size:14px}.mobile-contact-bar{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid var(--line);box-shadow:0 -5px 25px #12304a0c;backdrop-filter:blur(10px)}.mobile-contact-bar>a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;background:var(--navy);color:#fff;border-radius:10px;font-size:14px;font-weight:700}.mobile-contact-bar svg{width:21px;height:21px}.mobile-contact-bar .mobile-whatsapp{background:#167347}}
@media(max-width:480px){.projects{grid-template-columns:1fr}.hero h1{font-size:34px}.hero-composition{height:395px;width:300px}.hero-portrait{width:280px;inset-inline-start:10px}.page-intro h1,[dir=ltr] .page-intro h1{font-size:28px}.contact .actions .btn{font-size:13px}.contact .form-submit{width:100%}.photo-grid{grid-template-columns:1fr}.toolbox{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.btn,.project,.explore-card{transition:none}.explore-card:hover{transform:none}}
@media print{body{padding-bottom:0!important}.mobile-contact-bar,.work-tools,.empty-projects,.service-cta{display:none!important}.results-band{background:#fff!important;color:var(--ink)}.stat b,.stat span{color:var(--ink)!important}.results-band .eyebrow{color:var(--ink)}.hero{background:#fff}.expertise .service{padding:14px;border-color:#ddd}.project-body{padding:12px}.service p{font-size:10pt}}

@media(prefers-reduced-motion:reduce){.fade{animation:none}}

/* Shared footer: align mixed-language brand lines and group contact links. */
.footer-brand{min-width:0}.footer-brand strong{direction:ltr;unicode-bidi:isolate;text-align:inherit}.footer-brand p{text-align:inherit}[dir="rtl"] .footer-brand{text-align:right}[dir="ltr"] .footer-brand{text-align:left}.footer-socials{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #ffffff45;border-radius:9px;color:#fff;font-size:13px;white-space:nowrap}.footer-social-link svg{width:23px;height:23px;flex-shrink:0}.footer-social-link span{direction:ltr;unicode-bidi:isolate}.footer-social-link.footer-whatsapp{color:#a6e8c4;grid-column:auto}.footer-social-link:hover{background:#ffffff14;border-color:#ffffff8c}.footer-social-link:focus-visible{outline-color:#b4dfff;box-shadow:none}@media(max-width:1100px){.footer-socials{grid-column:1/-1}}@media(max-width:480px){.footer-socials{gap:8px}.footer-social-link{font-size:12px;padding:8px 11px}}

/* Keep the name and tagline centered on the portrait in either language. */
.hero-composition .hero-caption{position:absolute;inset-inline-start:10px;bottom:-5px;width:calc(100% - 10px);max-width:420px;text-align:center;z-index:3}.hero-composition .hero-caption .hero-signature{position:static!important;width:100%!important;max-width:none;margin:0;padding:8px 12px;text-align:center!important;transform:none!important}.hero-composition .hero-caption .hero-note{position:static;width:100%;padding-top:14px;margin:0;text-align:center}.hero-composition .hero-caption .hero-note>span{display:block;direction:ltr;unicode-bidi:isolate;text-align:center;white-space:normal}@media(max-width:1050px){.hero-composition .hero-caption{max-width:340px}}@media(max-width:760px){.hero-composition .hero-caption{width:300px;max-width:calc(100% - 20px);inset-inline-start:15px;bottom:-5px}}@media(max-width:480px){.hero-composition .hero-caption{width:280px;inset-inline-start:10px}}

/* MSC identity and a navy header matching the shared footer. */
.header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff26;backdrop-filter:none}.header .brand{gap:13px;min-width:0}.header .brand-mark{display:block;width:88px;height:53px;flex-shrink:0}.header .brand-name{color:#fff}.header .brand-small{color:#d3e3f0}.header .nav{background:var(--navy);border-color:#ffffff26}.header .nav a{color:#e4eef7}.header .nav a:hover{color:#fff;background:#ffffff12}.header .nav a[aria-current="page"]{color:#fff;background:#ffffff12;box-shadow:inset 0 -3px 0 #9dd7ff}.header .nav a:last-child,.header .nav a:last-child[aria-current="page"]{background:#e7f2fb;color:#12304a;box-shadow:none}.header .nav a:last-child:hover{background:#fff;color:#12304a}.header .lang,.header .menu-button{color:#fff;border-color:#ffffff65;background:transparent}.header .lang:hover,.header .menu-button:hover{background:#ffffff14}.header a:focus-visible,.header button:focus-visible{outline-color:#b4dfff;box-shadow:none}.header .nav a[aria-current="page"]:focus-visible{outline-color:#b4dfff;box-shadow:inset 0 -3px 0 #9dd7ff}@media(max-width:1180px){.header .nav{background:var(--navy);box-shadow:0 12px 25px #12304a35}.header .nav a[aria-current="page"]{background:#ffffff15;box-shadow:inset 3px 0 0 #9dd7ff}.header .nav a:last-child[aria-current="page"]{background:#e7f2fb;color:#12304a;box-shadow:none}.header .brand-mark{width:80px;height:48px}}@media(max-width:760px){.header .brand{gap:10px}.header .brand-mark{width:72px;height:44px}.header .brand-name{font-size:17px}.header .brand-small{display:none}.header .brand-name{white-space:nowrap}.header .header-inner{gap:12px}}@media(max-width:420px){.header .brand{gap:8px}.header .brand-mark{width:60px;height:40px}.header .brand-name{font-size:16px}.header .header-inner{gap:8px}.header .lang{min-width:58px;padding:7px 8px}}

@media(max-width:360px){.header .brand-mark{width:52px;height:34px}.header .brand-name{font-size:14px}}

/* Handwritten lettering is outlined so it renders consistently without a font download. */
.hero-composition .hero-caption .hero-signature .signature-art{display:block;width:100%;max-width:360px;height:auto;margin-inline:auto}