/* Footer layout and a quiet, inline website credit. */
.site-footer .footer__grid {
  grid-template-columns: minmax(220px, 1.3fr) minmax(140px, .75fr) minmax(155px, .85fr) minmax(250px, 1.2fr);
  column-gap: clamp(24px, 3.2vw, 48px);
  padding-bottom: 54px;
}
.site-footer .footer__grid > div { min-width: 0; }
.site-footer address a {
  display: inline-block;
  max-width: 100%;
  font-size: .88rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.site-footer .footer__bottom {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  min-height: 0;
  padding: 21px 0 27px;
  border-top: 1px solid rgba(255,255,255,.16);
}
.footer__bottom p { margin: 0; }
.footer__copyright {
  color: rgba(255,255,255,.78);
  font-size: .82rem;
  font-weight: 400;
  line-height: 1.6;
}
.footer__copyright .powered-by {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.45);
  text-underline-offset: 3px;
}
.footer__copyright .powered-by:hover { color: #fff; text-decoration-color: currentColor; }
.footer__motto { color: rgba(255,255,255,.54); font-size: .76rem; line-height: 1.5; }
.footer__motto a { color: rgba(255,255,255,.8); text-decoration: underline; text-decoration-color: rgba(255,255,255,.4); text-underline-offset: 3px; }
.footer__bottom a:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }

@media (max-width: 1120px) {
  .site-footer .footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 42px; }
}
@media (max-width: 680px) {
  .site-header { background: #fff; }
  .site-footer { padding-top: 42px; }
  .site-footer .footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
    row-gap: 28px;
    padding-bottom: 32px;
  }
  .site-footer .footer__grid > :first-child,
  .site-footer .footer__grid > :last-child { grid-column: 1 / -1; }
  .site-footer .footer__about p { max-width: 35ch; margin-top: 14px; font-size: .85rem; line-height: 1.5; }
  .site-footer h2 { margin: 0 0 12px; font-size: .7rem; letter-spacing: .1em; }
  .site-footer ul { gap: 9px; }
  .site-footer ul a { font-size: .86rem; line-height: 1.4; }
  .site-footer address { font-size: .86rem; line-height: 1.55; }
  .site-footer address a { font-size: .86rem; }
  .site-footer .footer__bottom { gap: 8px; padding: 20px 0 26px; }
  .footer__copyright { font-size: .8rem; line-height: 1.55; }
  .footer__motto { font-size: .73rem; }
}
@media (max-width: 350px) {
  .site-footer .footer__grid { column-gap: 12px; }
  .site-footer ul a { font-size: .8rem; }
}