:root{--ink:#202b2b;--muted:#59635f;--paper:#faf9f5;--cream:#efece3;--bronze:#886335;--gold:#d8bd8d;--line:#d9dcd4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}p{margin:0 0 20px;color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.section{padding:105px 0}header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand>span{font:700 36px Inter,ui-sans-serif,system-ui,sans-serif}.dot{color:var(--bronze)}.brand small{font-size:10px;letter-spacing:1.2px;line-height:1.8}.brand b{font-size:8px;font-weight:500;color:var(--muted);letter-spacing:.8px}#links{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:600}#links a:hover{color:var(--bronze)}.nav-contact{border-bottom:1px solid var(--bronze);padding:8px 0}#menu{display:none}.hero{padding-top:56px;background:var(--cream)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--bronze);margin-bottom:25px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--bronze);margin-right:7px;border-radius:50%}h1{font:500 clamp(44px,4.6vw,68px)/1.08 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-2px;margin:0 0 26px}h1 em,h2 em{font-weight:400;color:var(--bronze)}.name-line{width:44px;height:2px;background:var(--bronze);margin-bottom:20px}.full-name{font-size:17px;color:var(--ink);line-height:1.45}.full-name strong{font-weight:600;font-size:25px}.hero-desc{font-size:14px;max-width:470px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;font-size:12px;font-weight:600;transition:.2s}.primary{background:var(--ink);color:white;border:1px solid var(--ink)}.primary:hover{background:#394844}.secondary{border:1px solid #a4aaa0}.secondary:hover{background:white}.hero-photo{height:610px;position:relative;border-radius:160px 0 0 0;overflow:hidden;background:#252525}.hero-photo img{object-position:50% 20%}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(15,22,22,.96) 45%);padding:65px 30px 27px;color:white}.photo-caption>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.photo-caption strong{display:block;font-size:18px;margin:8px 0 2px}.photo-caption p{font-size:12px;color:#d4d9d4;margin:0}.vertical-note{position:absolute;right:13px;top:30px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#eee}.hero-bottom{display:flex;justify-content:space-between;padding:30px 0;font-size:9px;letter-spacing:1.6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 0;border-bottom:1px solid var(--line)}.metrics>div{padding:5px 25px;border-right:1px solid var(--line)}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics strong{font:500 47px Inter,ui-sans-serif,system-ui,sans-serif}.metrics strong span{font-size:27px;color:var(--bronze)}.metrics p{font-size:11px;margin:8px 0 0;max-width:180px}.profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.profile-image{height:535px;position:relative}.profile-image img{object-position:50% 15%}.image-label{position:absolute;bottom:0;background:var(--ink);color:var(--gold);padding:18px;width:100%;font-size:9px;letter-spacing:1.7px;text-align:center}h2{font:400 clamp(32px,3.6vw,49px)/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-1.5px;margin:0 0 30px}.lead{font-size:19px;line-height:1.6;color:var(--ink)}.profile p:not(.eyebrow):not(.lead){font-size:14px}.profile-facts{display:grid;gap:20px;padding-top:22px;border-top:1px solid var(--line);margin-top:25px}small{font-size:10px;letter-spacing:1px}.profile-facts small{display:block;color:var(--bronze)}.profile-facts strong{font-size:13px;font-weight:600}.expertise{background:var(--ink);color:white}.expertise .eyebrow,.expertise h2 em,.contact .eyebrow,.contact h2 em{color:var(--gold)}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.heading-row h2{margin-bottom:0}.heading-row>p{max-width:270px;font-size:13px;color:#bbc5be}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.expertise-grid article{border-top:1px solid #64716b;padding-top:20px}.expertise-grid article>span{color:var(--gold);font-size:11px}h3{font-size:20px;line-height:1.4;font-weight:600;margin:18px 0 12px}.expertise-grid h3{font-size:18px;margin-top:35px}.expertise-grid p{font-size:13px;color:#c0c8c2;margin:0}.text-link{font-size:12px;white-space:nowrap;border-bottom:1px solid var(--bronze);padding-bottom:7px;color:var(--bronze)}.career{display:grid;grid-template-columns:235px 1fr;gap:45px;border-top:1px solid var(--line);padding:32px 0}.career-date{font-size:11px;letter-spacing:1px;color:var(--bronze);padding-top:5px}.current{display:block;margin-top:12px;font-size:8px;letter-spacing:1.5px;width:max-content;background:#e4eadd;color:#3d563e;padding:4px 9px}.career h3{font:400 29px Inter,ui-sans-serif,system-ui,sans-serif;margin:0 0 8px}.career h4{font-size:14px;margin:12px 0;font-weight:600}.career p{font-size:14px;max-width:750px;margin-bottom:12px}.career .org-detail{font-size:12px}.career .continuity{font-size:12px;border-left:2px solid #ac936a;padding-left:15px;font-style:italic}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid var(--line);padding:3px 10px;font-size:10px}.impact{background:var(--cream)}.impact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-top:45px}.feature-result{background:var(--ink);color:white;padding:40px}.feature-result small{color:var(--gold)}.feature-result>strong{display:block;font:500 90px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--gold);margin:25px 0}.feature-result p{color:#c1cbc3;font-size:14px}.result-list article{display:flex;gap:25px;border-top:1px solid #c9cdc3;padding:17px 0}.result-list article>span{color:var(--bronze);font-size:11px;padding-top:20px}.result-list h3{font-size:18px}.result-list p{font-size:14px;margin:0}.leadership{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.leadership>div>p:not(.eyebrow):not(.lead){font-size:14px}.leadership-image{height:520px;position:relative}.leadership-image img{border-radius:0 100px 0 0;object-position:50% 15%}.leadership-image p{position:absolute;bottom:0;background:var(--cream);padding:20px 25px;margin:0;font:italic 19px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);width:100%}.training-topics{list-style:none;padding:0}.training-topics li{font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}.training-topics li:before{content:'↗';color:var(--bronze);margin-right:14px}.credentials{border-top:1px solid var(--line)}.credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.credentials-grid h3{font:400 25px Inter,ui-sans-serif,system-ui,sans-serif;margin-bottom:25px}.credential{display:flex;gap:25px;border-top:1px solid var(--line);padding:20px 0}.credential>span{font-size:11px;color:var(--bronze);padding-top:3px}.credential strong{font-size:13px;font-weight:600}.credential p{font-size:12px;margin:3px 0 0}.skills-bar{display:grid;grid-template-columns:1fr .6fr 1.1fr;gap:30px;margin-top:40px;padding:28px;background:var(--cream)}.skills-bar small{color:var(--bronze)}.skills-bar p{font-size:12px;margin:10px 0 0}.contact{background:var(--ink);color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact p{color:#c1cbc3;font-size:14px;max-width:400px}.location{font-size:11px;color:var(--gold)}.contact-links a{position:relative;display:block;padding:20px 30px 20px 0;border-bottom:1px solid #54615b}.contact-links small{color:var(--gold);display:block;font-size:9px}.contact-links strong{display:block;font-weight:500;font-size:15px;overflow-wrap:anywhere}.contact-links a>span{position:absolute;right:0;top:35px;color:var(--gold)}.contact-links a:hover strong{text-decoration:underline}footer{padding:28px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid #b28a50;outline-offset:5px}::selection{background:#d8bd8d;color:#202b2b}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}#links{gap:16px}.brand small{display:none}.hero-grid{gap:35px}.hero-photo{height:570px}.profile,.leadership{gap:40px}.expertise-grid{grid-template-columns:repeat(2,1fr);gap:35px}.career{grid-template-columns:170px 1fr;gap:25px}.contact-grid{gap:35px}.impact-grid{gap:30px}.credentials-grid{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 36px)}nav{height:70px}.brand small{display:block;font-size:8px}.brand b{font-size:6px}.brand>span{font-size:29px}#menu{display:block;background:none;border:0;font-size:12px;padding:10px}#menu span{margin-left:8px}#links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px}#links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}#links a{padding:12px}.hero{padding-top:40px}.hero-grid,.profile,.impact-grid,.leadership,.contact-grid{grid-template-columns:1fr;gap:35px}h1{font-size:48px}.hero-photo{height:490px;border-radius:100px 0 0 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.full-name strong{font-size:23px}.hero-bottom{font-size:7px;letter-spacing:1px}.metrics{grid-template-columns:1fr 1fr;padding:20px 0}.metrics>div,.metrics>div:first-child{padding:20px 12px}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.metrics strong{font-size:39px}.metrics p{font-size:10px}.section{padding:65px 0}.profile-image{height:430px;max-width:420px}.profile{gap:35px}h2{font-size:36px}.heading-row{display:block}.heading-row>p{margin-top:24px;max-width:100%}.heading-row .text-link{display:inline-block;margin-top:25px}.expertise-grid{gap:30px 24px}.expertise-grid h3{font-size:16px}.expertise-grid p{font-size:12px}.career{grid-template-columns:1fr;gap:12px;padding:28px 0}.career-date{display:flex;gap:12px;align-items:center}.current{margin:0}.career h3{font-size:26px}.impact-grid{margin-top:30px}.feature-result{padding:30px}.feature-result>strong{font-size:78px}.leadership-image{height:470px}.credentials-grid{grid-template-columns:1fr;gap:20px}.skills-bar{grid-template-columns:1fr;gap:18px;padding:23px}.contact-links strong{font-size:14px}footer{font-size:9px;align-items:center}footer>span{max-width:225px}.actions{gap:9px}.button{padding:13px 16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Corporate typography inspired by Shohag Fardin Oron's supplied website. */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1{font-weight:800;font-size:clamp(42px,4.3vw,62px);line-height:1.08;letter-spacing:-.045em}
h1 em,h2 em{font-style:normal;font-weight:inherit}
h2{font-weight:700;font-size:clamp(32px,3.2vw,44px);line-height:1.18;letter-spacing:-.035em}
h3{font-weight:700;letter-spacing:-.025em}
.brand>span{font-weight:800;letter-spacing:-.065em}
.brand small{font-weight:700;letter-spacing:.065em}
.brand b{font-size:9px;letter-spacing:.055em}
#links{font-size:13px;font-weight:600}
.full-name{font-size:17px;line-height:1.55}
.full-name strong{font-size:clamp(23px,2vw,28px);font-weight:700;letter-spacing:-.025em}
.hero-desc{font-size:15px;line-height:1.75}
.eyebrow{font-size:11px;letter-spacing:.12em;line-height:1.6}
.button{font-size:13px;font-weight:600}
.metrics strong{font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.metrics p{font-size:12px;line-height:1.6}
.career h3{font-weight:700;font-size:27px;line-height:1.25;letter-spacing:-.035em}
.career h4{line-height:1.65}
.feature-result>strong{font-weight:800;letter-spacing:-.06em}
.credentials-grid h3{font-weight:700;font-size:24px;letter-spacing:-.025em}
.leadership-image p{font-style:normal;font-weight:600;font-size:18px;line-height:1.5;letter-spacing:-.02em}
.profile-facts strong,.credential strong{font-size:14px}
.training-topics li{font-size:14px}
@media(max-width:1000px) and (min-width:701px){h1{font-size:clamp(36px,4.3vw,44px)}}
@media(max-width:700px){
h1{font-size:clamp(34px,8.8vw,48px);letter-spacing:-.045em;line-height:1.12}
h2{font-size:clamp(29px,7.7vw,38px);letter-spacing:-.035em}
.full-name strong{font-size:23px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.09em}
.brand small{font-size:8px;letter-spacing:.04em}.brand b{font-size:7px;letter-spacing:.02em}
.metrics strong{font-size:39px}.metrics p{font-size:11px}.button{font-size:12px}
.career h3{font-size:25px}.credentials-grid h3{font-size:23px}.feature-result>strong{font-size:74px}
}
