/* Brush-lettered wordmark (cream on the plum header, ink on the lilac footer). */
/* `.wordmark img` sizes and wiggles the round mascot; the wordmark opts out of both. */
.wordmark .wordmark-art{display:block;width:auto;height:58px;animation:none!important;filter:drop-shadow(0 2px 6px #1d122640)}
.footer-wordmark-art{display:block;width:min(760px,72vw);height:auto}
.footer-megatype{gap:clamp(6px,2vw,24px)}
@media(max-width:1023px){.wordmark .wordmark-art{height:48px}}
@media(max-width:767px){.wordmark .wordmark-art{height:42px}}

/* Paw-print burst: one short-lived span per print, only transform/opacity animate. */
.paw-burst{position:fixed;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none;z-index:2147483602;
  background:currentColor;-webkit-mask:var(--paw-mask) center/contain no-repeat;mask:var(--paw-mask) center/contain no-repeat;
  --paw-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='16' rx='5.6' ry='4.6'/%3E%3Cellipse cx='5' cy='10' rx='2.3' ry='2.9'/%3E%3Cellipse cx='9.4' cy='5.6' rx='2.3' ry='2.9'/%3E%3Cellipse cx='14.6' cy='5.6' rx='2.3' ry='2.9'/%3E%3Cellipse cx='19' cy='10' rx='2.3' ry='2.9'/%3E%3C/svg%3E");
  animation:paw-pop .9s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes paw-pop{
  0%{opacity:0;transform:translate(var(--x0),var(--y0)) rotate(var(--r)) scale(.3)}
  15%,65%{opacity:1}
  100%{opacity:0;transform:translate(var(--x1),var(--y1)) rotate(var(--r)) scale(1)}}

/* Scroll trail: a dashed route along the header's lower edge, with Pawcasso trotting along it. */
.run-trail{position:absolute;left:0;right:0;bottom:-2px;height:4px;pointer-events:none;z-index:1;transition:opacity .4s}
.site-header:not(.is-scrolled) .run-trail{opacity:0}
.run-trail-line{position:absolute;inset:1px 0;background:repeating-linear-gradient(90deg,#ef5661 0 10px,transparent 10px 16px);
  transform-origin:0 50%;transform:scaleX(var(--p,0))}
.run-trail-runner{position:absolute;left:calc(var(--p,0) * (100% - 30px));top:-13px;width:30px;height:30px}
.run-trail-runner img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 3px #1d122680)}
body[data-motion=on][data-hidden=false] .run-trail.is-moving .run-trail-runner img{animation:runner-trot .32s ease-in-out infinite alternate}
@keyframes runner-trot{from{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-3px) rotate(6deg)}}
@media(max-width:767px){.run-trail-runner{width:24px;height:24px;top:-10px;left:calc(var(--p,0) * (100% - 24px))}}
@media(prefers-reduced-motion:reduce){.paw-burst{display:none}.run-trail-runner img{animation:none!important}}
@media(forced-colors:active){.run-trail{display:none}}
body[data-motion=off] .run-trail { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .run-trail { transition: none !important; } }

body[data-motion=off] .paw-burst { display: none; animation: none; }