/* ===== Site footer =====
   One footer, identical on every page. build/sync-footer.js writes the markup
   into every page from build/footer.html, and this file is its only styling.

   It is a stylesheet of its own because not every page loads css/site.css: the
   homepage runs on home.css, and the graduate and partner pages on the legacy
   styles.css. So it carries everything the footer needs instead of leaning on
   page globals, and every selector is scoped to .site-footer with enough weight
   to beat page rules that would otherwise reach in. home.css paints
   body.hp h1-h4 dark at (0,1,2), which is why the homepage footer headings
   were unreadable; .site-footer .fgrid h3 is (0,2,1).

   The Google G and the star yellow are Google's own mark, not site tokens. */
.site-footer{background:#12101F;color:#fff;padding:72px 0 32px;
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased}
.site-footer *{box-sizing:border-box;font-family:inherit}
.site-footer .fwrap{max-width:1140px;margin:0 auto;padding:0 32px}
.site-footer .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;margin:0 0 48px}
.site-footer .fgrid h3{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:normal;
  color:#fff;margin:0 0 16px;padding:0}
.site-footer .flogo{display:inline-block;margin:0 0 16px;line-height:0}
.site-footer .flogo img{display:block;width:110px;height:auto;max-width:none}
.site-footer .fgrid p{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.62);margin:0;padding:0}
.site-footer .fgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.site-footer .fgrid li{margin:0;padding:0}
.site-footer .fgrid ul a{font-size:14.5px;color:rgba(255,255,255,.62);text-decoration:none}
.site-footer .fgrid ul a:hover{color:#fff}
.site-footer .fbot{padding-top:28px;border-top:1px solid rgba(255,255,255,.11);font-size:13.5px;
  line-height:1.6;color:rgba(255,255,255,.5);text-align:center}
.site-footer .fbot a{color:inherit;text-decoration:none}

/* Google reviews badge, under the description. The G sits on a white disc, as
   Google asks for its logo. */
.site-footer .greview{display:inline-flex;flex-direction:column;gap:8px;margin:22px 0 0;
  color:#fff;text-decoration:none}
.site-footer .greview:hover{color:#fff}
.site-footer .greview-top{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.site-footer .greview-g{flex:none;width:22px;height:22px;padding:3px;background:#fff;border-radius:50%}
.site-footer .greview-stars{display:flex;gap:3px}
.site-footer .greview-stars svg{width:17px;height:17px;fill:#FBBC04}
.site-footer .greview:hover .greview-name{text-decoration:underline;text-underline-offset:3px}

@media (max-width:980px){
  .site-footer .fgrid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:720px){
  .site-footer .fwrap{padding-left:20px;padding-right:20px}
  .site-footer .fgrid{grid-template-columns:1fr}
}