/* Shared board portrait gallery and expandable biographies. */
.board-section { --board-blue:#30357b;--board-red:#963e49;--board-paper:#faf8f3;padding-block:clamp(56px,6vw,88px);background:#f3efe6;color:var(--board-blue); }
.board-section .board-section-heading { display:grid;grid-template-columns:1.4fr .8fr;align-items:end;gap:48px;margin-bottom:38px; }
.board-section-heading .eyebrow { color:var(--board-red);font-size:10px;letter-spacing:.12em;margin:0 0 18px; }
.board-section-heading h2 { margin:0;color:var(--board-blue);font:500 clamp(44px,5.3vw,70px)/1.02 var(--editorial,Georgia,serif);letter-spacing:-.04em; }
.board-section-heading h2 em { color:var(--board-red);font-weight:400; }
.board-section-heading>p { max-width:440px;margin:0 0 4px;color:#526775;font-size:14px;line-height:1.85; }
/* Narrow, draggable portraits inspired by the supplied team-carousel reference. */
.board-gallery { position:relative;min-width:0; }
.board-rail { display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 4px 16px;scrollbar-width:thin;scrollbar-color:#a5aec6 transparent;cursor:grab;touch-action:auto; }
.board-portrait-card { position:relative;display:flex;flex-direction:column;flex:0 0 23%;max-width:320px;min-width:0;padding:0;border:0;border-radius:0;background:#ececea;text-align:center;color:var(--board-blue);cursor:inherit;isolation:isolate;transition:background .4s; }
.board-card-caption { position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:156px;padding:20px 24px;opacity:0;transition:opacity .4s; }
.board-card-role { color:#657079;font:500 10px/1.5 var(--body,sans-serif);letter-spacing:.025em; }
.board-card-name { font:500 clamp(25px,2.1vw,32px)/1.12 var(--editorial,Georgia,serif);letter-spacing:-.025em;transform:translateY(8px);transition:transform .75s cubic-bezier(.16,1,.3,1); }
.board-card-open { position:absolute;right:16px;bottom:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--board-red);color:white;font-size:18px;opacity:0;transition:opacity .3s; }
.board-portrait-card:hover,.board-portrait-card[aria-expanded="true"] { background:#e0e2e3; }
.board-portrait-card:hover .board-card-caption,.board-portrait-card:focus-visible .board-card-caption,.board-portrait-card[aria-expanded="true"] .board-card-caption,.board-portrait-card:hover .board-card-open,.board-portrait-card:focus-visible .board-card-open,.board-portrait-card[aria-expanded="true"] .board-card-open { opacity:1; }
.board-portrait-card:hover .board-card-name,.board-portrait-card:focus-visible .board-card-name,.board-portrait-card[aria-expanded="true"] .board-card-name { transform:none; }
.board-portrait-card:focus-visible,.board-rail:focus-visible { outline:2px solid var(--board-red);outline-offset:2px; }
.board-portrait-photo { display:block;aspect-ratio:2/3;width:100%;overflow:hidden;background:#e8e8e5; }
.board-portrait-photo img { display:block;width:100%;height:100%;object-fit:cover;object-position:50% 10%;filter:grayscale(1);user-select:none; }
.board-portrait-photo--chairman img { object-position:50% 0%; }
.board-portrait-photo--seated img { transform:scale(1.15);transform-origin:44% 0%;object-position:44% 0%; }
.board-portrait-photo--new-member img { transform:scale(1.05);transform-origin:52% 0%;object-position:52% 0%; }
.board-portrait-card[data-board-open="udara-widanagamage"] .board-portrait-photo img { transform:scale(1.3);transform-origin:50% 75%;filter:grayscale(1) brightness(1.2); }
.board-card-number { position:absolute;left:16px;bottom:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#faf8f3e8;color:var(--board-blue);font-size:10px;letter-spacing:.06em; }
.board-drag-cursor { position:absolute;z-index:3;left:var(--board-pointer-x,0px);top:var(--board-pointer-y,0px);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--board-red);color:white;font:600 10px/1 var(--body,sans-serif);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,transform .25s; }
.board-gallery.is-dragging .board-rail { cursor:grabbing;user-select:none; }
.board-gallery-footer { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 4px 0; }
.board-gallery-footer p { margin:0;color:#687077;font-size:12px;line-height:1.7; }
.board-touch-hint { display:none; }
.board-gallery-controls { display:flex;gap:8px; }
.board-gallery-controls button,.board-profile-close { display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #30357b40;border-radius:50%;background:transparent;color:var(--board-blue);font:400 22px/1 var(--body,sans-serif);cursor:pointer; }
.board-gallery-controls button:hover:not(:disabled),.board-profile-close:hover { background:var(--board-blue);color:white; }
.board-gallery-controls button:disabled { opacity:.3;cursor:default; }
.board-gallery-controls button:focus-visible,.board-profile-close:focus-visible { outline:2px solid var(--board-red);outline-offset:3px; }
@media(hover:hover) and (pointer:fine) { .board-gallery.is-pointer-inside .board-drag-cursor { opacity:1;transform:translate(-50%,-50%) scale(1); } }
.board-profiles { min-width:0; }
.board-profile { position:relative;min-width:0;margin-top:30px;padding:40px;background:var(--board-paper);border:1px solid #30357b24;border-radius:0 42px 0 0; }
.board-profile[hidden] { display:none; }
.board-profile-close { position:absolute;top:22px;right:22px;font-size:28px; }
.board-profile-copy { padding-right:50px; }
.board-role { margin:0 0 14px;color:var(--board-red);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase; }
.board-profile-copy h3 { margin:0 0 20px;color:var(--board-blue);font:500 clamp(34px,3.7vw,49px)/1.08 var(--editorial,Georgia,serif);letter-spacing:-.035em; }
.board-profile-intro { max-width:660px;margin:0;color:#526775;font-size:16px;line-height:1.85; }
.board-expertise { display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:24px 0 0;padding:0; }
.board-expertise li { padding:8px 12px;background:#e7edf5;color:var(--board-blue);font-size:11px;line-height:1.5;border-radius:18px; }
.board-expertise li:nth-child(-n+2) { background:var(--board-red);color:#fff; }
.board-career-highlights { margin-top:30px; }
.board-metrics-label { margin:0 0 14px;color:var(--board-red);font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase; }
.board-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0; }
.board-metrics>div { display:flex;flex-direction:column;gap:12px;padding:24px;background:#e7edf5;border-radius:0 24px 0 0; }
.board-metrics dt { color:#526775;font-size:12px;line-height:1.6; }
.board-metrics dd { order:-1;margin:0;color:var(--board-blue);font:500 56px/1 var(--editorial,Georgia,serif);letter-spacing:-.04em; }
.board-metrics>div:first-child dd { color:var(--board-red); }
.board-profile-expanded { padding-top:32px; }
.board-career-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px; }
.board-career-chapter { min-width:0;padding-top:18px;border-top:1px solid #30357b30; }
.board-section .board-chapter-number { margin:0 0 12px;color:var(--board-red);font-size:11px;line-height:1.5;letter-spacing:.1em; }
.board-section .board-profile-expanded h4 { color:var(--board-blue);font:500 27px/1.2 var(--editorial,Georgia,serif);letter-spacing:-.025em;margin:0 0 14px; }
.board-profile-expanded p:not(.board-chapter-number):not(.board-contribution-label) { color:#526775;font-size:14px;line-height:1.9;margin:0; }
.board-education { display:grid;grid-template-columns:.6fr 1.4fr;gap:30px;margin-top:32px;padding:28px;background:#e7edf5;border-radius:0 28px 0 0; }
.board-degrees { display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:18px 0 0; }
.board-degrees li { padding-left:12px;position:relative;color:var(--board-blue);font-size:12px;line-height:1.6; }
.board-degrees li::before { content:'';position:absolute;left:0;top:7px;width:4px;height:4px;background:var(--board-red);border-radius:50%; }
.board-contribution { margin-top:26px;padding:24px 28px;background:#f3e6e3;border-radius:0 24px 0 0; }
.board-contribution-label { margin:0 0 10px;color:var(--board-red);font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em; }
.board-section .board-contribution p:last-child { color:var(--board-blue);font:500 23px/1.5 var(--editorial,Georgia,serif); }
@media(max-width:1000px) { .board-section .board-section-heading { gap:30px; }.board-profile { padding:32px; }.board-profile-copy h3 { font-size:38px; }.board-profile-intro { font-size:14px; }.board-portrait-card { flex-basis:42%; }.board-card-caption { min-height:144px; }.board-card-name { font-size:28px; } }
@media(max-width:699px) {
 .board-section { padding-block:48px; }.board-section .board-section-heading { grid-template-columns:1fr;gap:20px;margin-bottom:26px; }.board-section-heading h2 { font-size:46px; }.board-section-heading>p { font-size:13px; }
 .board-portrait-card { flex-basis:84%; }.board-card-caption { min-height:144px;padding:18px 22px;opacity:1; }.board-card-name { font-size:28px; }.board-card-open { width:28px;height:28px;right:14px;font-size:17px;opacity:1; }.board-card-role { font-size:9px; }.board-card-name { transform:none; }
 .board-desktop-hint { display:none; }.board-touch-hint { display:inline; }.board-gallery-footer { gap:12px; }.board-gallery-footer p { font-size:11px; }
 .board-profile { padding:28px 20px 22px;border-top-right-radius:32px; }.board-profile-copy { padding-right:0; }.board-profile-copy h3 { padding-right:34px;font-size:34px; }.board-role { margin:0 42px 12px 0; }.board-profile-close { top:18px;right:14px;width:38px;height:38px; }.board-expertise { gap:8px;margin-top:20px; }.board-expertise li { font-size:10px;padding:7px 10px; }
 .board-metrics { grid-template-columns:1fr;gap:10px; }.board-metrics>div { display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:18px;padding:20px; }.board-metrics dd { grid-column:1;grid-row:1;font-size:46px; }.board-metrics dt { grid-column:2;grid-row:1;font-size:12px; }
 .board-career-grid { grid-template-columns:minmax(0,1fr);gap:26px; }.board-section .board-profile-expanded h4 { font-size:25px; }.board-profile-expanded p:not(.board-chapter-number):not(.board-contribution-label) { font-size:13px; }.board-education { grid-template-columns:minmax(0,1fr);gap:2px;padding:22px; }.board-contribution { padding:22px; }.board-section .board-contribution p:last-child { font-size:22px; }
}
@media(hover:none) { .board-card-caption,.board-card-open { opacity:1; }.board-card-name { transform:none; }.board-desktop-hint { display:none; }.board-touch-hint { display:inline; } }
@media(prefers-reduced-motion:reduce) { .board-card-caption,.board-card-name,.board-card-open,.board-portrait-card { transition:none; }.board-drag-cursor { display:none; } }