@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#102e42;--ink:#183447;--muted:#607482;--sea:#117c83;--light:#eef7f7;--cream:#f7f8f6;--line:#dce7e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65;background:#fff}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5vw,4.6rem);margin:.3em 0}h2{font-size:clamp(1.75rem,3vw,2.6rem)}h3{font-size:1.18rem}p{margin:.7em 0 1.2em}a{color:inherit}img{display:block;max-width:100%}.container{max-width:1160px;padding:0 24px;margin:auto}.site-header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20}.header-inner{max-width:1220px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;color:var(--navy);font-family:Manrope;font-weight:800;line-height:1.25}.brandmark{display:grid;place-items:center;background:var(--navy);color:white;width:42px;height:42px;border-radius:13px;font-size:24px}.brand small{font-family:'DM Sans';font-weight:500;color:var(--muted)}.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font-size:.87rem;font-weight:700;color:var(--navy)}.nav a.active{color:var(--sea)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;background:var(--sea);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;border:1px solid var(--sea);gap:8px}.btn.secondary{background:transparent;color:var(--sea)}.btn.white{background:#fff;color:var(--navy);border-color:#fff}.hero{background:linear-gradient(125deg,#0e3043,#155265);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:44px;min-height:565px}.hero p{color:#dceced;font-size:1.07rem;max-width:560px}.hero-image{align-self:end;height:540px;object-fit:cover;object-position:50% 22%;border-radius:24px 24px 0 0;width:100%;filter:saturate(.94)}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--sea)}.hero .eyebrow{color:#94d9d4}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:80px 0}.section.soft{background:var(--cream)}.section.tint{background:var(--light)}.section-head{max-width:710px;margin-bottom:30px}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.card .body{padding:24px}.card img{width:100%;height:235px;object-fit:cover}.card p{color:var(--muted)}.card h3{margin:0}.tag{font-size:.76rem;font-weight:800;letter-spacing:.1em;color:var(--sea);text-transform:uppercase}.link{font-weight:800;color:var(--sea);text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split img{width:100%;height:460px;object-fit:cover;border-radius:16px}.page-hero{background:#eaf5f5;padding:70px 0 62px}.page-hero h1{font-size:clamp(2.3rem,4.5vw,3.7rem);max-width:900px}.page-hero p{max-width:780px;color:var(--muted);font-size:1.1rem}.facts{display:flex;gap:10px;flex-wrap:wrap}.pill{border:1px solid #c6dddd;background:#fff;padding:7px 13px;border-radius:50px;font-size:.85rem}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.photo-grid img{width:100%;height:260px;object-fit:cover;border-radius:10px}.info{background:var(--navy);color:#fff;padding:32px;border-radius:15px}.info p{color:#d9e6e9}.info .btn{background:#fff;color:var(--navy);border-color:#fff}.footer{background:#102d40;color:#d6e6e9;padding:55px 0 24px}.footer a{color:#e3f4f4}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer small{color:#afc3cb}.notice{border-left:4px solid var(--sea);background:#edf6f6;padding:16px 20px;border-radius:5px}.mobile-toggle{display:none;border:1px solid var(--line);background:white;padding:9px 12px;border-radius:8px;font-weight:800}.lang{border:1px solid #d4e6e5;background:white;border-radius:7px;padding:6px;font-size:.8rem}.urdu{font-family:Arial,sans-serif;direction:rtl;text-align:right;font-size:1.12rem}.hide{display:none!important}@media(max-width:850px){.mobile-toggle{display:block}.header-inner{flex-wrap:wrap}.nav{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;padding:14px 0}.nav.open{display:flex}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding-top:45px;gap:24px}.hero-image{height:390px;max-width:560px}.grid,.grid.two{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}.section{padding:55px 0}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.grid,.grid.two,.photo-grid,.footer-grid{grid-template-columns:1fr}.hero-image{height:380px}.card img{height:250px}.page-hero{padding:42px 0}.photo-grid img{height:260px}.container{padding:0 18px}.brand{font-size:.9rem}}
/* Vision / 2026 editorial redesign */
:root{--navy:#071e23;--ink:#122b2f;--muted:#586c6e;--sea:#17664e;--cream:#f4f4ec;--light:#e7eee6;--line:#d7dfd8;--mint:#c3f6aa}body{background:var(--cream)}h1,h2{font-weight:500;letter-spacing:-.065em}h2{font-size:clamp(2.5rem,5.2vw,4.8rem);margin:16px 0 24px}h2 em,h1 em{font-family:Georgia,serif;font-weight:400}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #bc7038;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--mint);padding:12px}.skip-link:focus{top:10px}.site-header{background:#f4f4ecf5;border-color:#d7dfd8}.header-inner{max-width:1400px;min-height:88px}.brandmark{border-radius:50%;background:transparent;color:var(--ink);border:1px solid var(--ink);width:46px;height:46px}.brand{font-size:.9rem}.brand small{font-size:.72rem}.nav{gap:19px}.nav a{font-size:.78rem}.nav a:last-of-type{background:var(--ink);color:white;padding:11px 16px;border-radius:30px}.lang{background:transparent;padding:9px}.container{max-width:1290px;padding:0 44px}.vision-hero{position:relative;background:#041019;color:#fff;min-height:760px;overflow:hidden}.iris-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;inset:0}.vision-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031019c9 0%,#03101955 43%,transparent 72%);pointer-events:none}.hero-content{position:relative;z-index:1;padding-top:65px;padding-bottom:25px}.vision-hero .eyebrow{color:var(--mint);font-size:.65rem;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--mint)}.vision-hero h1{font-size:clamp(4rem,8.5vw,8rem);line-height:.96;margin:32px 0 24px;max-width:650px}.vision-hero h1 em{color:var(--mint)}.vision-hero p{color:#d6e5e5;font-size:1.05rem;line-height:1.7;max-width:430px}.btn{background:var(--ink);border-color:var(--ink);border-radius:40px;padding:15px 24px;transition:transform .2s,background .2s;min-height:48px}.btn:hover{transform:translateY(-3px)}.vision-hero .btn,.contact-band .btn{background:var(--mint);color:var(--ink);border-color:var(--mint);gap:30px}.text-link{text-decoration:none;color:inherit;display:inline-flex;align-items:center;min-height:48px;border-bottom:1px solid #ffffff65}.hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:65px;border-top:1px solid #ffffff40;padding-top:18px;font-size:.6rem;letter-spacing:.17em}.art-caption{color:#c5d7d8;letter-spacing:.02em}.specialty-strip{display:flex;justify-content:space-around;align-items:center;gap:24px;padding:23px 32px;background:var(--mint);color:var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.09em;flex-wrap:wrap}.section{padding:100px 0}.section-head{max-width:780px;margin-bottom:44px}.eyebrow{font-size:.65rem;letter-spacing:.15em}.section-head p{max-width:600px;font-size:1.05rem}.grid{gap:24px}.card{border-radius:20px;background:#fffef8;border-color:var(--line);transition:transform .2s}.card:hover{transform:translateY(-4px)}.card .body{padding:30px}.card h3{font-size:1.5rem;font-weight:600}.card p{font-size:.95rem}.card img{height:310px}.care-grid{counter-reset:care}.care-grid .card{counter-increment:care;background:transparent;border:0;border-top:1px solid #9caea5;border-radius:0}.care-grid .body{padding:25px 0}.care-grid .body:before{content:'0' counter(care) ' /';display:block;margin-bottom:40px;color:var(--sea);font-size:.75rem}.care-grid .link{display:inline-block;margin-top:24px}.professor-section{background:#e6ecdf}.split{gap:75px}.split img{height:570px;border-radius:120px 120px 14px 14px;object-position:center 30%}.portrait-frame{position:relative}.portrait-caption{display:block;font-size:.57rem;letter-spacing:.09em;margin-top:14px}.professor-section h2{font-size:clamp(2.8rem,4.8vw,4.5rem)}.professor-section h3{font-size:1.2rem;margin-top:32px}.professor-section p{color:var(--muted);max-width:480px}.contact-band{background:var(--navy);color:white;padding:90px 0}.contact-band .eyebrow{color:var(--mint)}.contact-band h2{font-size:clamp(3rem,6.8vw,6.5rem)}.contact-band em{color:var(--mint)}.footer{background:#071e23;padding-top:60px}.footer h3{font-size:1.3rem}.page-hero{background:#e6ecdf;padding:80px 0}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:500}.page-hero p{max-width:650px}.info{background:var(--navy);border-radius:24px;padding:36px}.info h2{font-size:3rem}.info .btn{font-size:.85rem}.notice{font-size:.9rem;background:#e5ece4;border-color:var(--sea)}.email-contact{padding:60px 0 20px}.email-contact h2{font-size:clamp(1.3rem,3.7vw,3.3rem);overflow-wrap:anywhere}.email-contact a{text-decoration:none}.photo-grid img{border-radius:16px}.mobile-toggle{min-height:44px;background:transparent}.lang{min-height:44px}.actions{align-items:center}.soft{background:#e6ecdf!important}
@media(max-width:1100px){.nav{gap:12px}.nav a{font-size:.7rem}.header-inner{gap:14px}.container{padding:0 30px}}
@media(max-width:950px){.mobile-toggle{display:block}.header-inner{flex-wrap:wrap}.nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:10px 0 20px;gap:0}.nav.open{display:flex}.nav a{font-size:1rem;padding:12px 4px;min-height:48px}.nav a:last-of-type{padding:12px 16px;text-align:center}.nav .lang{margin-top:10px}.split{gap:35px}.vision-hero{min-height:720px}.iris-art{object-position:60% center}}
@media(max-width:850px){.split{grid-template-columns:1fr}.split img{height:520px}.section{padding:65px 0}.vision-hero h1{font-size:6rem}.hero-content{padding-top:50px}.vision-hero:after{background:linear-gradient(90deg,#031019dd,#03101966)}.iris-art{object-position:65% center}.hero-bottom{margin-top:55px}.specialty-strip{font-size:.6rem;gap:15px}.card img{height:260px}}
@media(max-width:580px){.header-inner{min-height:76px;padding:12px 18px}.brand{font-size:.77rem}.brand small{font-size:.65rem}.brandmark{height:36px;width:36px}.container{padding:0 22px}.vision-hero{min-height:730px}.hero-content{padding-top:38px}.vision-hero h1{font-size:clamp(4.2rem,19vw,6.2rem);margin-top:130px}.vision-hero .eyebrow{font-size:.53rem}.iris-art{height:420px;object-position:77% center;opacity:.78}.vision-hero:after{background:linear-gradient(0deg,#041019 5%,#041019 30%,#04101908 80%)}.vision-hero p{font-size:.9rem;max-width:310px}.vision-hero .actions{gap:18px;margin-top:24px}.vision-hero .btn{padding:12px 20px;font-size:.85rem}.text-link{font-size:.85rem}.hero-bottom{margin-top:35px;font-size:.48rem;letter-spacing:.07em}.art-caption{font-size:.5rem}.specialty-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:18px}.specialty-strip span:nth-child(even){display:none}.grid,.grid.two,.photo-grid,.footer-grid{grid-template-columns:1fr}.section-head{margin-bottom:26px}h2{font-size:2.8rem}.care-grid{gap:8px}.care-grid .body:before{margin-bottom:24px}.care-grid .link{margin-top:8px}.split img{height:430px}.professor-section h2{font-size:2.8rem}.card .body{padding:24px}.contact-band{padding:65px 0}.contact-band h2{font-size:3.5rem}.email-contact h2{font-size:1.3rem}.footer{padding-bottom:35px}.page-hero{padding:48px 0}.info{padding:28px}.photo-grid img{height:280px}.btn{min-height:48px}.footer-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Language and small-screen corrections */
.header-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;order:3}.brand{flex-shrink:1;min-width:0}.brandmark{display:none}.lang{font-size:1rem;padding:9px 13px;min-width:65px;border:1px solid #adbdb4;border-radius:8px;font-weight:600}.nav a{white-space:nowrap}.nav{order:2}.header-controls .mobile-toggle{margin:0}.header-inner{gap:18px}.brand small{display:inline-block}.page-hero h1{overflow-wrap:normal;word-break:normal}html[lang=ur] body{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:1.12rem;line-height:1.95}html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3,html[lang=ur] .brand{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.6}html[lang=ur] h1 em,html[lang=ur] h2 em{font-family:inherit;font-style:normal}html[lang=ur] .eyebrow,html[lang=ur] .hero-bottom,html[lang=ur] .specialty-strip,html[lang=ur] .portrait-caption{letter-spacing:0}html[lang=ur] .vision-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.5;margin:20px 0}html[lang=ur] .hero-content{text-align:right}html[lang=ur] .vision-hero:after{background:linear-gradient(270deg,#031019ed,#03101999 58%,#03101933)}html[lang=ur] .eyebrow{font-size:.9rem}html[lang=ur] .nav a{font-size:.95rem}html[lang=ur] .brand{font-size:1.1rem}html[lang=ur] .brand small{font-family:inherit;font-size:.85rem}html[lang=ur] .text-link,html[lang=ur] .btn{font-size:1rem}a[href^="tel:"],a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}html[lang=ur] .notice{border-left:0;border-right:4px solid var(--sea)}html[lang=ur] .section-head p,html[lang=ur] .page-hero p,html[lang=ur] .card p{font-size:1.1rem}html[lang=ur] .card h3{font-size:1.6rem}
@media(max-width:1100px){.header-inner{flex-wrap:wrap}.header-controls{order:2;margin-inline-start:auto}.nav{order:3;display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 15px}.nav.open{display:flex}.nav a{font-size:1rem;padding:12px 8px;min-height:48px}.nav a:last-of-type{text-align:center}.mobile-toggle{display:block}}
@media(max-width:580px){.header-inner{gap:8px;padding:12px 16px;min-height:80px}.brand{font-size:.71rem;line-height:1.4;max-width:175px}.brand small{font-size:.6rem}.header-controls{gap:6px}.lang{padding:7px 10px;min-width:52px;font-size:.9rem}.mobile-toggle{padding:8px 10px;font-size:.78rem}.page-hero h1{font-size:2.4rem;line-height:1.15}.page-hero p{font-size:1rem}.info h2{font-size:2.5rem}.actions{gap:12px}.info .actions{align-items:stretch;flex-direction:column}.info .btn{width:100%}html[lang=ur] .brand{font-size:.95rem;max-width:175px}html[lang=ur] .brand small{font-size:.68rem}html[lang=ur] .vision-hero h1{font-size:2.9rem;line-height:1.6;margin-top:130px}html[lang=ur] .vision-hero:after{background:linear-gradient(0deg,#041019 10%,#041019f0 40%,#04101922)}html[lang=ur] .vision-hero{min-height:850px}html[lang=ur] .page-hero h1{font-size:2.4rem;line-height:1.6}html[lang=ur] h2{font-size:2.4rem}html[lang=ur] .eyebrow{font-size:.8rem}html[lang=ur] .hero-bottom{font-size:.65rem}html[lang=ur] .vision-hero p{font-size:1rem}.footer a{overflow-wrap:anywhere}}
@media(max-width:360px){.brand{max-width:155px;font-size:.65rem}.header-inner{padding-inline:12px}.header-controls{gap:4px}.lang{min-width:45px;padding-inline:6px}.mobile-toggle{padding-inline:7px}html[lang=ur] .brand{max-width:150px;font-size:.85rem}}