.cx-char{--cx-char-size: 160px;display:inline-block;position:relative;line-height:0;animation:cxCharIn .55s var(--ease-crux, cubic-bezier(.22,.61,.36,1)) both}.cx-char--right{margin-left:auto}.cx-char--center{margin:0 auto}.cx-char__link{display:inline-block;line-height:0}.cx-char__art{width:var(--cx-char-size, 160px);max-width:100%;height:auto;display:block;transform-origin:bottom center;will-change:transform}.cx-char__caption{position:absolute;top:-.4em;right:-.6em;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:.15em .5em;background:var(--pop, #d8ff3e);color:#0d0d0d;border-radius:2px;line-height:1.2;transform:rotate(-4deg)}@keyframes cxCharIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cx-char--float .cx-char__art{animation:cxFloat 4s ease-in-out infinite}.cx-char--roll .cx-char__art{animation:cxRoll 2.4s ease-in-out infinite}.cx-char--push .cx-char__art{animation:cxPush 1.9s ease-in-out infinite}.cx-char--walk .cx-char__art{animation:cxWalk 1.2s ease-in-out infinite}.cx-char--pulse .cx-char__art{animation:cxPulse 2s ease-in-out infinite}.cx-char--tap .cx-char__art{animation:cxTap 2.6s ease-in-out infinite}@keyframes cxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cxRoll{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-4px) rotate(1.2deg)}}@keyframes cxPush{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px,-2px) rotate(1.6deg)}}@keyframes cxWalk{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}@keyframes cxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes cxTap{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(3px) scaleY(.985)}}.cx-char__link:hover .cx-char__art{animation-duration:.9s}.cx-charband{padding:clamp(28px,5vw,64px) 0}.cx-charband__row{display:flex;align-items:center;gap:clamp(20px,4vw,56px);flex-wrap:wrap}.cx-charband__row.is-reverse{flex-direction:row-reverse}.cx-charband__art{flex:0 0 auto}.cx-charband__copy{flex:1 1 280px;min-width:0}.cx-charband__eyebrow{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-bottom:.6em}.cx-charband__title{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.05;margin:0 0 .5em}.cx-charband__body{max-width:46ch;opacity:.85}.cx-charband__cta{display:inline-block;margin-top:1.2em;border-bottom:1px solid currentColor;padding-bottom:2px;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}@media(max-width:600px){.cx-char{--cx-char-size: 120px}.cx-charband__row,.cx-charband__row.is-reverse{flex-direction:column;text-align:left;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.cx-char,.cx-char__art,.cx-char__link:hover .cx-char__art{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/crux-characters.css.map */