.contact-motion-layout{position:relative;isolation:isolate}
.contact-office-space{position:relative;height:244px;margin-top:32px}
.receipt-collector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2;opacity:0}
.receipt-collector[data-ready]{opacity:1}
.collector-drawing{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.collector-paper{fill:var(--surface)}.collector-accent{fill:var(--signal)}.collector-eye{fill:var(--ink);stroke:none}
.collector-drawing text{fill:var(--ink);stroke:none;font:24px AltforCircular,system-ui,sans-serif}
.contact-motion-controls{position:absolute;bottom:0;left:0;display:flex;gap:8px;flex-wrap:wrap;z-index:3}
.contact-motion-controls button{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:5px;width:44px;height:44px;padding:10px;cursor:pointer}
.contact-motion-controls button[hidden]{display:none}
.contact-motion-controls svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.contact-motion-controls .play-icon{display:none}.contact-motion-controls [data-paused="true"] .play-icon{display:block}.contact-motion-controls [data-paused="true"] .pause-icon{display:none}
.contact-motion-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(min-width:1100px){.brand-preview .contact-motion-layout{width:calc(100% - 200px);gap:120px;padding-top:130px;padding-bottom:120px}}
@media(max-width:1099px){.contact-office-space{height:270px}.receipt-collector{overflow:hidden}}
@media(max-width:700px){.contact-office-space{margin-top:18px;height:250px}}