/* ---- the footer now carries the navigation ------------------------------
   Five columns rather than four, because Industries existed only in the nav
   and had no footer entry at all, and because Who we serve was showing five
   names for a cohort the nav lists fifteen of. The lists are taken from the
   navigation's own column data, so the two cannot drift apart.

   That makes the tallest column fifteen rows, so the type and the row spacing
   come in a little: at the old rhythm the block ran past 600px on its own. */
.at-foot-cols{grid-template-columns:repeat(5,1fr);gap:26px}
.at-foot-cols a{padding:5px 0;font-size:13px;line-height:1.4}
.at-foot-cols h5{margin-bottom:14px}

/* hover takes the ember ramp. Gradient text needs the fill released and the
   background clipped to the glyphs, which is the same mechanism the headlines
   use for their emphasis. */
.at-foot .at-foot-cols a:hover{
  background:var(--ember-ramp);
  -webkit-background-clip:text;background-clip:text;
  color:transparent}

@media(max-width:1000px){.at-foot-cols{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.at-foot-cols{grid-template-columns:1fr 1fr;gap:20px}}