/* Header navigation stays centered between equal side columns. */
@media(min-width:1001px){body>header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}body>header>.brand{justify-self:start}body>header>#navigation{justify-self:center;margin:0;gap:26px}body>header>.button{justify-self:end;margin:0}body>header>.menu{display:none}}
@media(max-width:1000px){body>header>#navigation.open{align-items:center;text-align:center}}
/* Chairwoman actions belong with the message they refer to. */
#letter .letter-message-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;border-top:1px solid #d9cdbc;margin-top:20px;padding-top:20px}
#letter .letter-message-actions .button,#letter .letter-message-actions .text-button{font-size:14px;line-height:1.6}
#letter .letter-message-actions .button{padding:13px 20px;min-height:46px}
#letter .letter-message-actions .text-button{padding:10px 0;color:#af6d2a}
/* Intro follows its title; tenure tabs are a compact segmented control. */
#people>.section-heading{display:block}
#people>.section-heading>.intro{margin:22px 0 0;max-width:900px}
#people .builders-controls{margin-bottom:0}
#people .builders-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:560px;padding:6px;border:0;border-radius:20px;background:#f7eadbd9}
#people .builders-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:80px;margin:0;padding:10px 18px;border:0;border-radius:14px;color:#82766b;background:transparent;transition:background .18s,color .18s,box-shadow .18s}
#people .builders-tabs button strong{font-size:36px;line-height:1;font-weight:800;letter-spacing:-.025em}
#people .builders-tabs button span{font-size:12px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
#people .builders-tabs button[aria-selected=true]{background:#fff;color:var(--brand-orange);box-shadow:0 5px 12px #71461d0e}
#people .builders-tabs button:hover:not([aria-selected=true]){background:#fff6}
#people .builders-tabs button:focus-visible{outline:2px solid #be7b34;outline-offset:2px}
#people #builders-count{margin-top:22px}
/* All content in the closing invitation shares the center axis. */
#home-wishes{text-align:center;display:flex;flex-direction:column;align-items:center}
#home-wishes>.eyebrow{justify-content:center;text-align:center}
#home-wishes>h2,#home-wishes>p{margin-inline:auto;text-align:center}
#home-wishes>.button{align-self:center}
@media(max-width:600px){#people .builders-tabs{max-width:100%;padding:5px;gap:5px;border-radius:17px}#people .builders-tabs button{min-height:70px;padding:9px 12px;border-radius:12px}#people .builders-tabs button strong{font-size:30px}#people .builders-tabs button span{font-size:11px}#letter .letter-message-actions{gap:8px 18px}#letter .letter-message-actions .button,#letter .letter-message-actions .text-button{font-size:13px}}
@media(prefers-reduced-motion:reduce){#people .builders-tabs button{transition:none}}

/* Matching exploration CTAs on the right of both section introductions. */
#home-journey>.section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:32px}
#home-journey .journey-full-link,#home-moments .section-explore{margin:0;font-size:14px;min-height:50px;padding:14px 22px;gap:18px;white-space:nowrap;justify-self:end;align-self:end}
@media(max-width:800px){#home-journey>.section-heading,#home-moments>.section-heading{grid-template-columns:1fr;gap:20px}#home-journey .journey-full-link,#home-moments .section-explore{justify-self:end}}
/* Readable header typography on desktop and mobile. */
body>header>#navigation,body>header>.button.small{font-size:14px}
body>header>.button.small{min-height:46px;line-height:1.5;padding:12px 18px;gap:14px}
@media(max-width:1100px){body>header{display:flex}body>header>.brand{margin-right:auto}body>header>.menu{display:block}body>header>#navigation{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px var(--content-gutter) 20px;background:#f4f1eb;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #5641290b}body>header>#navigation.open{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}body>header>#navigation a{padding:14px 0}}
@media(max-width:450px){body>header{gap:8px}body>header>.brand img{width:110px}body>header>.button.small{padding-inline:12px;gap:9px}body>header>.menu{width:24px;flex-shrink:0}}
@media(max-width:350px){body>header>.brand img{width:100px}}
@media(max-width:500px){#home-journey .milestone-photo{width:100%;max-width:100%;min-width:0;min-height:0}}
