footer {
  position: relative;
  overflow: hidden;
  padding: 32px 0 0;
}
footer .wrap { position: relative; z-index: 1; min-height: 182px; }
.footer-art {
  position: relative;
  height: 182px;
  align-self: end;
  display: flex;
  align-items: end;
  justify-content: center;
}
.footer-art img {
  width: 375px;
  max-width: none;
  filter: drop-shadow(5px 5px 0 rgba(23,34,26,.2));
  pointer-events: none;
}
.footer-copy span { display: block; margin-top: 10px; text-align: left; }
.footer-community { display: inline-flex; align-items: center; gap: 10px; margin-top: 10px; padding: 7px 11px; border: 2px solid var(--ink); background: var(--lime); box-shadow: 2px 2px 0 var(--ink); color: var(--ink); text-decoration: none; font-size: 12px; }
.footer-community:hover { transform: translate(1px,1px); box-shadow: 1px 1px 0 var(--ink); }
.ticker.tilt-left, .ticker.tilt-right { position: relative; z-index: 1; width: 103%; margin-left: -1.5%; }
.ticker.tilt-left { transform: rotate(-.75deg); }
.ticker.tilt-right { transform: rotate(.75deg); }
.ticker-footer { z-index: 2; margin-top: -10px; margin-bottom: -8px; background: var(--orange); color: #fff; border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
@media (max-width: 750px) {
  footer { padding-top: 24px; }
  footer .wrap { grid-template-columns: 1fr 125px; grid-template-rows: auto 1fr; min-height: 0; gap: 8px 12px; }
  footer .brand { grid-column: 1; grid-row: 1; }
  .footer-copy { grid-column: 1; grid-row: 2; padding-bottom: 22px; }
  .footer-copy p { font-size: 11px; }
  .footer-copy span { margin-top: 7px; font-size: 10px; }
  .footer-art { grid-column: 2; grid-row: 1 / 3; height: 145px; width: 125px; }
  .footer-art img { width: 220px; }
}