/* MGH theme – styles for the about template (ported verbatim from the approved HTML design). */
body{margin:0}.hero-fit{display:flex;flex-direction:column;min-height:calc(100vh - 56px)}.hero-fit>header,.hero-fit>section{width:100%;box-sizing:border-box}.hero-fit>section{margin-top:auto!important;margin-bottom:auto!important}
a{color:#003366;text-decoration:none}a:hover{color:#4F647B}
@keyframes ab-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes ab-drift{from{transform:translate(0,0)}to{transform:translate(60px,40px)}}
@keyframes ab-marquee{to{transform:translateX(-50%)}}
@keyframes ab-float{50%{transform:translateY(-8px)}}
@keyframes ab-shine{0%,60%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(320%) skewX(-20deg)}}
.ab-up{animation:ab-up .8s cubic-bezier(.2,.7,.2,1) both}
.ab-d1{animation-delay:.15s}.ab-d2{animation-delay:.3s}.ab-d3{animation-delay:.45s}
.ab-grid{background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent)}
.ab-glow{filter:blur(90px);animation:ab-drift 14s ease-in-out infinite alternate}
.ab-run{animation:ab-marquee 30s linear infinite}
.ab-run:hover{animation-play-state:paused}
.ab-float{animation:ab-float 5s ease-in-out infinite}
.ab-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ab-card:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(0,51,102,.16);border-color:#ECC951}
@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){.ab-sec{animation:ab-up linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}}
#lead-panel > *{position:relative}
#lead input,#lead select,#lead textarea{outline:none;transition:border-color .2s ease,box-shadow .2s ease}
#lead input:focus,#lead select:focus,#lead textarea:focus{border-color:#A87B00;box-shadow:0 0 0 4px rgba(236,201,81,.35)}
#lead button[type=submit]{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
#lead button[type=submit]:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(168,123,0,.35)}
#lead button[type=submit]::after{content:"";position:absolute;top:0;left:0;width:35%;height:100%;background:rgba(255,255,255,.45);animation:ab-shine 3.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.ab-up,.ab-glow,.ab-run,.ab-float{animation:none}.ab-card{transition:none}#lead button[type=submit]::after{animation:none;display:none}}
@keyframes x-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes x-bob{50%{transform:translateY(-6px)}}
@keyframes x-ring{0%{box-shadow:0 0 0 0 rgba(0,51,102,.55)}100%{box-shadow:0 0 0 10px rgba(0,51,102,0)}}
@keyframes x-fill{to{background-position:0 0}}
.x-progress{transform:scaleX(0)}
@supports (animation-timeline: scroll()){.x-progress{animation:x-grow linear both;animation-timeline:scroll(root)}}
.x-fab{animation:x-bob 3s ease-in-out infinite;transition:box-shadow .2s ease}
.x-fab:hover{color:#003366;box-shadow:0 18px 36px rgba(0,36,71,.5)}
.x-dot{animation:x-ring 1.6s ease-out infinite}
@supports (animation-timeline: view()) and ((-webkit-background-clip:text) or (background-clip:text)){@media (prefers-reduced-motion:no-preference){.x-reveal{background-image:linear-gradient(90deg,#FFFFFF 50%,rgba(255,255,255,.22) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:x-fill linear both;animation-timeline:view();animation-range:entry 30% cover 55%}}}
@media (prefers-reduced-motion:reduce){.x-fab,.x-dot{animation:none}}
@media (max-width:640px){.x-fab{right:12px!important;bottom:12px!important;padding:12px 16px!important}#manifesto div[style*="font-size: 48px"]{font-size:28px!important}}
@media (min-width:1001px){h1{font-size:50px!important;letter-spacing:-1.6px!important}}
.pf-card{animation:ab-up .6s cubic-bezier(.2,.7,.2,1) both;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pf-card:hover{transform:translateY(-8px);box-shadow:0 28px 54px rgba(0,51,102,.18);border-color:#ECC951}
.pf-card img{transition:transform .6s ease}
.pf-card:hover img{transform:scale(1.05)}
.pf-btn{transition:transform .2s ease,box-shadow .2s ease}
.pf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,51,102,.25);color:#FFFFFF}
.pf-chip{transition:transform .15s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.pf-chip:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,51,102,.14)}
.pf-chip:focus-visible{outline:3px solid #ECC951;outline-offset:3px}
.pf-page{transition:transform .15s ease}
.pf-page:hover{transform:translateY(-2px)}
.x-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.x-run-a{animation:ab-marquee 34s linear infinite}
.x-run-b{animation:ab-marquee 40s linear infinite reverse}
.ab-team-run{animation:ab-marquee 48s linear infinite}
.ab-team-run:hover,.ab-team-run:focus-within{animation-play-state:paused}
.x-flip{perspective:1400px}
.x-flip-in{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.x-flip:focus .x-flip-in,.x-flip:active .x-flip-in{transform:rotateY(180deg)}
.x-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.x-back{transform:rotateY(180deg)}
.x-flip:focus-visible{outline:3px solid #ECC951;outline-offset:4px}
@media (prefers-reduced-motion:reduce){.pf-card,.x-run-a,.x-run-b,.ab-team-run{animation:none}.pf-card,.pf-card img,.pf-btn,.pf-chip,.pf-page,.x-flip-in{transition:none}.ab-team-run{flex-wrap:wrap;width:auto!important;justify-content:center;row-gap:22px}}
@media (max-width:800px){article > div[style*="flex: 0 1 340px"]{flex:1 1 100%!important;min-height:320px!important}article h3{font-size:32px!important}}
/* fixed navbar */
header{position:fixed!important;top:0;left:0;right:0;z-index:40;max-width:none!important;margin:0!important;padding-left:max(24px,calc((100vw - 1360px) / 2 + 24px))!important;padding-right:max(24px,calc((100vw - 1360px) / 2 + 24px))!important;background:rgba(0,36,71,.94);box-shadow:0 10px 30px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
header + section{margin-top:104px!important}
header > a:first-child{transform-origin:left center}
@keyframes nv-solid{from{background:rgba(0,36,71,0);box-shadow:0 0 0 rgba(0,0,0,0);padding-top:22px;padding-bottom:22px;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:rgba(0,36,71,.94);box-shadow:0 10px 30px rgba(0,0,0,.25);padding-top:8px;padding-bottom:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}
@keyframes nv-logo{to{transform:scale(.8)}}
@supports (animation-timeline: scroll()){header{animation:nv-solid linear both;animation-timeline:scroll(root);animation-range:0 240px}header > a:first-child{animation:nv-logo linear both;animation-timeline:scroll(root);animation-range:0 240px}}
.nv-btn{transition:background .2s ease,transform .2s ease,border-color .2s ease}
.nv-btn:hover{background:rgba(236,201,81,.22)!important;border-color:#ECC951!important;transform:translateY(-2px)}
.nv-btn:focus-visible{outline:3px solid #ECC951;outline-offset:2px}
header nav a{position:relative}
header nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:#ECC951;transform:scaleX(0);transition:transform .25s ease}
header nav a:hover::after{transform:scaleX(1)}
header nav a:hover{color:#ECC951!important}
@media (max-width:640px){header + section{margin-top:150px!important}header > div:last-child > a{display:none!important}header{padding-top:10px!important;padding-bottom:10px!important}}
/* arabic / rtl */
[dir=rtl]{font-family:'Cairo','Montserrat',system-ui,sans-serif!important}
[dir=rtl] *{letter-spacing:0!important}
[dir=rtl] button{text-align:right!important}
[dir=rtl] header > a:first-child{transform-origin:right center}
[dir=rtl] *:has(> .logo-run),[dir=rtl] *:has(> .logo-run-rev),[dir=rtl] *:has(> .sv-run),[dir=rtl] *:has(> .pf-run),[dir=rtl] *:has(> .tm-run),[dir=rtl] *:has(> .ab-run),[dir=rtl] *:has(> .x-run-a),[dir=rtl] *:has(> .x-run-b),[dir=rtl] *:has(> .ab-team-run),[dir=rtl] .svc-track{direction:ltr}
[dir=rtl] .ab-team-run > *,[dir=rtl] .svc-track > *{direction:rtl}
[dir=rtl] .x-fab{right:auto!important;left:20px}
/* dark mode */
[data-theme=dark] [style*="background: #FFFFFF"],[data-theme=dark] [style*="background: rgb(255, 255, 255)"]{background:#163F6E!important}
[data-theme=dark] [style*="background: #F3F6FA"],[data-theme=dark] [style*="background: rgb(243, 246, 250)"],[data-theme=dark] [style*="background: #F7F9FC"],[data-theme=dark] [style*="background: rgb(247, 249, 252)"],[data-theme=dark] [style*="background: #EEF2F7"],[data-theme=dark] [style*="background: rgb(238, 242, 247)"],[data-theme=dark] [style*="background: #E6ECF2"],[data-theme=dark] [style*="background: rgb(230, 236, 242)"]{background:#0A1D36!important}
[data-mgh-root][data-theme=dark]{background:#0E2A4B!important;color:#E8EEF5!important}
[data-theme=dark] [style*="color: #003366"],[data-theme=dark] [style*="color: rgb(0, 51, 102)"]{color:#E8EEF5!important}
[data-theme=dark] [style*="background: #ECC951"],[data-theme=dark] [style*="background: rgb(236, 201, 81)"],[data-theme=dark] [style*="background: #ECC951"] [style*="color: #003366"],[data-theme=dark] [style*="background: #ECC951"] [style*="color: rgb(0, 51, 102)"],[data-theme=dark] [style*="background: rgb(236, 201, 81)"] [style*="color: #003366"],[data-theme=dark] [style*="background: rgb(236, 201, 81)"] [style*="color: rgb(0, 51, 102)"],[data-theme=dark] [style*="background: #FBF3D3"] [style*="color: #003366"],[data-theme=dark] [style*="background: #FBF3D3"] [style*="color: rgb(0, 51, 102)"],[data-theme=dark] [style*="background: rgb(251, 243, 211)"] [style*="color: #003366"],[data-theme=dark] [style*="background: rgb(251, 243, 211)"] [style*="color: rgb(0, 51, 102)"]{color:#003366!important}
[data-theme=dark] [style*="color: #4F647B"],[data-theme=dark] [style*="color: rgb(79, 100, 123)"]{color:#A9B8C9!important}
[data-theme=dark] [style*="solid #E1E7EE"],[data-theme=dark] [style*="solid rgb(225, 231, 238)"],[data-theme=dark] [style*="solid #D5DEE8"],[data-theme=dark] [style*="solid rgb(213, 222, 232)"],[data-theme=dark] [style*="solid #E6ECF2"],[data-theme=dark] [style*="solid rgb(230, 236, 242)"],[data-theme=dark] [style*="solid #C9D3DE"],[data-theme=dark] [style*="solid rgb(201, 211, 222)"],[data-theme=dark] [style*="solid #B7C3D0"],[data-theme=dark] [style*="solid rgb(183, 195, 208)"]{border-color:rgba(255,255,255,.16)!important}
[data-theme=dark] [style*="background: #FBF3D3"],[data-theme=dark] [style*="background: rgb(251, 243, 211)"]{background:rgba(236,201,81,.14)!important;color:#ECC951!important}
[data-theme=dark] a[style*="background: #003366"],[data-theme=dark] a[style*="background: rgb(0, 51, 102)"],[data-theme=dark] button[style*="background: #003366"],[data-theme=dark] button[style*="background: rgb(0, 51, 102)"]{background:#ECC951!important;color:#003366!important}
[data-theme=dark] a[style*="background: #003366"] *,[data-theme=dark] a[style*="background: rgb(0, 51, 102)"] *{color:#003366!important}
[data-theme=dark] a[style*="solid #003366"],[data-theme=dark] a[style*="solid rgb(0, 51, 102)"],[data-theme=dark] button[style*="solid #003366"],[data-theme=dark] button[style*="solid rgb(0, 51, 102)"]{border-color:#ECC951!important;color:#ECC951!important}
[data-theme=dark] [style*="background: #D5DEE8"],[data-theme=dark] [style*="background: rgb(213, 222, 232)"],[data-theme=dark] [style*="background: #C9D3DE"],[data-theme=dark] [style*="background: rgb(201, 211, 222)"]{background:rgba(255,255,255,.18)!important}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#0A1D36!important;color:#FFFFFF!important}
[data-theme=dark] details{background:#163F6E!important}
[data-theme=dark] a{color:#ECC951}
[data-theme=dark] svg[stroke="#4F647B"]{stroke:#A9B8C9}
[data-theme=dark] section[style*="background: #002447"],[data-theme=dark] section[style*="background: rgb(0, 36, 71)"],[data-theme=dark] footer{background:#0A2243!important}
@keyframes wa-ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.9);opacity:0}}
@keyframes wa-wiggle{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}98%{transform:rotate(6deg)}}
@keyframes wa-in{from{opacity:0;transform:translateY(40px) scale(.6)}to{opacity:1;transform:none}}
@keyframes wa-peek{0%,100%{opacity:0;transform:translateX(-10px)}12%,80%{opacity:1;transform:none}}
.wa-fab{animation:wa-in .7s cubic-bezier(.2,.9,.3,1.3) .8s both}
.wa-icon{transition:transform .25s ease,box-shadow .25s ease}
.wa-icon::before,.wa-icon::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:999px;background:#ECC951;z-index:-1;animation:wa-ring 2.4s ease-out infinite}
.wa-icon::after{animation-delay:1.2s}
.wa-glyph{animation:wa-wiggle 5s ease-in-out infinite;transform-origin:50% 60%}
.wa-label{opacity:0;transform:translateX(-10px);transition:opacity .25s ease,transform .25s ease;animation:wa-peek 6s ease 2s 1 both;pointer-events:none}
.wa-fab:hover .wa-label,.wa-fab:focus-visible .wa-label{opacity:1;transform:none;animation:none}
.wa-fab:hover .wa-icon{transform:scale(1.1);box-shadow:0 18px 36px rgba(236,201,81,.55)}
.wa-fab:hover{color:#FFFFFF}
.wa-fab:focus-visible{outline:3px solid #ECC951;outline-offset:4px;border-radius:999px}
[dir=rtl] .wa-fab{left:auto!important;right:20px;flex-direction:row-reverse}
@media (max-width:640px){.wa-fab{left:12px!important;bottom:12px!important}[dir=rtl] .wa-fab{left:auto!important;right:12px}.wa-icon{width:52px!important;height:52px!important;flex-basis:52px!important}.wa-label{display:none!important}}
@media (prefers-reduced-motion:reduce){.wa-fab,.wa-glyph,.wa-label,.wa-icon::before,.wa-icon::after{animation:none}.wa-icon::before,.wa-icon::after{display:none}}
body{overflow-x:hidden}
img{max-width:100%}
@media (max-width:1000px){h1{font-size:48px!important;letter-spacing:-1.4px!important}h2{font-size:34px!important}footer div[style*="font-size: 52px"]{font-size:40px!important}#about{gap:40px!important}}
@media (max-width:640px){
h1{font-size:34px!important;line-height:1.12!important;letter-spacing:-.8px!important}
h2{font-size:26px!important;letter-spacing:-.4px!important}
header{justify-content:center!important;padding:16px!important;gap:12px!important}
header nav{order:3;width:100%;box-sizing:border-box;justify-content:center;gap:0 16px!important;padding:4px 14px!important;border-radius:20px!important;font-size:13px!important}
section{padding:48px 16px!important;gap:28px!important}
section > div[style*="max-width: 1360px"]{padding:48px 16px!important}
section[style*="background"]{padding:0!important}
[style*="padding: 48px 44px"],[style*="padding: 52px 48px"],[style*="padding: 52px 44px"],[style*="padding: 44px 40px"],#lead-panel + div{padding:28px 20px!important}
#lead > div,[style*="border-radius: 32px"]{border-radius:22px!important}
footer > div{padding:48px 16px 24px!important}
footer div[style*="font-size: 52px"]{font-size:30px!important;letter-spacing:-.8px!important}
p{font-size:15px!important}
#about img{height:300px!important}
#vision div[style*="font-size: 30px"]{font-size:22px!important}
}



/* beautiful pagination arrows */
.ex-nav,.pf-arrow{width:54px!important;height:54px!important;padding:0!important;border:0!important;border-radius:50%!important;background:linear-gradient(135deg,#003366,#0B4A8F)!important;color:#fff!important;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 22px rgba(0,51,102,.32),inset 0 0 0 1.5px rgba(236,201,81,.45);transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .25s,color .25s,box-shadow .25s}
.ex-nav:hover,.pf-arrow:hover{background:#ECC951!important;color:#003366!important;transform:translateY(-4px) scale(1.08);box-shadow:0 16px 30px rgba(236,201,81,.55)}
.ex-nav:active,.pf-arrow:active{transform:scale(.94)}
.ex-nav svg,.pf-arrow svg{display:block;transition:transform .25s}
[dir=rtl] .ex-nav svg,[dir=rtl] .pf-arrow svg{transform:scaleX(-1)}
.ex-prev:hover svg,.pf-prev:hover svg{transform:translateX(-4px)}.ex-next:hover svg,.pf-next:hover svg{transform:translateX(4px)}
[dir=rtl] .ex-prev:hover svg,[dir=rtl] .pf-prev:hover svg{transform:scaleX(-1) translateX(-4px)}[dir=rtl] .ex-next:hover svg,[dir=rtl] .pf-next:hover svg{transform:scaleX(-1) translateX(4px)}
.ex-pg:not(.ex-nav){width:52px;height:52px}
.ex-pg.on,.pf-page[aria-current]{box-shadow:0 12px 28px rgba(236,201,81,.6)}
[data-theme="dark"] .ex-nav,[data-theme="dark"] .pf-arrow{background:linear-gradient(135deg,#1F4A7C,#2A5A94)!important;color:#fff!important}
[data-theme="dark"] .ex-nav:hover,[data-theme="dark"] .pf-arrow:hover{background:#ECC951!important;color:#003366!important}

/* dark mode: no white lines */
[data-theme="dark"] [style*="solid #FFFFFF"],[data-theme="dark"] [style*="solid #fff"]{border-color:#2A5A94!important}
[data-theme="dark"] [style*="rgba(255,255,255,0.15)"]{border-color:rgba(255,255,255,.07)!important}
[data-theme="dark"] .ex-sec::before{background:radial-gradient(600px 380px at 8% 6%,rgba(236,201,81,.1),transparent 70%),radial-gradient(700px 460px at 95% 40%,rgba(11,74,143,.45),transparent 70%),#0E2A4B!important}
.ab-team-run > div.x-person{display:block;line-height:normal;font-size:13.3333px}
[dir=rtl] div.x-person{text-align:right!important}