.footer-bottom {
  flex-wrap: wrap;
  gap: 12px 32px;
  align-items: center;
}

.footer-bottom .design-credit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: #fffdf8;
  font-size: 14px;
  letter-spacing: .02em;
  white-space: nowrap;
}

.design-credit:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.design-cherry {
  display: inline-block;
  font-size: 18px;
  transform-origin: top center;
  animation: cherry-sway 7s ease-in-out infinite;
}

@keyframes cherry-sway {
  0%, 75%, 100% { transform: rotate(0); }
  82% { transform: rotate(-12deg); }
  89% { transform: rotate(9deg); }
  96% { transform: rotate(-4deg); }
}

@media (prefers-reduced-motion: reduce) {
  .design-cherry { animation: none; }
}