/* Two equally visible entrances on the public homepage. */
.home-site-header{gap:1.25rem}
.home-site-header .brand{flex:0 0 auto}
.home-site-header .brand-mark{flex:0 0 2rem}
.home-site-header .brand-wording{display:grid;grid-template-columns:auto auto;gap:.1rem .3rem}
.home-site-header .brand-wording small{grid-column:1 / -1}
.home-site-header nav{flex-wrap:nowrap;justify-content:flex-end;gap:.65rem .8rem}
.home-site-header nav>a{white-space:nowrap}
.home-site-header nav>.nav-family-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.home-site-header nav>.nav-team-link{background:var(--mint,#c7d8be)}
.home-site-header nav>.nav-team-link:is(:hover,:focus-visible){background:var(--cream,#f4eedf)}
/* Allow the complete menu to scroll on narrow or short screens. */
@media(max-width:1250px){
 .home-site-header .menu-toggle{position:relative;z-index:3;display:grid;gap:4px;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(244,238,223,.35);border-radius:50%;padding:11px}
 .home-site-header .menu-toggle>span:not(.sr-only){display:block;width:100%;height:1px;background:var(--cream);transition:.2s}
 .home-site-header .menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .home-site-header .menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}
 .home-site-header .menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .home-site-header nav{position:fixed;inset:0;display:none;flex-direction:column;justify-content:flex-start;gap:1rem;padding:5rem 1rem 2rem;background:var(--forest-dark);overflow-y:auto;overscroll-behavior:contain}
 .home-site-header nav.is-open{display:flex}
 .home-site-header nav>a{flex:0 0 auto;max-width:100%;white-space:normal;text-align:center;font-family:var(--serif);font-size:1.35rem;font-weight:500;letter-spacing:0;text-transform:none}
 .home-site-header nav>.nav-family-link{min-width:min(16rem,100%)}
}
/* Footer links must wrap instead of widening the whole mobile page. */
.home-page footer>*{min-width:0}
.home-page .footer-links{flex-wrap:wrap}
.home-page .footer-brand .brand-mark{flex:0 0 2rem}
.home-page .footer-brand .brand-wording{min-width:0}