/* Equal side columns keep the mark centered while all three items meet at the bottom. */
.footer-row{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:end;gap:30px}
.footer-row .footer-left{text-align:left}
.footer-row .footer-right{text-align:right;margin:0}
.footer-row .footer-brand{width:190px;margin:0}
/* The supplied logo includes blank space below its tagline. Clip only that
   blank space so the visible art, rather than its canvas, meets the copy. */
.footer-row .footer-brand a{display:block;height:176px;overflow:hidden}
.footer-row .footer-brand img{display:block;width:100%;height:auto}
@media(max-width:700px){
  .footer-row{grid-template-columns:1fr;gap:16px;text-align:center}
  .footer-row .footer-brand{grid-row:1;justify-self:center;width:168px}
  .footer-row .footer-brand a{height:156px}
  .footer-row .footer-left,.footer-row .footer-right{text-align:center;margin:0}
}

/* Keep the footer mark free of a box, including when its link has focus. */
.footer-row .footer-brand a{position:relative;outline:none;border:0;box-shadow:none;background:transparent;border-radius:0}
.footer-row .footer-brand img{border:0;box-shadow:none;background:transparent;border-radius:0}
.footer-row .footer-brand a:focus,.footer-row .footer-brand a:focus-visible{outline:none}
.footer-row .footer-brand a:focus-visible::after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:2px;background:currentColor}
