.professional-sticker{position:relative;width:100%;height:405px;min-height:0;max-height:470px;flex:1 1 auto;transform-origin:50% 75%}
.profile-person .professional-sticker img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain;object-position:center;flex:none;opacity:0;transition:opacity .16s ease;transform:none!important;will-change:auto;pointer-events:none}
.professional-sticker[data-pose=wave] [data-sticker-pose=wave],.professional-sticker[data-pose=crossed] [data-sticker-pose=crossed],.professional-sticker[data-pose=hip] [data-sticker-pose=hip]{opacity:1}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.professional-sticker{transition:transform .32s cubic-bezier(.2,.65,.3,1);will-change:transform;backface-visibility:hidden}}
@media(max-width:560px){.professional-sticker{height:440px;flex:none}}
@media(prefers-reduced-motion:reduce){.professional-sticker{transition:none!important;transform:none!important;will-change:auto}.profile-person .professional-sticker img{transition:none!important}}

/* An idle hover waves the original photographed hand, keeping the face untouched. */
.sticker-greeting-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none;transition:opacity .12s}
.professional-sticker[data-greeting=true] img[data-sticker-pose=wave]{opacity:0}
.professional-sticker[data-greeting=true] .sticker-greeting-art{opacity:1}
.sticker-waving-hand{transform-origin:295px 363px}
.professional-sticker[data-greeting=true] .sticker-waving-hand{animation:sticker-say-hi .9s ease-in-out infinite}
@keyframes sticker-say-hi{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.sticker-greeting-art{display:none}.professional-sticker[data-greeting=true] img[data-sticker-pose=wave]{opacity:1}.sticker-waving-hand{animation:none!important}}

/* The face is the unretouched original photo, not a generated reinterpretation. */
.sticker-original-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}
.sticker-original-face-placement{transform:translate(325px,-73px) scale(.34);transform-origin:0 0}
.professional-sticker[data-greeting=true] .sticker-original-face-placement{transform:translate(325px,-73px) scale(.34)}
.profile-person .professional-sticker img,.sticker-greeting-art{filter:drop-shadow(2px 4px 1px #3b25412b)}

/* The smile is visible only during the actual hand-wave animation. */
.sticker-smile-photo{display:none}
.professional-sticker[data-greeting=true] .sticker-original-photo{display:none}
.professional-sticker[data-greeting=true] .sticker-smile-photo{display:inline}

/* A large photographic head and one quiet paper outline, like a pasted collage. */
.collage-sticker{pointer-events:none;isolation:isolate}
.collage-pose{position:absolute;inset:0;width:100%;height:100%;overflow:visible;visibility:hidden;opacity:0;pointer-events:none}
.collage-pose *{pointer-events:none}
.collage-sticker[data-pose=wave] .collage-pose[data-sticker-pose=wave],.collage-sticker[data-pose=crossed] .collage-pose[data-sticker-pose=crossed],.collage-sticker[data-pose=hip] .collage-pose[data-sticker-pose=hip]{visibility:visible;opacity:1}
.collage-paper{filter:drop-shadow(2px 4px 3px #75675924)}
.collage-pose .collage-hit{pointer-events:all;cursor:default}
.collage-wave-active,.collage-smile{display:none}
.collage-sticker[data-greeting=true] .collage-wave-rest{display:none}
.collage-sticker[data-greeting=true] .collage-wave-active,.collage-sticker[data-greeting=true] .collage-smile{display:inline}
.collage-moving-hand{transform-origin:295px 363px;transform-box:view-box}
.collage-sticker[data-greeting=true] .collage-moving-hand{animation:sticker-say-hi .9s ease-in-out infinite}
.professional-socials h2{font-size:19px;line-height:1.25}

.profile-person .professional-sticker{height:420px;flex:none;width:100%;max-width:290px;transform-origin:50% 75%}.profile-name-button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}.profile-person .professional-sticker .collage-pose{height:100%;width:100%;max-height:none}.profile-person .professional-sticker .collage-pose image{image-rendering:auto}.profile-person .profile-footnote{margin-top:20px}.paused .professional-sticker{transform:none!important;transition:none!important}
@media(max-width:1100px) and (min-width:701px){.profile-person .professional-sticker{height:390px}}
@media(max-width:700px){.profile-person .professional-sticker{height:440px;max-width:290px}.profile-person .profile-footnote{margin-top:12px}}
