.dispatch-desk{position:relative;max-width:440px;margin-top:30px;padding-top:126px}
.dispatch-face{position:absolute;top:0;left:calc(50% - 73px);width:146px;height:146px;transition:transform .25s}
.dispatch-face img{width:100%;height:100%}
.dispatch-eyes{position:absolute;inset:0;display:flex;gap:9px;align-items:center;justify-content:center;transform:translateY(-3px);background:radial-gradient(ellipse at center,#151613 0 29%,transparent 31%)}
.dispatch-eyes>span{width:25px;height:34px;background:#fff7df;border-radius:50%;display:grid;place-items:center;transition:height .2s,transform .2s}
.dispatch-eyes i{width:11px;height:13px;background:#151613;border-radius:50%;transform:translate(var(--gaze-x,0px),var(--gaze-y,0px));transition:transform .12s}
.dispatch-radio{position:relative;display:flex;align-items:center;gap:18px;border:2px solid #77a5a2;border-radius:22px;padding:20px;background:#17575a;box-shadow:6px 7px 0 #070c0d;z-index:1}
.dispatch-display{background:#111c1d;border:4px solid #0a1617;border-radius:10px;padding:14px;flex:1;min-width:0}
.dispatch-wave{font:32px Georgia,serif;letter-spacing:3px;color:#e9bc4c;display:block;transform-origin:left center;transition:transform .25s}
.directory .dispatch-display p{font-size:12px;color:#e5ead9;line-height:1.5;margin:8px 0 0;min-height:36px}
#dispatch-knob{width:54px;height:54px;border-radius:50%;background:#e8bd4e;border:4px solid #123234;display:grid;place-items:center;flex-shrink:0;transition:transform .4s}
#dispatch-knob span{height:18px;width:3px;background:#1e3635;transform:translateY(-6px)}
.dispatch-lamps{display:flex;justify-content:center;gap:12px;margin-top:15px}
.dispatch-lamps i{width:9px;height:9px;background:#365153;border-radius:50%;transition:background .2s,box-shadow .2s}
.dispatch-lamps i.on{background:#efc453;box-shadow:0 0 10px #efc45370}
.dispatch-desk[data-mood=typing] .dispatch-wave{transform:scaleY(1.3)}
.dispatch-desk[data-mood=hello] .dispatch-eyes>span:first-child{height:8px;transform:rotate(-12deg)}
.dispatch-desk[data-mood=sent] .dispatch-eyes>span{height:12px;border-radius:12px 12px 5px 5px}
.dispatch-desk[data-mood=email] .dispatch-eyes>span{height:26px}
html.night .contact-form{border:2px solid #487a7c;border-radius:18px;box-shadow:6px 7px 0 #05090a;padding:clamp(20px,3vw,34px)}
html.night .contact-form button[type=submit]{background:#c04d5b;color:#fff8ec;border:1px solid #e28b94;border-radius:8px}
.contact-intro .case-summary{max-width:400px}
@media(max-width:750px){.dispatch-desk{margin:22px auto 34px;max-width:380px}.contact-layout{gap:24px}.contact-intro h1 br{display:none}.contact-intro h1{font-size:clamp(40px,10vw,64px)}.dispatch-radio{padding:15px;gap:12px}}
@media(prefers-reduced-motion:reduce){.dispatch-desk *{transition:none!important}}

.dispatch-face{background:radial-gradient(ellipse,#bea16a30,transparent 68%)}.dispatch-face img{filter:drop-shadow(0 0 1px #c6b28788)}
