:root{--ink:#173e42;--deep:#123c40;--paper:#fafbf8;--muted:#556c6e;--accent:#d4ea89;--border:#d6dfda}
.profile-photo-panel{padding:0;background:#dfe8e5}
.profile-photo-panel .panel-top,.profile-photo-panel .profile-caption,.profile-photo-panel .panel-bottom{position:absolute;z-index:1;left:0;right:0;padding-left:31px;padding-right:31px}
.profile-photo-panel .panel-top{top:0;padding-top:24px;padding-bottom:35px;background:linear-gradient(#123c40dd,transparent)}
.profile-photo-panel .profile-caption{bottom:41px;padding-bottom:15px;padding-top:55px;background:linear-gradient(transparent,#123c40e8 40%)}
.profile-photo-panel .panel-bottom{bottom:0;padding-bottom:17px}
.profile-photo{width:100%;height:100%;min-height:530px;object-fit:cover;object-position:center 22%;display:block}
@media(max-width:1000px){.profile-photo{min-height:500px}.profile-photo-panel .panel-top,.profile-photo-panel .profile-caption,.profile-photo-panel .panel-bottom{padding-left:24px;padding-right:24px}}
@media(max-width:700px){.profile-photo{min-height:420px}.profile-photo-panel .panel-top,.profile-photo-panel .profile-caption,.profile-photo-panel .panel-bottom{padding-left:24px;padding-right:24px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid #699421;outline-offset:5px}
header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:24px}
.brand{display:flex;align-items:center;gap:15px;font-weight:600;font-size:17px;line-height:1.5}
.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:3px}
.monogram{font-family:Georgia,serif;font-size:32px;border-right:1px solid var(--border);padding-right:17px;position:relative}
.monogram span{font-size:13px;vertical-align:top}
nav{display:flex;gap:29px;align-items:center;font-size:14px}
nav a:hover,.text-link:hover{color:#507420}
.nav-contact{border:1px solid var(--ink);padding:9px 19px;border-radius:3px}
.nav-contact span{margin-left:20px}
.menu{display:none}
.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:10}
.skip:focus{top:10px}
main{max-width:1440px;margin:auto}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;padding:66px 5% 60px}
.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600}
.hero .eyebrow{display:flex;align-items:center;gap:12px}
.line{width:28px;height:1px;background:var(--ink)}
h1,h2,h3,p{margin:0}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.08}
h1{font-size:clamp(52px,5.6vw,80px);margin:27px 0 23px}
em{font-weight:400;color:#547560}
h2{font-size:clamp(36px,3.6vw,51px)}
.hero-main>p{max-width:475px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:31px}
.button{display:inline-flex;align-items:center;gap:36px;background:var(--deep);color:white;padding:15px 23px;border-radius:3px;font-size:14px}
.button:hover{background:#24595e}
.text-link{font-size:14px;margin-left:23px;border-bottom:1px solid #a8b7aa;padding-bottom:4px}
.profile-panel{background:var(--deep);border-radius:3px;color:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:530px;padding:27px 31px}
.panel-top,.panel-bottom{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1px;color:#d6e4df}
.panel-top span:first-child{max-width:170px}
.large-initials{font-family:Georgia,serif;font-size:175px;line-height:1.15;letter-spacing:-15px;color:var(--accent);padding-top:29px;margin:auto;position:relative}
.large-initials>span{font-size:40px;vertical-align:top;letter-spacing:0;position:relative;top:20px;left:8px}
.profile-caption{padding:15px 0 29px}
.profile-caption .eyebrow{font-size:11px;letter-spacing:2px;color:#cedecb}
.profile-caption h2{font-size:35px;letter-spacing:-.8px;margin-top:15px;line-height:1.2}
.panel-bottom{border-top:1px solid #507073;padding-top:17px;font-size:11px;letter-spacing:0}
.facts{display:grid;grid-template-columns:.8fr 1.1fr 1.3fr;margin:0 5%;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:30px}
.facts>div+div{border-left:1px solid var(--border);padding-left:32px}
.facts strong{display:block;font-size:24px;font-family:Georgia,serif;font-weight:400;line-height:1.3}
.facts i{font-family:Arial,sans-serif;font-size:13px;font-style:normal;margin-left:10px;color:var(--muted)}
.facts span{display:block;font-size:12px;color:var(--muted);margin-top:8px}
.section{padding:90px 5%;display:grid;grid-template-columns:24% 1fr;gap:5%}
.section-label{font-size:12px;letter-spacing:1.7px;font-weight:600;padding-top:9px}
.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:32px;color:var(--muted)}
.care-note{display:flex;gap:60px;border-top:1px solid var(--border);margin-top:33px;padding-top:25px;align-items:center}
.care-note>span{font-size:11px;letter-spacing:1.5px}
.care-note p{font-family:Georgia,serif;font-size:23px;line-height:1.5}
.experience{background:#edf2ed}
.section-heading{display:flex;gap:38px;align-items:end;margin-bottom:36px}
.section-heading h2{flex:1.25}
.section-heading>p{flex:1;color:var(--muted);font-size:14px}
.experience-row{display:flex;align-items:center;gap:25px;padding:27px 0;border-top:1px solid #cad7ce}
.number{font-family:Georgia,serif;font-size:21px;color:#738777}
.experience-row h3{font-size:21px;font-weight:500;line-height:1.35}
.experience-row p{font-size:14px;color:var(--muted);margin-top:5px}
.role-tag{margin-left:auto;font-size:10px;letter-spacing:1px;white-space:nowrap}
.experience-note{border-top:1px solid #cad7ce;padding-top:22px;font-size:14px;color:var(--muted)}
.education-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;gap:22px}
.education-grid article{border:1px solid var(--border);padding:27px;display:flex;flex-direction:column}
.education-type{font-size:10px;letter-spacing:1.2px;display:flex;justify-content:space-between;gap:15px}
.education-type b{font-weight:400}
.education-grid h3{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:29px 0 9px;line-height:1.2}
.education-grid p{color:var(--muted);margin-bottom:20px}
.small-note{font-size:12px;color:var(--muted);margin-top:auto}
.achievements{border-top:1px solid var(--border);margin-top:40px;padding-top:25px;display:flex;gap:32px;align-items:center}
.achievements>div{flex:1}
.achievements h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin-top:6px}
.achievements .eyebrow{font-size:10px}
.achievements>p{flex:1;font-size:14px;color:var(--muted)}
.contact{margin:0 5% 45px;background:var(--deep);color:white;padding:55px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;border-radius:3px}
.contact .eyebrow{color:#d4ea89}
.contact h2{margin:25px 0 22px}
.contact em{color:var(--accent)}
.contact p{font-size:15px;max-width:370px;color:#d7e3df}
.contact-details>div{padding:17px 0;border-bottom:1px solid #527074}
.contact-details>div:first-child{padding-top:0}
.contact-details span{font-size:10px;letter-spacing:1.5px;color:var(--accent)}
.contact-details p{margin-top:7px}
.contact-details small{display:block;font-size:12px;margin-top:17px;color:#c2d2ce}
footer{max-width:1440px;margin:auto;padding:0 5% 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--muted)}
.footer-name{font-size:16px;color:var(--ink)}
.footer-name span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
@media(min-width:1500px){body{border-top:6px solid var(--deep)}
}
@media(max-width:1000px){nav{gap:17px}
.hero{gap:5%;padding-top:45px}
.profile-panel{padding:24px;min-height:500px}
.text-link{display:inline-block;margin:18px 0 0 20px}
.section{grid-template-columns:19% 1fr;gap:5%;padding-top:65px;padding-bottom:65px}
.section-heading{display:block}
.section-heading>p{margin-top:22px;max-width:450px}
.role-tag{display:none}
.contact{gap:40px;padding:38px}
.facts strong{font-size:21px}
}
@media(max-width:700px){header{padding:19px 6%;flex-wrap:wrap}
.brand{font-size:15px}
.brand small{font-size:9px}
.menu{display:block;background:transparent;border:1px solid var(--border);color:var(--ink);padding:8px 12px;font:inherit;font-size:14px}
nav{display:none;width:100%;flex-wrap:wrap;padding:15px 0 0}
nav.open{display:flex}
.hero{grid-template-columns:1fr;padding:38px 6% 32px;gap:32px}
h1{font-size:59px}
.hero-main>p{font-size:16px}
.hero .eyebrow{font-size:10px}
.text-link{margin-left:19px}
.profile-panel{min-height:420px}
.large-initials{font-size:140px;padding-top:12px}
.profile-caption h2{font-size:30px}
.facts{margin:0 6%;grid-template-columns:1fr;gap:20px;padding:25px 0}
.facts>div+div{padding-left:0;border-left:0;border-top:1px solid var(--border);padding-top:20px}
.facts strong{font-size:24px}
.facts span{font-size:13px}
.section{display:block;padding:48px 6%}
.section-label{margin-bottom:25px}
.about-columns{grid-template-columns:1fr;gap:20px}
.care-note{gap:25px;align-items:start}
.care-note>span{min-width:75px}
.care-note p{font-size:21px}
.experience-row{gap:18px}
.experience-row h3{font-size:19px}
.education-grid{grid-template-columns:1fr}
.achievements{display:block}
.achievements>p{margin-top:14px}
.contact{margin:0 6% 32px;grid-template-columns:1fr;padding:31px 25px;gap:33px}
.contact h2{font-size:38px}
footer{padding:0 6% 28px;flex-wrap:wrap}
.footer-name{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}

/* Patient information and search-friendly identity */
.hero-main>p.profile-subtitle{font-size:15px;line-height:1.65;margin-bottom:12px;color:var(--ink);font-weight:600}
.hero-main>p.bangla-name{font-size:22px;line-height:1.6;margin-bottom:22px;color:var(--ink)}
.profile-photo-panel picture{display:block;width:100%;height:100%}
.bangla-intro{margin:30px 0;padding:25px;border-left:3px solid var(--accent);background:#edf2ed}
.bangla-intro h3{font-size:23px;margin-bottom:12px}.bangla-intro p+p{margin-top:12px}
.patient-faq details{border-top:1px solid var(--border);padding:20px 0}.patient-faq details:last-child{border-bottom:1px solid var(--border)}
.patient-faq summary{font-weight:600;cursor:pointer;font-size:17px}.patient-faq p{padding-top:12px;color:var(--muted);overflow-wrap:anywhere}
.patient-faq a,.bangla-intro a{text-decoration:underline;text-underline-offset:3px}
.patient-faq summary:focus-visible{outline:3px solid #699421;outline-offset:5px}
@media(max-width:700px){.hero h1{font-size:clamp(44px,11vw,59px)}.bangla-intro{padding:20px}.patient-faq summary{font-size:16px}}