/* Keep the wordmark intact; collapse navigation before it crowds the brand. */
.nav .brand{flex-shrink:0}
.nav .brand>span{white-space:nowrap}
.nav .brand small{white-space:nowrap}
.nav .brand .emblem{flex-shrink:0}
.nav-links{flex-shrink:0}
.nav-links a{white-space:nowrap}
.nav-cta{flex-shrink:0}
@media(max-width:1150px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .nav .wrap{gap:18px}
}
@media(max-width:420px){
  .nav .wrap{padding-inline:16px;gap:10px}
  .nav .brand{font-size:15px;gap:7px}
  .nav .brand .emblem{width:32px;height:32px}
  .nav-cta{gap:7px}
  .nav-cta .btn--primary{padding:10px 12px;font-size:13px}
  .hamburger{width:40px;height:40px}
}
@media(max-width:350px){
  .nav-cta .btn--primary{display:none}
}
/* Visible navigation buttons, with a second row when space is limited. */
.nav-links a{border:1px solid var(--hair);background:var(--grey);text-align:center;padding:9px 12px}
.nav-links a:hover{border-color:var(--red);color:var(--red)}
@media(max-width:1250px){
 .nav .wrap{height:auto;min-height:82px;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:12px}
 .nav-links{display:flex;order:3;flex:1 0 100%;margin:0;gap:8px}
 .nav-links a{flex:1}
 .nav .hamburger{display:none}
}
@media(max-width:600px){
 .nav-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .nav-links a{font-size:13px;padding:7px 6px}
 .nav .wrap{padding-top:10px;padding-bottom:10px;gap:10px}
}
body[data-page="home"] .section{padding:64px 0}
body[data-page="home"] .section-head{margin-bottom:30px}
body[data-page="home"] .eyebrow{margin-bottom:12px}
body[data-page="home"] #values{padding-bottom:40px}
body[data-page="home"] #news{padding-top:40px}
section[id],#hero-join,#contact,#volunteer{scroll-margin-top:150px}
@media(max-width:600px){
 body[data-page="home"] .section{padding:44px 0}
 body[data-page="home"] .section-head{margin-bottom:24px}
 section[id],#hero-join,#contact,#volunteer{scroll-margin-top:185px}
}
/* Compact the alternative image without changing the other homepage photos. */
#about .figure-card img{display:block;height:280px;aspect-ratio:auto;object-fit:cover;object-position:center}
@media(max-width:960px){#about .figure-card img{height:240px}}
@media(max-width:600px){#about .figure-card img{height:200px}}
/* A matted photo frame for the founder portrait. */
.founder-photo-frame{padding:18px;background:#fff;border:7px solid #173b49;border-radius:4px;max-width:360px;margin-inline:auto;box-shadow:0 8px 24px rgba(9,33,46,.14)}
.founder-photo-frame img{display:block;width:100%;height:auto;aspect-ratio:auto;border-radius:0}
.founder-photo:has(.founder-photo-placeholder){padding:18px;background:#fff;border:7px solid #173b49;border-radius:4px;max-width:360px;margin-inline:auto;box-shadow:0 8px 24px rgba(9,33,46,.14)}
.founder-photo:has(.founder-photo-placeholder) .badge{display:none}
.founder-photo-placeholder{aspect-ratio:4/3;display:grid;place-items:center;background:#edf2f3;border:1px solid #c9d5d9;box-shadow:inset 0 2px 6px rgba(9,33,46,.08);color:#607680;font-size:14px;letter-spacing:.03em}