/* Keep the existing leadership cards; only their portrait and name become buttons. */
.leader-trigger{appearance:none;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;padding:0;margin:0;cursor:pointer}
.leader-portrait-trigger{display:block;width:100%;height:100%;border-radius:4px}
.leader-name-trigger{display:inline;text-decoration-thickness:1px;text-underline-offset:5px}
.leader-name-trigger:hover{text-decoration:underline}
.leader-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
html:has(.leader-dialog[open]){overflow:hidden;scrollbar-gutter:stable}
.leader-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden;isolation:isolate}
.leader-dialog::backdrop{background:transparent}
.leader-dialog-reveal{position:absolute;border-radius:50%;background:#183d33;transform-origin:center;pointer-events:none;z-index:-1}
.leader-dialog-scroller{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#91a99b #183d33}
.leader-dialog-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,110px);min-height:100%;max-width:1560px;margin-inline:auto;padding:100px clamp(32px,6vw,105px)}
.leader-dialog-photo{opacity:0;min-width:0;max-width:520px;width:100%;justify-self:center}
.leader-dialog-photo .v2-portrait-photo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px}
.leader-dialog-copy{opacity:0;min-width:0}
.leader-dialog-copy h2{font-size:clamp(42px,5.1vw,76px);font-weight:500;line-height:1.07;letter-spacing:-.04em;margin:0 0 24px;color:#fff;overflow-wrap:anywhere}
.leader-dialog-role{font-size:20px;line-height:1.5;margin:0 0 6px;color:#e4d3a9}
.leader-dialog-company{font-size:17px;line-height:1.5;margin:0;color:#d0dfd6}
.leader-dialog-rule{width:72px;height:1px;background:#b9a477;margin:30px 0}
.leader-dialog-bio{font-size:21px;line-height:1.65;color:#f2f5f2;max-width:620px;margin:0}
.leader-profile-link{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:16px;margin-top:32px;padding-block:10px;border-bottom:1px solid #ffffff45;transition:border-color .22s,opacity .22s}
.leader-profile-link:hover{border-color:#fff;opacity:.8}
.leader-profile-link img{width:24px;height:24px}
.leader-dialog-close{position:absolute;inset-block-start:28px;inset-inline-end:28px;display:grid;place-items:center;width:54px;height:54px;padding:16px;border:0;border-radius:50%;background:white;color:#183d33;opacity:0;z-index:2;transition:background-color .22s,transform .22s}
.leader-dialog-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.leader-dialog-close:hover{background:#e1e9e3;transform:rotate(90deg)}
.leader-dialog :focus-visible{outline:2px solid #e4d3a9;outline-offset:5px}
[dir=rtl] .leader-dialog-copy h2{line-height:1.35;letter-spacing:0}
[dir=rtl] .leader-dialog-bio{line-height:1.8}
@media(max-width:760px){
  .leader-dialog-layout{grid-template-columns:1fr;align-content:start;gap:30px;padding:88px 24px 48px}
  .leader-dialog-photo{max-width:280px;width:82%}
  .leader-dialog-copy h2{font-size:38px;margin-bottom:18px}
  .leader-dialog-role{font-size:18px}
  .leader-dialog-company{font-size:16px}
  .leader-dialog-bio{font-size:18px;line-height:1.6}
  .leader-dialog-rule{margin-block:22px}
  .leader-dialog-close{inset-block-start:18px;inset-inline-end:18px;width:46px;height:46px;padding:12px}
  .leader-profile-link{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.leader-trigger,.leader-dialog-close,.leader-profile-link{transition:none}.leader-dialog-close:hover{transform:none}}

/* Legacy outline is hidden; portraits now use a restrained shadow. */
.leader-portrait-trigger{position:relative}
.portrait-hover-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.portrait-hover-ring rect{fill:none;stroke:#b59b5e;stroke-width:.5px;stroke-dasharray:100 100;stroke-dashoffset:100;opacity:0;transition:opacity .25s ease}
.leader-portrait-trigger:hover .portrait-hover-ring rect,.leader-portrait-trigger:focus-visible .portrait-hover-ring rect{stroke-dashoffset:0;opacity:1;animation:portrait-outline-trace .8s linear both}
@media(max-width:640px){.portrait-hover-ring rect{rx:50%;ry:50%}}
@media(prefers-reduced-motion:reduce){.portrait-hover-ring rect{transition:none}}

/* One continuous, normalized perimeter trace at a constant speed. */
@keyframes portrait-outline-trace{
 from{stroke-dasharray:100 100;stroke-dashoffset:100}
 to{stroke-dasharray:100 100;stroke-dashoffset:0}
}
@media(prefers-reduced-motion:reduce){
 .leader-portrait-trigger:hover .portrait-hover-ring rect,.leader-portrait-trigger:focus-visible .portrait-hover-ring rect{animation:none;stroke-dasharray:none;stroke-dashoffset:0}
}

/* No image movement: a soft frame shadow fades in and out. */
.leader-portrait-trigger{overflow:hidden;transition:box-shadow .3s ease}
.leader-portrait-trigger .portrait-hover-ring{display:none}
.leader-portrait-trigger .v2-portrait-photo,
.leader-portrait-trigger:hover .v2-portrait-photo,
.leader-portrait-trigger:focus-visible .v2-portrait-photo{transform:none}
.leader-portrait-trigger:hover,.leader-portrait-trigger:focus-visible{box-shadow:0 6px 24px #b59b5e66,0 0 12px #c6ad732e}
.chairman-portrait{overflow:visible}
.v2-portrait-photo[src*="hesham-alshaikh-portrait"]{width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center}
.chairman-portrait .v2-portrait-photo{height:auto;object-fit:cover}
/* A fixed headshot crop, including hover and the profile dialog. */
.leader-portrait-trigger .v2-portrait-photo[src*="dr-umashankar-portrait"],
.leader-portrait-trigger:hover .v2-portrait-photo[src*="dr-umashankar-portrait"],
.leader-portrait-trigger:focus-visible .v2-portrait-photo[src*="dr-umashankar-portrait"],
.leader-dialog-photo .v2-portrait-photo[src*="dr-umashankar-portrait"]{transform:scale(1.25);transform-origin:50% 20%}
.leader-dialog-photo:has(.v2-portrait-photo[src*="dr-umashankar-portrait"]){overflow:hidden;border-radius:14px}
@media(prefers-reduced-motion:reduce){.leader-portrait-trigger{transition:none}}