.brand-artwork{display:block;width:100%;padding:0;position:relative;cursor:pointer;text-align:initial;isolation:isolate}.brand-artwork:disabled{opacity:1;cursor:default}.brand-artwork:focus-visible{outline:2px solid var(--blue);outline-offset:10px}.brand-mark{width:100%;height:auto;max-height:none!important;overflow:visible}.brand-meta{display:flex;align-items:center;gap:25px}.logo-motion-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:5px 8px;font-size:8px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.logo-motion-toggle:hover{border-color:var(--ink);background:#eae6dd}.logo-motion-toggle svg{width:10px;height:10px}.logo-motion-toggle:disabled{opacity:.55}.brand-caption{align-items:center}.brand-caption>span{max-width:45%}.brand-caption .brand-meta>span{text-align:right}.letter-arrival{animation:brand-arrive .95s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--arrival,0s);transform-box:fill-box;transform-origin:center}.letter-interact{transform-box:fill-box;transform-origin:center;transition:transform .38s cubic-bezier(.2,.9,.2,1.5)}.brand-letter:hover .letter-interact{transform:translateY(-3px) rotate(-.7deg)}.brand-letter--k:hover .letter-interact,.brand-letter--u:hover .letter-interact{transform:translateY(-3px) rotate(.8deg)}.brand-wheel,.brand-hinge,.brand-domino,.brand-blink{transform-box:fill-box;transform-origin:center}.brand-wheel{animation:brand-wheel-turn 12s cubic-bezier(.45,0,.25,1) infinite}.brand-blink{animation:brand-blink 10s infinite}.brand-pupil{transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform .16s ease-out}.brand-hinge{animation:brand-hinge-turn 12s cubic-bezier(.4,0,.25,1) infinite}.brand-domino{transform:rotate(-9deg);animation:brand-domino-slide 12s cubic-bezier(.4,0,.25,1) infinite}.brand-u-ball{transform:translateY(72px);animation:brand-ball-bounce 12s infinite}.brand-u-ribbon{transform-box:fill-box;transform-origin:50% 0%;animation:brand-smile 12s ease-in-out infinite}.brand-artwork.is-playing .letter-arrival{animation-name:brand-reassemble;animation-duration:1.15s;animation-delay:var(--arrival,0s)}.brand-artwork.is-playing .brand-wheel{animation-name:brand-wheel-replay;animation-duration:1.6s;animation-iteration-count:1}.brand-artwork.is-playing .brand-hinge{animation-name:brand-hinge-replay;animation-duration:1.6s;animation-iteration-count:1}.brand-artwork.is-playing .brand-u-ball{animation-name:brand-ball-replay;animation-duration:1.6s;animation-iteration-count:1}.brand-paused .brand-artwork *,.brand-offscreen .brand-artwork *{animation-play-state:paused!important}.brand-paused .letter-arrival{animation:none!important;opacity:1;transform:none}.brand-paused .letter-interact{transform:none!important}.brand-paused .brand-pupil{transform:none!important}.brand-static .brand-artwork *{animation:none!important;transition:none!important}.brand-static .letter-interact{transform:none!important}.brand-static .brand-pupil{transform:none!important}
@keyframes brand-arrive{0%{opacity:0;transform:translateY(16px) rotate(1.8deg) scale(.98)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes brand-reassemble{0%,100%{transform:translateY(0) rotate(0)}22%{transform:translateY(-11px) rotate(-1.8deg)}48%{transform:translateY(3px) rotate(.7deg)}70%{transform:translateY(-2px) rotate(-.25deg)}}
@keyframes brand-wheel-turn{0%,8%{transform:rotate(-20deg)}29%,57%{transform:rotate(160deg)}78%,100%{transform:rotate(340deg)}}
@keyframes brand-blink{0%,40%,43%,84%,87%,100%{transform:scaleY(1)}41.4%,42%{transform:scaleY(.12)}85.4%,86%{transform:scaleY(.12)}}
@keyframes brand-hinge-turn{0%,10%,60%,100%{transform:rotate(-9deg)}24%,38%{transform:rotate(20deg)}44%{transform:rotate(-15deg)}50%{transform:rotate(-5deg)}}
@keyframes brand-domino-slide{0%,12%,60%,100%{transform:translateX(0) rotate(-9deg)}25%,39%{transform:translateX(8px) rotate(5deg)}45%{transform:translateX(-3px) rotate(-13deg)}52%{transform:translateX(0) rotate(-9deg)}}
@keyframes brand-ball-bounce{0%,8%,100%{transform:translateY(-65px)}24%{transform:translateY(72px);animation-timing-function:cubic-bezier(.2,.7,.3,1)}34%{transform:translateY(20px);animation-timing-function:cubic-bezier(.6,0,.8,.4)}43%{transform:translateY(72px);animation-timing-function:ease-out}49%{transform:translateY(55px);animation-timing-function:ease-in}55%,79%{transform:translateY(72px)}95%{transform:translateY(-65px)}}
@keyframes brand-smile{0%,8%,100%{transform:translate(0,0) rotate(0) scale(1)}18%{transform:rotate(-3deg) scale(.98,1.04)}24%{transform:translateY(5px) rotate(3deg) scale(1.06,.84)}30%{transform:translateY(-2px) rotate(-4deg) scale(.97,1.08)}34%{transform:rotate(1deg) scale(1.01,.98)}43%{transform:translateY(4px) rotate(-3deg) scale(1.05,.88)}49%{transform:translateY(-1px) rotate(3deg) scale(.98,1.04)}55%{transform:rotate(-1deg) scale(1.01,.98)}62%,88%{transform:translate(0,0) rotate(0) scale(1)}72%{transform:rotate(-2deg) scale(1.02,1.03)}79%{transform:rotate(1.5deg) scale(1.02,.98)}}
.brand-artwork.is-playing .brand-u-ribbon{animation-name:brand-smile-replay;animation-duration:1.6s;animation-iteration-count:1}
@keyframes brand-smile-replay{0%,100%{transform:translate(0,0) rotate(0) scale(1)}22%{transform:translateY(5px) rotate(5deg) scale(1.07,.82)}43%{transform:translateY(-2px) rotate(-6deg) scale(.98,1.08)}63%{transform:translateY(3px) rotate(4deg) scale(1.04,.89)}82%{transform:rotate(-2deg) scale(.99,1.03)}}
@keyframes brand-wheel-replay{0%{transform:rotate(-20deg)}100%{transform:rotate(700deg)}}
@keyframes brand-hinge-replay{0%,100%{transform:rotate(-9deg)}25%{transform:rotate(34deg)}48%{transform:rotate(-24deg)}70%{transform:rotate(13deg)}}
@keyframes brand-ball-replay{0%,100%{transform:translateY(72px)}25%{transform:translateY(-65px)}55%{transform:translateY(72px)}72%{transform:translateY(30px)}88%{transform:translateY(72px)}}
@media(max-width:700px){.brand-meta{gap:10px;justify-content:flex-end}.brand-caption{gap:12px}.brand-caption>span{max-width:48%;font-size:7px}.brand-caption .brand-meta>span{display:none}.logo-motion-toggle{font-size:7px;padding:5px 6px;letter-spacing:.04em}.logo-motion-toggle svg{width:8px;height:8px}.brand-artwork:focus-visible{outline-offset:5px}.brand-letter:hover .letter-interact{transform:none}}
@media(prefers-reduced-motion:reduce){.brand-artwork *{animation:none!important;transition:none!important}.brand-artwork .letter-interact,.brand-artwork .brand-pupil{transform:none!important}}

.wordmark.brand-wordmark{width:136px;max-width:32vw;line-height:0;letter-spacing:0;padding:9px 0;align-items:center;flex-shrink:0}.brand-wordmark img{display:block;width:100%;height:auto}
@media(max-width:700px){.wordmark.brand-wordmark{width:118px}}