/* board-of-directors: page-only CSS of the approved Design B page (shared rules = src/styles/hh.css). */

/* banner line above the title: serif italic, no letter-spaced caps */
.pow .pow-copy .kicker{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0;font-size:1.18rem}

/* portraits: one shared 5:6 frame (closest to the originals, 0.80-1.03), so no photo loses more than ~19% and every head stays whole */
.board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,5vw,64px) clamp(24px,3.5vw,48px)}
.board img{border-radius:var(--radius);width:100%;aspect-ratio:5/6;object-fit:cover;object-position:50% 15%;background:var(--white);box-shadow:var(--print)}
.board h2{font-size:1.6rem;line-height:1.2;margin-top:22px;padding-top:14px;border-top:1px solid var(--hh-gold-50)}
.board p{margin-top:6px;color:var(--muted);font-size:1.02rem}
@media (max-width:860px){.board{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.board{grid-template-columns:1fr}.board img{aspect-ratio:auto;object-fit:fill}}

/* closing note sits right under the portraits (same white band), on a hairline */
.section.tint{padding-bottom:clamp(56px,6vw,80px)}
.section.tint+.section{padding-top:0}
.section.tint+.section .prose{max-width:72ch;padding-top:clamp(40px,5vw,56px);border-top:1px solid var(--line)}
.section.tint+.section .prose p{font-family:var(--serif);font-size:1.25rem;line-height:1.55;color:var(--ink)}
.cta{margin-top:30px}