.likes__cols { position: relative; display: grid; gap: 2.5rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); min-height: 22rem; }
.likes__cols h3 { font: 900 2rem/1 var(--font-sans); font-stretch: 62%; text-transform: uppercase; color: var(--ink); margin-bottom: 1rem; }
.stickers { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.75rem; }
.stickers li {
  display: inline-block; padding: 0.55rem 1rem; border-radius: 999px;
  background: var(--black); color: var(--cream); font-weight: 600;
}
.stickers--dont li { background: var(--blue); color: var(--cream); }
.stickers li:nth-child(3n + 1) { rotate: -3deg; }
.stickers li:nth-child(3n + 2) { rotate: 2deg; }
.stickers li:nth-child(3n) { rotate: -1deg; }
.likes__dont { position: relative; }
.spider {
  position: absolute; top: -7.5rem; right: 0.5rem; color: var(--black); pointer-events: none;
  transform: translateY(0); transition: transform 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s;
}
html.motion .likes:not(.is-reached) .spider { transform: translateY(-130%); }
.beetle-slot:empty { display: none; } /* no JS, no beetle */
.beetle-slot { display: block; width: 2.75rem; height: 2.75rem; color: var(--black); }
.beetle-slot svg { width: 100%; height: 100%; display: block; }
.bug--beetle { position: absolute !important; left: 0; top: 0; z-index: 2; }