/* Footer navigation has its own scale, independent of page headings. */
html[lang="en"] body .site-footer {
 display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(0,1fr));
 align-items:start;gap:40px;padding:40px max(28px,calc((100vw - 1280px)/2));
 background:rgba(5,10,16,.92);border-top:1px solid #293844;
}
html[lang="en"] body .site-footer .footer-identity {display:flex;flex-direction:column;align-items:flex-start;gap:16px;grid-column:auto;min-width:0;}
html[lang="en"] body .site-footer .footer-identity p {font-size:14px;line-height:1.65;color:#8fa5b5;max-width:26ch;margin:0;}
html[lang="en"] body .site-footer .footer-group {display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;}
html[lang="en"] body .site-footer .footer-group h2 {
 font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;text-wrap:initial;
 color:#d7e6ef;margin:0 0 8px;padding:0;
}
html[lang="en"] body .site-footer .footer-group h2::after {display:none;}
html[lang="en"] body .site-footer .footer-group a,
html[lang="en"] body .site-footer .footer-group button {
 font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;color:#98afbf;
 margin:0;padding:0;text-decoration:none;min-height:0;background:none;border:0;
}
html[lang="en"] body .site-footer .footer-group a:hover,
html[lang="en"] body .site-footer .footer-group button:hover {color:#67d6df;}
@media(max-width:1050px){
 html[lang="en"] body .site-footer {grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
 html[lang="en"] body .site-footer .footer-identity {grid-column:1/-1;}
}
@media(max-width:560px){
 html[lang="en"] body .site-footer {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:32px 24px;}
}

/* Give the closing section and footer links more vertical breathing room. */
html[lang="en"] body.template-home main>section#join {padding-bottom:88px;}
html[lang="en"] body .site-footer {padding-top:56px;padding-bottom:56px;}
html[lang="en"] body .site-footer .footer-group {gap:20px;}
html[lang="en"] body .site-footer .footer-group h2 {margin-bottom:12px;}
@media(max-width:560px){
 html[lang="en"] body.template-home main>section#join {padding-bottom:64px;}
 html[lang="en"] body .site-footer {padding-top:40px;padding-bottom:40px;}
 html[lang="en"] body .site-footer .footer-group {gap:18px;}
}
/* Separate the closing message from navigation, and keep footer groups together. */
html[lang="en"] body.template-home main>section#join {padding-bottom:120px;}
html[lang="en"] body.template-home main>section#join .roadmap-summary {margin-top:32px;}
@media(min-width:1051px){
 html[lang="en"] body .site-footer {
  grid-template-columns:minmax(240px,300px) 190px 170px 180px;
  column-gap:36px;justify-content:center;
  padding-inline:32px;
 }
}
@media(min-width:561px) and (max-width:1050px){
 html[lang="en"] body .site-footer {grid-template-columns:repeat(3,minmax(0,200px));column-gap:24px;justify-content:center;}
}
@media(max-width:560px){
 html[lang="en"] body.template-home main>section#join {padding-bottom:88px;}
 html[lang="en"] body .site-footer {column-gap:20px;}
}

/* Slightly larger footer type and more space between links. */
html[lang="en"] body .site-footer .footer-group h2 {font-size:17px;}
html[lang="en"] body .site-footer .footer-group a,
html[lang="en"] body .site-footer .footer-group button,
html[lang="en"] body .site-footer .footer-identity p {font-size:16px;}
html[lang="en"] body .site-footer .footer-group {gap:24px;}
@media(max-width:560px){
 html[lang="en"] body .site-footer .footer-group {gap:22px;}
 html[lang="en"] body .site-footer .footer-group a,
 html[lang="en"] body .site-footer .footer-group button,
 html[lang="en"] body .site-footer .footer-identity p {font-size:15px;}
}

/* Keep the footer positioning statement compact and deliberately wrapped. */
html[lang="en"] body .site-footer .footer-identity {gap:12px;}
html[lang="en"] body .site-footer .footer-identity .footer-tagline {
 font-size:14px;line-height:1.65;letter-spacing:0;max-width:none;margin:0;color:#96aebb;
}
html[lang="en"] body .site-footer .footer-tagline span {display:block;white-space:nowrap;}

/* Move only the footer brand block left; keep navigation columns in place. */
@media(min-width:1051px){
 html[lang="en"] body .site-footer .footer-identity {transform:translateX(-32px);}
}
@media(min-width:561px) and (max-width:1050px){
 html[lang="en"] body .site-footer .footer-identity {transform:translateX(-12px);}
}