/* ナビ（profile.css）と同じ、本音のピースの顔の動き（まばたき・視線・ふわふわ）。profile.css から取り出したもの */
.brand-definitions{position:absolute;overflow:hidden;pointer-events:none;width:0;height:0}
.brand-piece{flex-shrink:0;overflow:visible}
.brand-piece .piece-gaze{animation:piece-look-around 22s ease-in-out 1.1s infinite}
.brand-piece .piece-eye{transform-box:fill-box;transform-origin:center;animation:piece-blink 13.7s linear 1.1s infinite}
.brand-piece .piece-eye-depth{transform-box:fill-box;transform-origin:center;animation-duration:22s;animation-timing-function:ease-in-out;animation-delay:1.1s;animation-iteration-count:infinite}
.brand-piece .piece-eye-left{animation-name:piece-left-eye-depth}
.brand-piece .piece-eye-right{animation-name:piece-right-eye-depth}
.brand-piece .piece-face,.brand-piece .piece-mouth{animation:none;transform:none}
@media(prefers-reduced-motion:reduce){.brand-piece .piece-gaze,.brand-piece .piece-eye,.brand-piece .piece-eye-depth{animation:none!important;transform:none}}
@keyframes piece-blink{
 0%,19%,21%,62%,64%,65%,67%,100%{transform:scaleY(1)}
 20%,63%,66%{transform:scaleY(.08)}
}
@keyframes piece-look-around{
 0%,17%,38%,66%,100%{transform:translate(0,0)}
 21%,27%{transform:translate(2px,-3px)}
 31%,34%{transform:translate(-2px,-3px)}
 72%,78%{transform:translate(1px,-2px)}
 84%{transform:translate(0,0)}
}
@keyframes piece-left-eye-depth{
 0%,17%,31%,34%,38%,66%,72%,78%,84%,100%{transform:translateX(0)}
 21%,27%{transform:translateX(4px)}
}
@keyframes piece-right-eye-depth{
 0%,17%,21%,27%,38%,66%,72%,78%,84%,100%{transform:translateX(0)}
 31%,34%{transform:translateX(-4px)}
}
@keyframes lead-piece-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes piece-detail-pop{
 0%{opacity:0;transform:translateY(15%) scale(.3) rotate(10deg)}
 55%{opacity:1;transform:translateY(-5%) scale(1.12) rotate(-12deg)}
 78%{transform:translateY(3%) scale(.97) rotate(-5deg)}
 100%{opacity:1;transform:translateY(0) scale(1) rotate(-7deg)}
}