/* =========================================================
   FOOTER — site design credit
========================================================= */

#footer .site-design-credit {
  margin-top: 0.85rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}

#footer .site-design-label,
#footer .site-design-name {
  font-family: "Gloock", serif;
}

#footer .site-design-label {
  font-size: 0.86rem;
  line-height: 1.15;
  color: inherit;
}

#footer .site-design-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

#footer .site-design-logo {
  display: block;
  width: clamp(48px, 6vw, 68px);
  height: auto;
  filter:
    drop-shadow(0 8px 14px rgba(0, 0, 0, 0.34))
    drop-shadow(0 2px 5px rgba(0, 0, 0, 0.22))
    drop-shadow(0 0 6px rgba(255, 210, 140, 0.14))
    drop-shadow(0 0 14px rgba(233, 196, 140, 0.18));
  transition: filter 0.2s ease, opacity 0.2s ease;
}

#footer .site-design-logo-link:hover .site-design-logo {
  filter:
    drop-shadow(0 10px 18px rgba(0, 0, 0, 0.38))
    drop-shadow(0 3px 6px rgba(0, 0, 0, 0.24))
    drop-shadow(0 0 10px rgba(255, 220, 160, 0.22))
    drop-shadow(0 0 20px rgba(233, 196, 140, 0.24));
}

#footer .site-design-name {
  text-decoration: none;
  font-size: 0.96rem;
  line-height: 1.15;
  color: inherit;
  transition: opacity 0.2s ease;
}

#footer .site-design-name:hover,
#footer .site-design-logo-link:hover + .site-design-name {
  opacity: 0.8;
}

@media (prefers-reduced-motion: no-preference) {
  #footer .site-design-logo {
    animation: footerLogoBreathe 4.8s ease-in-out infinite;
    transform-origin: center;
  }

  @keyframes footerLogoBreathe {
    0%,
    100% {
      transform: scale(1);
      filter:
        drop-shadow(0 8px 14px rgba(0, 0, 0, 0.34))
        drop-shadow(0 2px 5px rgba(0, 0, 0, 0.22))
        drop-shadow(0 0 6px rgba(255, 210, 140, 0.14))
        drop-shadow(0 0 14px rgba(233, 196, 140, 0.18));
    }

    50% {
      transform: scale(1.03);
      filter:
        drop-shadow(0 9px 16px rgba(0, 0, 0, 0.36))
        drop-shadow(0 2px 5px rgba(0, 0, 0, 0.22))
        drop-shadow(0 0 8px rgba(255, 220, 150, 0.18))
        drop-shadow(0 0 18px rgba(233, 196, 140, 0.22));
    }
  }
}

/* =========================================================
   FOOTER — full-width credit band
========================================================= */

#footer .footer-credit-band {
  width: 100%;
  margin-top: 2rem;
  padding: 1.75rem 1.25rem;
  background: linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.08), rgba(255,255,255,0.05));
  border-top: 1px solid rgba(255,255,255,0.06);
}

#footer .footer-credit-inner {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  text-align: center;
}

#footer .footer-credit-inner > p {
  margin-bottom: 0.85rem;
}