/* Recruitment call to action */
.mobile-entry{left:auto;right:32px;bottom:28px;min-width:288px;gap:40px;padding:10px 10px 10px 28px;border:1px solid #ffffffb0;border-radius:80px;background:#eef2ed;color:#10243d;box-shadow:0 12px 40px #07142740;isolation:isolate;transition:background .25s,box-shadow .25s,transform .25s}
.mobile-entry .entry-label{display:flex;flex-direction:column;gap:2px;line-height:1.5}
.entry-label small{font-size:9px;letter-spacing:.19em;font-weight:600;color:#536779}
.entry-label strong{font-size:15px;font-weight:600;letter-spacing:.04em}
.mobile-entry .entry-arrow{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:50%;background:#183b61;color:#fff;font-size:28px;line-height:1;transition:transform .3s,background .3s}
.mobile-entry:hover{background:#fff;box-shadow:0 16px 48px #07142760;transform:translateY(-3px)}
.mobile-entry:hover .entry-arrow{background:#28629a;transform:rotate(45deg)}
nav .entry{align-items:center;gap:26px;padding:6px 6px 6px 20px;border-radius:40px;background:#eef2ed;color:#10243d;font-weight:600;transition:background .25s}
nav .entry>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#183b61;color:#fff;font-size:19px;transition:transform .3s}
nav .entry:hover{background:#fff}nav .entry:hover>span{transform:rotate(45deg)}
.mobile-entry:focus-visible,nav .entry:focus-visible{outline:3px solid #8bbce7;outline-offset:5px}
@media(max-width:700px){.mobile-entry{left:20px;right:20px;bottom:calc(12px + env(safe-area-inset-bottom));min-width:0;padding:8px 8px 8px 23px;gap:20px}.mobile-entry .entry-arrow{width:46px;height:46px;font-size:25px}.entry-label strong{font-size:14px}.entry-label small{font-size:8px}nav .entry{padding:5px 5px 5px 14px;gap:14px}nav .entry>span{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.mobile-entry,.mobile-entry .entry-arrow,nav .entry,nav .entry>span{transition:none}}

/* Text-only entry buttons. */
.mobile-entry{min-width:230px;padding:17px 34px;justify-content:center;gap:0;text-align:center}
nav .entry{padding:12px 25px;justify-content:center;gap:0}
@media(max-width:700px){.mobile-entry{min-width:0;padding:13px 24px}nav .entry{padding:11px 18px}}

/* Quiet closing section aligned with the navy palette. */
.closing,.closing:hover{background:#101f35;color:#f4f4ed;padding:90px var(--gutter) 100px;border-top:1px solid #ffffff25}
.closing>p{color:#a9bacb;font-size:10px;letter-spacing:.2em;margin:0 0 28px}
.closing>h2{font-size:clamp(32px,4.6vw,66px);font-weight:500;line-height:1.6;letter-spacing:.02em;margin:0 0 36px}
.closing>a{display:inline-block;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.04em;padding:15px 32px;border:1px solid #b3c6d5;border-radius:2px;background:transparent;color:#f4f4ed;transition:background .2s,color .2s}
.closing>a:hover{background:#edf1f3;color:#10243d}
@media(max-width:700px){.closing,.closing:hover{padding:56px 24px 64px}.closing>h2{font-size:32px}.closing>a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.closing>a{transition:none}}

.closing>h2{font-size:clamp(27px,3.4vw,46px);margin-bottom:32px}
.closing-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;max-width:1000px}
.closing-positions a{display:block;padding:22px 0;border-top:1px solid #ffffff30;font-size:17px;transition:color .2s,background .2s}
.closing-positions a:hover{color:#fff;background:#ffffff06}
@media(max-width:700px){.closing-positions{grid-template-columns:1fr}.closing-positions a{font-size:15px;padding:20px 0}}

/* Use supplied logo artwork, preserving the original proportions. */
.official-brand{display:block;flex-shrink:0}
.brand .official-logo{display:block;position:relative;width:132px;height:104px;margin:0;overflow:hidden}
.brand .official-logo img{position:absolute;width:156px;max-width:none;height:auto;left:-12px;top:-84px;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:700px){.brand .official-logo{width:96px;height:76px}.brand .official-logo img{width:114px;left:-9px;top:-61px}}

/* Horizontal original wordmark, with only surrounding blank space clipped. */
.brand .official-logo{width:280px;height:40px;mix-blend-mode:screen}
.brand .official-logo img{width:111.5%;height:auto;max-width:none;left:-5.75%;top:50%;transform:translateY(-50%);filter:none}
@media(max-width:700px){.brand .official-logo{width:190px;height:30px}.brand .official-logo img{width:111.5%;left:-5.75%;top:50%}}
@media(max-width:360px){.brand .official-logo{width:164px}}

/* Mobile president portrait: preserve the supplied portrait framing. */
@media(max-width:700px){
 .president-feature .president-photo{width:88%;height:auto;max-height:none;aspect-ratio:1760 / 2378}
 .president-feature .president-photo img,
 .president-feature:hover .president-photo img{width:100%;height:100%;object-fit:contain;object-position:center top;transform:none;transform-origin:center top}
}

/* Keep faces clear of headlines at every viewport. */
@media(min-width:701px){
 .president-feature .president-photo img,
 .president-feature:hover .president-photo img{object-position:center top;transform:none;transform-origin:center top}
 .president-copy{margin-left:0;padding-left:28px}
 .president-copy>.kicker,.president-copy>p,.president-copy .text-link{margin-left:0}
}
.people-stage .people-spotlight{display:flex;flex-direction:column;min-height:0;background:#0b192d}
.people-stage .people-spotlight>img{position:relative;inset:auto;display:block;width:100%;height:430px;object-fit:cover;object-position:center 25%;z-index:auto;transform:none}
.people-stage .people-spotlight:after{display:none}
.people-stage .people-spotlight-copy{position:relative;inset:auto;padding:26px var(--gutter) 32px}
.people-stage .people-spotlight h3{margin:12px 0 14px}
.people-stage .spotlight-link{margin-top:12px}
@media(max-width:700px){
 .people-stage .people-spotlight>img{height:auto;aspect-ratio:1 / 1;object-position:center 25%}
 .people-stage .people-spotlight-copy{padding:24px}
}

/* Preserve the full supplied portraits, including hands and framing. */
.people-stage .people-spotlight>img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;max-height:none}
.president-feature .president-photo{height:auto;max-height:none;aspect-ratio:1760 / 2378}
.president-feature .president-photo img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
@media(min-width:701px){
 .people-stage{grid-template-columns:40% 60%;align-items:start}
 .people-chooser{position:sticky;top:100px}
 .president-feature{grid-template-columns:44% 56%;align-items:center}
 .president-copy{padding-top:0;padding-left:clamp(28px,5vw,72px)}
}
.people-thumbnail{height:auto;aspect-ratio:1792 / 2400;flex-basis:30%}
.people-thumbnail img{object-fit:contain}
@media(max-width:700px){.people-thumbnail{height:auto;flex-basis:36%}}

/* Editorial overlay stays below the faces, with the entire portrait intact. */
.people-stage .people-spotlight{display:block}
.people-stage .people-spotlight:after{display:block;z-index:0;background:linear-gradient(0deg,rgba(11,25,45,.94) 0%,rgba(11,25,45,.65) 22%,transparent 48%);pointer-events:none}
.people-stage .people-spotlight-copy{position:absolute;z-index:1;inset:auto 28px 28px;padding:0}
.people-stage .people-spotlight h3{font-size:clamp(24px,2.7vw,38px);line-height:1.45;margin:12px 0}
.people-stage .spotlight-link{margin-top:12px}
@media(max-width:700px){
 .people-stage .people-spotlight-copy{inset:auto 24px 22px}
 .people-stage .people-spotlight h3{font-size:clamp(22px,6.1vw,27px);margin:8px 0;line-height:1.4}
 .people-stage .people-spotlight-copy p{font-size:11px;margin:8px 0}
 .people-stage .spotlight-number{font-size:11px}
 .people-stage .spotlight-link{font-size:12px;margin-top:4px;padding:7px 0}
}