/* Supplied church portraits, framed with the established ivory and gold palette. */
body[data-page="leadership.html"] .page-intro h1 { font-size: clamp(46px, 5.2vw, 70px); max-width: 1100px; }
.leadership-stories { padding-top: 75px; }
.leadership-stories > .container { display: grid; gap: 64px; }
.leader-story { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); min-width: 0; overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 18px 48px #3f2b1610; }
.leader-photo { position: relative; display: block; margin: 0; overflow: hidden; background: radial-gradient(ellipse at 50% 20%, #f0e3cc, #e1cfb2); }
.leader-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.leader-story > .leader-photo { min-height: 530px; }
.leader-photo-marvin img { object-position: 50% 20%; }
.leader-photo-tiarra img { object-position: 50% 0%; transform: scale(1.65); transform-origin: 50% 0%; }
.leader-story-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(32px, 5vw, 76px); min-width: 0; border-top: 3px solid #b38a4c; }
.leader-story-copy .eyebrow { color: var(--gold); }
.leader-story-copy h2 { font-size: clamp(38px, 4.5vw, 64px); line-height: 1.08; margin-bottom: 24px; }
.leader-story-copy > p:last-child { color: var(--muted); font-size: 17px; line-height: 1.9; max-width: 490px; margin: 0; }
.leader-gold-rule { display: block; width: 54px; height: 2px; background: #ae8547; margin-bottom: 28px; }
.leader-story-reverse { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.leader-story-reverse > .leader-photo { grid-column: 2; grid-row: 1; }
.leader-story-reverse > .leader-story-copy { grid-column: 1; grid-row: 1; }
.leadership-preview .leader-grid { gap: 24px; }
.leader-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); min-width: 0; background: var(--white); border: 1px solid var(--line); border-radius: 4px; overflow: hidden; box-shadow: 0 10px 26px #3f2b160a; }
.leader-card-portrait { min-height: 345px; height: 100%; }
.leader-card-copy { min-width: 0; padding: 30px 26px; border-top: 3px solid #b38a4c; display: flex; flex-direction: column; align-items: flex-start; }
.leader-card-copy .eyebrow { color: var(--gold); font-size: 9px; letter-spacing: .1em; margin-bottom: 20px; }
.leader-card h3 { font-size: clamp(29px, 2.7vw, 38px); line-height: 1.1; }
.leader-card-copy > p:not(.eyebrow) { color: var(--muted); font-size: 13px; line-height: 1.8; }
.leader-card-copy .text-link { font-size: 12px; margin-top: auto; }
.leader-card-portrait:focus-visible { outline: 3px solid var(--red); outline-offset: -6px; }
@media (max-width: 1050px) {
 .leader-card { grid-template-columns: minmax(0, 1fr); }
 .leader-card-portrait { height: 340px; min-height: 0; }
 .leader-card-copy { padding: 28px; }
 .leader-story > .leader-photo { min-height: 480px; }
 .leader-story-copy { padding: 38px; }
}
@media (max-width: 700px) {
 .leadership-stories { padding-top: 42px; }
 .leadership-stories > .container { gap: 32px; }
 .leader-story, .leader-story-reverse { grid-template-columns: minmax(0, 1fr); }
 .leader-story-reverse > .leader-photo, .leader-story-reverse > .leader-story-copy { grid-column: auto; grid-row: auto; }
 .leader-story > .leader-photo { height: auto; min-height: 0; aspect-ratio: 4 / 5; }
 .leader-story-copy { padding: 32px 26px 36px; }
 .leader-story-copy h2 { font-size: 42px; }
 .leader-story-copy > p:last-child { font-size: 15px; }
 .leader-card-portrait { height: auto; min-height: 0; aspect-ratio: 4 / 5; }
 .leader-card-copy { padding: 28px 26px 32px; }
 .leader-card h3 { font-size: 36px; }
 .leader-card-copy > p:not(.eyebrow) { font-size: 14px; }
}