.hero figure.c-pebble{height:auto;aspect-ratio:auto;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.hero figure.c-pebble::after{display:none}.c-pebble .eilik-portrait{display:block;width:100%;height:auto}.hero figure.c-pebble figcaption{position:static;transform:none;width:auto;max-width:none;border:0;box-shadow:none;background:transparent;padding:10px 0 0;text-align:center;font-size:10px;letter-spacing:.13em;color:var(--muted)}
.c-pebble .eilik-portrait{overflow:visible}.eilik-background-layer{transform-origin:312.5px 230px;animation:eilik-backdrop-breathe 7.466667s ease-in-out infinite}.eilik-product-layer{transform:translateY(-35px);animation:eilik-product-float 7.466667s ease-in-out infinite}@keyframes eilik-backdrop-breathe{0%,100%{transform:translate(-7px,2px) rotate(-6deg) scale(.94,.86)}25%{transform:translate(13px,-9px) rotate(4deg) scale(.9,.74)}50%{transform:translate(8px,13px) rotate(9deg) scale(.87,.61)}75%{transform:translate(-12px,8px) rotate(-2deg) scale(.96,.78)}}@keyframes eilik-product-float{0%,100%{transform:translateY(-35px)}50%{transform:translateY(-40px)}}@media(prefers-reduced-motion:reduce){.eilik-background-layer{animation:none;transform:translateY(10px) scale(.9,.7)}.eilik-product-layer{animation:none}}

/* Only the background makes a slow full rotation. */
.eilik-background-rotation{transform-origin:312.5px 230px;animation:eilik-slow-rotation 48s linear infinite}@keyframes eilik-slow-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.eilik-background-rotation{animation:none}}
