/* Terakota i ochra: wyraźne akcenty w palecie portfolio. */
.motion-symbol{--motion-base:#b64b32;--motion-accent:#e9b44c;width:64px;height:64px;color:var(--motion-base);flex:none;margin:0 0 22px;transform-origin:50% 70%;animation:symbol-float 3s ease-in-out infinite;will-change:transform}
.motion-symbol svg{width:100%;height:100%;display:block;fill:currentColor;stroke:none;overflow:visible}
.motion-people{animation-delay:-1s}.motion-cards{animation-delay:-2s}.motion-chat{animation-delay:-1.5s}.motion-steps{animation-delay:-.5s}
.cocktails .motion-symbol{--motion-base:#f2a273;--motion-accent:#f0d18b}
.motion-symbol.motion-wave{width:72px;height:72px;transform-origin:56% 89%;animation:hand-wave 2.3s ease-in-out infinite}
.motion-symbol.motion-shaker{animation:shaker-shake 2.8s ease-in-out infinite;transform-origin:50% 55%}
.motion-symbol.motion-briefcase{width:47px;height:47px;margin-bottom:14px}
@keyframes symbol-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-14px) rotate(8deg)}}
@keyframes hand-wave{0%,60%,100%{transform:rotate(-9deg)}12%,36%{transform:rotate(22deg)}24%,48%{transform:rotate(-18deg)}}
@keyframes shaker-shake{0%,12%,65%,100%{transform:translate(0,0) rotate(-8deg)}22%,42%{transform:translate(-9px,-5px) rotate(-20deg)}32%,52%{transform:translate(9px,-10px) rotate(20deg)}}
@media(max-width:600px){.motion-symbol.motion-wave{width:61px;height:61px}}
@media(prefers-reduced-motion:reduce){.motion-symbol{animation:none!important;transform:none;will-change:auto}}
@media print{.motion-symbol{animation:none!important;transform:none;will-change:auto}.motion-symbol.motion-briefcase{width:28px;height:28px;margin-bottom:9px}}