/* Keyframes verbatim from pchol-productions/pchol-kollektiv-credit.dc.html. HOUSE RULE (studio brief §4):
   a bee on a surface WALKS - small steps, brief pauses, slight pivots; amplitudes are tiny on purpose. */
@keyframes pkcStep{0%{transform:translate(0,0) rotate(0deg)}11%{transform:translate(.34px,-.05px) rotate(-.22deg)}22%{transform:translate(.34px,-.05px) rotate(-.22deg)}33%{transform:translate(.72px,.06px) rotate(.12deg)}47%{transform:translate(.72px,.06px) rotate(.12deg)}58%{transform:translate(1.05px,-.07px) rotate(.3deg)}72%{transform:translate(1.05px,-.07px) rotate(.3deg)}84%{transform:translate(.5px,.05px) rotate(-.16deg)}93%{transform:translate(.5px,.05px) rotate(-.16deg)}100%{transform:translate(0,0) rotate(0deg)}}
@keyframes pkcGait{0%,100%{transform:translateY(0)}50%{transform:translateY(-.5px)}}
@keyframes pkcBreathe{0%,100%{transform:scale(1)}43%{transform:scale(1.012)}}
@keyframes pkcWingL{0%,70%,100%{transform:rotate(0deg)}73%{transform:rotate(-6deg)}77%{transform:rotate(-1.5deg)}81%{transform:rotate(0deg)}}
@keyframes pkcWingR{0%,54%,100%{transform:rotate(0deg)}57%{transform:rotate(5.5deg)}61%{transform:rotate(1deg)}66%{transform:rotate(0deg)}}
@keyframes pkcLegL{0%,100%{transform:rotate(0deg)}38%{transform:rotate(-4deg)}62%{transform:rotate(1.5deg)}}
@keyframes pkcLegR{0%,100%{transform:rotate(0deg)}46%{transform:rotate(3.6deg)}72%{transform:rotate(-1.2deg)}}
@keyframes pkcAntL{0%,80%,100%{transform:rotate(0deg)}83%{transform:rotate(-9deg)}87%{transform:rotate(-3deg)}91%{transform:rotate(-7deg)}96%{transform:rotate(0deg)}}
@keyframes pkcAntR{0%,62%,100%{transform:rotate(0deg)}65%{transform:rotate(8deg)}70%{transform:rotate(2deg)}75%{transform:rotate(6deg)}80%{transform:rotate(0deg)}}

/* The credit's own face and size, deliberately NOT the host site's (RULES.md): Archivo 400, 11.5px, 86%. */
.pkc { display: inline-flex; align-items: center; gap: 8px; line-height: 1; font-family: var(--font-credit, 'Archivo'), system-ui, sans-serif; /* THE FALLBACK GOES INSIDE var(), 12 Sep 2026. Written as `var(--font-credit), 'Archivo', ...` this declaration is DEAD on any site that does not define the token: an undefined custom property makes a declaration invalid at computed-value time, and for an inherited property that means `inherit` - the listed fallbacks are never reached. Measured on next-steves: the credit computed as the host site's own sans while font-size and opacity from this same rule applied correctly, which is what makes it hard to see. The credit is supposed NOT to match the host's typography. */ font-weight: 400; font-size: 11.5px; letter-spacing: .03em; color: var(--fg); opacity: .86; text-decoration: none; transition: transform 160ms cubic-bezier(.2,.8,.2,1); }
.pkc--cream { color: #F2EEE3; }
.pkc--gold { color: #E3A81A; }
.pkc--right { flex-direction: row-reverse; }
.pkc:hover { opacity: 1; }
.pkc:active { transform: scale(.97); }
.pkc:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.pkc-bee { flex: none; display: block; margin: -8px 0; align-self: center; transform: rotate(-11deg); }
.pkc-bee img { position: absolute; inset: 0; width: 100%; height: 100%; background: none; }
.pkc-text { line-height: 1; }
.pkc-prefix { opacity: .8; }
/* Scoped to the credit - the canonical's bare `*` would still every animation on the host page. */
@media (prefers-reduced-motion: reduce) { .pkc *, .pkc { animation: none !important; transition: none !important; } }