/* Name logo: every letter swaps between the grotesk and Tielor's eight wordmarks. */
[data-logo] { white-space: nowrap; }
[data-logo] .ch {
  display: inline-block; position: relative; vertical-align: baseline; text-align: center; white-space: pre;
  letter-spacing: 0; margin: 0 .012em;
  transition: opacity .18s ease, transform .18s ease;
}
[data-logo] .ch.swap { opacity: 0; transform: translateY(.1em); }
/* a letter from one of the wordmarks: drawn shape, sitting on the same baseline */
[data-logo] .ch.img { margin: 0 .03em; }
[data-logo] .ch.img > b { display: none; }
[data-logo] .ch svg { position: absolute; left: .01em; overflow: visible; fill: currentColor; }
.brand[data-logo] { font-size: 23px; font-weight: 600; line-height: 1; }
@media (prefers-reduced-motion: reduce) { [data-logo] .ch { transition: none; } }

/* Cherry gummy cursor (desktop pointers only) */
html.cherry, html.cherry * { cursor: none !important; }
.cherry-dot, .cherry-gum { position: fixed; left: 0; top: 0; z-index: 9999; pointer-events: none; opacity: 0; transition: opacity .3s; }
html.cherry .cherry-dot, html.cherry .cherry-gum { opacity: 1; }
.cherry-dot { width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: #e0113a; }
.cherry-gum { width: 46px; height: 46px; will-change: transform; filter: drop-shadow(0 7px 9px rgba(190, 0, 40, .32)); }
.cherry-gum svg { width: 100%; height: 100%; display: block; overflow: visible; transition: transform .35s cubic-bezier(.3, 1.6, .5, 1); transform-origin: 50% 70%; }
.cherry-gum.over svg { transform: scale(1.45) rotate(-8deg); }
.cherry-gum.down svg { transform: scale(.78, .68); }