@font-face{font-family:Inter;src:url('../assets/inter-variable-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.receptionist-film{position:absolute;inset:0;overflow:hidden;background:#fff;font-family:Inter,Arial,sans-serif;pointer-events:none}
.receptionist-film *{box-sizing:border-box;animation:none!important;transition:none!important}
.receptionist-fit{position:absolute;width:1440px;height:810px;transform-origin:0 0}
.receptionist-orb{position:absolute;left:720px;top:435px;transform:translate(-50%,-50%);line-height:0;z-index:1}
.receptionist-control{position:absolute;left:720px;top:435px;transform:translate(-50%,-50%) scale(1.65);z-index:2;line-height:0}
.receptionist-control button{width:52px;height:52px;padding:0;display:flex;align-items:center;justify-content:center}
.receptionist-film .receptionist-control button{background-color:rgba(255,255,255,.6);outline:none;border:0}
/* Measured from elevenlabs.io/voice-agents on 2026-10-20.
   Keep native 240px / 13px geometry, magnified in proportion to the 288px reference Orb. */
@font-face{font-family:ElevenInter;src:url('../assets/inter-variable-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.receptionist-bubble{position:absolute;top:0;left:144px;width:433.333px;transform-origin:100% 50%;z-index:3}
.receptionist-bubble.caller{left:auto;right:144px;transform-origin:0 50%}
.receptionist-bubble-size{transform:scale(1.805555556);transform-origin:0 0;width:240px}
.receptionist-bubble [data-message-bubble]{display:block;box-sizing:border-box;width:fit-content;max-width:240px;min-width:0;overflow:hidden;padding:14px;border-radius:21px;font:400 13px/18px ElevenInter,Inter,Arial,sans-serif;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased}
.receptionist-bubble [data-message-bubble]{background:rgba(255,255,255,.6);border:.5px solid rgba(0,0,0,.07)}
.receptionist-bubble.ai [data-message-bubble]{color:#777169;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.receptionist-bubble.caller [data-message-bubble]{margin-left:auto;color:#000;border-top-left-radius:7.2px}
/* ElevenLabs' type-2xs cap-height trim is part of the bubble geometry. */
.receptionist-bubble [data-message-bubble]::before{content:"";display:table;margin-bottom:-4px}
.receptionist-bubble [data-message-bubble]::after{content:"";display:table;margin-top:-4.5px}
.receptionist-bubble [data-copy]{display:block;margin:0;padding:0;white-space:pre-wrap;overflow-wrap:break-word}

/* Reuse the portfolio receptionist card’s glass overlay and screen compositing. */
.receptionist-orb [data-orb-ui-slot="content"]{isolation:isolate;overflow:hidden}
.receptionist-orb-glass{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;mix-blend-mode:screen;opacity:.7;z-index:2;pointer-events:none}