/* A small decorative signature, isolated from the footer navigation and badges. */
.footer-index-heading:has(.footer-bitmap) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  column-gap: clamp(24px, 3vw, 48px);
}
.footer-bitmap {
  position: relative;
  width: 160px;
  aspect-ratio: 1;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  mix-blend-mode: screen;
}
.footer-bitmap-slice { display: none; }
.footer-bitmap-canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}
.footer-bitmap[data-state="error"] { visibility: hidden; }
@media (max-width: 1100px) {
  .footer-bitmap { width: 128px; }
  .footer-index-heading:has(.footer-bitmap) {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px 28px;
  }
  .footer-index-heading:has(.footer-bitmap) > :first-child { grid-column: 1 / -1; }
  .footer-index-heading:has(.footer-bitmap) > .footer-bitmap { grid-column: 2; grid-row: 2; }
  .footer-index-heading:has(.footer-bitmap) > .footer-index-project {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    margin-top: 0 !important;
  }
}
@media (max-width: 600px) {
  .footer-index-heading:has(.footer-bitmap) { gap: 16px; }
  .footer-bitmap { width: 112px; }
  .footer-index-heading:has(.footer-bitmap) > .footer-index-project {
    min-width: 0;
    max-width: 100%;
    gap: 16px;
  }
}
@media (max-width: 359px) {
  .footer-bitmap { width: 96px; }
}