/* Both hands move together; pose changes stay opaque to avoid blended dark outlines. */
#main-header .logo_container > a.sb-peek-logo{position:relative;isolation:isolate}
#main-header .sb-peek-logo > #logo{position:relative;z-index:2}
.sb-peek-head{position:absolute;z-index:1;left:calc(100% - 21px);top:0;width:78px;height:55px;overflow:hidden;pointer-events:none}
.sb-peek-head .sb-peek-motion{position:absolute;inset:0;display:block;opacity:0;transform:translate(-28px,2px) rotate(-7deg) scale(.75);transform-origin:0 50%;transition:transform 300ms cubic-bezier(.4,0,.2,1),opacity 180ms ease;pointer-events:none}
.sb-peek-logo[data-head="out"] .sb-peek-motion{opacity:1;transform:translate(0,0) rotate(0) scale(.75);transition:transform 500ms cubic-bezier(.2,.9,.25,1.12),opacity 220ms ease}
/* Reveal the complete head silhouette at the original size and position. */
.sb-peek-head .sb-peek-face{position:absolute;left:-4.945px;top:-2.945px;width:60.493px;height:55.233px;display:block;overflow:hidden;transform:rotate(90deg);transform-origin:50% 50%;pointer-events:none}
.sb-peek-logo .sb-peek-face img{position:absolute;left:0;top:0;width:60.493px;height:auto;max-width:none}
.sb-peek-hand{position:absolute;z-index:3;display:block;width:20px;height:20px;opacity:0;pointer-events:none;transform-origin:82% 50%;backface-visibility:hidden;will-change:transform,opacity;isolation:isolate;transform:translateY(var(--retreat)) rotate(var(--turn)) scale(.72);transition:transform 180ms cubic-bezier(.25,.7,.25,1),opacity 110ms ease}
.sb-peek-hand-upper{left:calc(100% - 19px);top:-1px;--retreat:4px;--turn:-30deg;--approach:-8deg}
.sb-peek-hand-lower{left:calc(100% - 31px);top:31px;--retreat:6px;--turn:28deg;--approach:8deg}
.sb-peek-hand[data-phase="reach"]{opacity:1;transform:translateY(1px) rotate(var(--approach)) scale(1)}
.sb-peek-hand[data-phase="grip"]{opacity:1;transform:translateY(0) rotate(0) scale(1);transition:transform 140ms cubic-bezier(.2,.8,.3,1),opacity 110ms ease}
.sb-hand-pose{position:absolute;inset:0;display:block;background-image:url("../images/mini-yeuda-grip-atlas.png");background-size:40px 40px;background-repeat:no-repeat;pointer-events:none;backface-visibility:hidden;transition:none}
.sb-peek-hand-upper .sb-hand-open{background-position:0 0}
.sb-peek-hand-upper .sb-hand-closed{background-position:-20px 0}
.sb-peek-hand-lower .sb-hand-open{background-position:0 -20px}
.sb-peek-hand-lower .sb-hand-closed{background-position:-20px -20px}
.sb-hand-open{opacity:1}
.sb-hand-closed{opacity:0}
.sb-peek-hand[data-phase="grip"] .sb-hand-open{opacity:0}
.sb-peek-hand[data-phase="grip"] .sb-hand-closed{opacity:1}
@media(prefers-reduced-motion:reduce){.sb-peek-head .sb-peek-motion{transition:none!important;transform:scale(.75)!important}.sb-peek-head .sb-peek-face{transform:rotate(90deg)!important}.sb-peek-hand,.sb-hand-pose{transition:none!important}.sb-peek-hand{transform:none!important}}

/* Independent layers keep the original logo between the head and gripping hands. */
#main-header .sb-peek-stage{position:absolute;display:block;left:var(--sb-peek-left,0px);top:var(--sb-peek-top,0px);width:200px;height:55px;transform:scale(var(--sb-peek-scale,1));transform-origin:0 0;pointer-events:none;overflow:visible;line-height:0}
#main-header .sb-peek-head-stage{z-index:1}
#main-header .sb-peek-hands-stage{z-index:3}
#main-header.et-fixed-header .sb-peek-stage{display:none}
#main-header .sb-peek-logo:not([data-sb-peek-ready]) .sb-peek-stage{visibility:hidden}
@media(hover:none),(pointer:coarse){#main-header .sb-peek-stage{display:none}}