/* Spirits share the copyright row, with their own space between links. */
.footer .footer-content {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.footer-copyright,
.footer-links {
  flex-shrink: 0;
  white-space: nowrap;
}
.footer .footer-links .social-links {
  margin: 0;
}
.kodama-trail {
  height: 2rem;
  flex: 1;
  min-width: 0;
  margin: 0;
  position: relative;
  overflow: visible;
  contain: layout;
  pointer-events: none;
}
.kodama-spirit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 30px;
  opacity: .96;
  filter: drop-shadow(0 0 1px #ffffffdd) drop-shadow(0 1px 1px #55765d22);
  will-change: transform;
  transition: opacity .6s, filter .6s;
}
.kodama-spirit.is-curious {
  opacity: 1;
  filter: drop-shadow(0 0 1px #b7e6c14d)
          drop-shadow(0 1px 1px #3e775922);
}
.kodama-spirit svg { width: 100%; height: 100%; overflow: visible; }
.kodama-skin {
  fill: #fff;
  stroke: #c8d7cf;
  stroke-width: .8;
  transition: fill .6s, stroke .6s;
}
.kodama-spirit.is-curious .kodama-skin {
  fill: #eff9f0;
  stroke: #bfd5c3;
}
.kodama-face { fill: #65766c; }
@media (max-width: 600px) {
  .kodama-spirit:nth-child(n+4) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .kodama-spirit { transition: none; will-change: auto; }
  .kodama-skin { transition: none; }
}