/* Small decorative characters at the top right of the footer. */
.footer-main { grid-template-columns: 243px minmax(0, 1fr) auto; gap: 24px; }
.footer-brand { display: block; width: 243px; max-width: 100%; }
.footer-main .footer-brand img { width: 80%; height: auto; max-height: none; }
.footer-producer { margin-right: 0; }
.footer-corner { display: flex; align-items: center; gap: 20px; }
.footer-characters { width: 200px; max-width: 100%; pointer-events: none; }
.footer-characters picture, .footer-main .footer-characters img { display: block; width: 100%; height: auto; max-height: none; }
@media (min-width:761px) and (max-width:1000px) {
  .footer-main { grid-template-columns: 194px minmax(0, 1fr) auto; }
  .footer-brand { width: 194px; }
  .footer-characters { width: 160px; }
}
@media (max-width:760px) {
  .footer-main { grid-template-columns: minmax(0, 1fr) auto; gap: 28px 18px; }
  .footer-brand { width: 194px; }
  .footer-corner { grid-column: 2; grid-row: 1; gap: 12px; }
  .footer-characters { width: 160px; }
}
@media (max-width:480px) {
  .footer-main { grid-template-columns: minmax(0, 1.215fr) minmax(0, 1fr); }
  .footer-brand { grid-column: 1; grid-row: 1; }
  .footer-corner { display: contents; }
  .footer-characters { grid-column: 2; grid-row: 1; justify-self: end; }
  .footer-main .back-top { grid-column: 2; grid-row: 2; justify-self: end; }
  .footer-main .footer-producer { grid-column: 1; grid-row: 2; width: 100%; min-width: 0; }
  .footer-producer>a { width: 180px; max-width: 100%; }
}
@media (max-width:380px) {
  .footer-main { column-gap: 16px; }
  .footer-brand { width: 158px; }
  .footer-corner { gap: 10px; }
  .footer-corner .back-top { width: 43px; height: 43px; }
  .footer-characters { width: 130px; }
}