.reception-phone{--phone-x:0deg;--phone-y:0deg;cursor:pointer;isolation:isolate;perspective:800px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:258px;height:250px;padding:0;display:block;position:relative}.reception-phone:focus-visible{outline-offset:8px;border-radius:40%;outline:3px solid #f47628}.phone-object{width:100%;height:100%;transform:rotateX(var(--phone-x)) rotateY(var(--phone-y));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.phone-object>svg{filter:drop-shadow(0 10px 9px #bd681b18);width:100%;height:100%;animation:5s ease-in-out infinite phone-hover;overflow:visible}.phone-ground{filter:blur(13px);z-index:-1;background:#dc8f3940;border-radius:50%;width:70%;height:12%;animation:5s ease-in-out infinite phone-shadow;position:absolute;bottom:0;left:15%;transform:scale(.9)}.phone-receiver{transform-box:fill-box;transform-origin:50%;transition:translate .55s cubic-bezier(.16,1,.3,1);animation:5s ease-in-out infinite receiver-idle}.reception-phone:is(:hover,:focus-visible) .phone-receiver{translate:0 -12px}.reception-phone.is-answering .phone-receiver{animation:1.8s cubic-bezier(.22,1,.36,1) receiver-answer}.phone-screen-wave line{transform-box:fill-box;transform-origin:50%;animation:.7s ease-in-out infinite alternate phone-voice}.phone-indicator{animation:2s ease-in-out infinite phone-light}.reception-phone.is-answering .phone-screen-wave line{animation-duration:.2s}@keyframes phone-hover{50%{transform:translateY(-7px)}}@keyframes phone-shadow{50%{opacity:.6;transform:scale(1.08)}}@keyframes receiver-idle{45%{transform:translateY(-3px)rotate(-1deg)}55%{transform:translateY(-3px)rotate(1deg)}}@keyframes receiver-answer{15%{transform:translateY(-19px)rotate(-7deg)}35%{transform:translateY(-22px)rotate(5deg)}65%{transform:translateY(-17px)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}@keyframes phone-voice{to{transform:scaleY(.3)}}@keyframes phone-light{50%{opacity:.4}}.call-flow[data-running=false] .reception-phone *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.reception-phone *,.phone-object{transition:none!important;animation:none!important}.phone-object{transform:none}}
