/* Ronny's particle signature, reused from CB Automobile in Tholos gold. */
@font-face { font-family: TholosSignature; src: url('fonts/outfit-signature-600.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
.site-footer .footer-credit { padding-block: 20px; }
.footer-signature-credit { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.footer-created-by { font-size: 10px; color: #aeb79f; line-height: 1.6; letter-spacing: .02em; }
.site-footer .designer-credit { --footer-signature-ink: #c3a05c; position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 242px; max-width: 100%; height: 56px; padding: 0; border: 0; background: none; color: var(--footer-signature-ink); font: 600 29px/1 TholosSignature, sans-serif; letter-spacing: -.04em; text-decoration: none; user-select: none; cursor: pointer; isolation: isolate; }
.site-footer .designer-credit:hover { color: var(--footer-signature-ink); text-decoration: none; }
.site-footer .designer-credit canvas { display: block; width: 100%; height: auto; pointer-events: none; }
.footer-particle-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.designer-credit.is-ready .footer-particle-fallback { position: absolute; inset: auto; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.site-footer .designer-credit:focus-visible { outline: 1px solid var(--gold-light); outline-offset: 4px; }
@media (max-width: 360px) {
  .site-footer .designer-credit { width: 215px; height: auto; min-height: 0; aspect-ratio: 242 / 56; font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer .designer-credit canvas { display: none; }
  .designer-credit.is-ready .footer-particle-fallback { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip-path: none; white-space: nowrap; }
}