/* The concierge invitation is open on the page; only the signature has a frame. */
.phone .conversation-invitation{margin:28px 0;padding:8px 0 0;border:0;background:transparent;box-shadow:none;text-align:left}
.phone.afterhours .conversation-invitation{margin:15px 24px 28px}
.phone.app-shell .conversation-invitation{margin:0 0 28px;padding-top:8px}
.phone .conversation-invitation .invitation-label{font:400 8px/1.5 var(--sans);text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}
.phone .conversation-invitation .conversation-presence{width:4px;height:4px;box-shadow:none;background:var(--ink)}
.phone .conversation-invitation>p{font:400 22px/1.3 'Cormorant Garamond',Georgia,serif;letter-spacing:-.25px;margin:13px 0 12px;max-width:390px;font-style:italic}
.phone.afterhours .conversation-invitation>p{font:400 23px/1.3 'Cormorant Garamond',Georgia,serif;letter-spacing:-.25px}
.phone .conversation-invitation .invitation-actions{display:flex;align-items:center;gap:15px}
.phone .conversation-invitation .conversation-start{
  --entry-surface:#272725;--entry-contrast:#f3f0e8;
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;
  flex:1;min-width:0;gap:20px;min-height:119px;padding:15px 5px 15px 8px;
  border:0;border-radius:0;background:transparent;color:var(--ink);text-align:left;
  overflow:visible;box-shadow:none;cursor:pointer;touch-action:manipulation;
}
.phone.afterhours .conversation-start{--entry-surface:#dfdcd4;--entry-contrast:#252525}
.phone .conversation-start .entry-seal{
  position:relative;isolation:isolate;display:grid;place-items:center;flex-shrink:0;
  width:74px;height:74px;border-radius:50%;border:1px solid color-mix(in srgb,var(--entry-contrast) 23%,var(--entry-surface));
  color:var(--entry-contrast);background:radial-gradient(ellipse at 28% 18%,color-mix(in srgb,var(--entry-surface) 65%,var(--entry-contrast)),var(--entry-surface) 62%);
  font:italic 48px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-3px;
  box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--entry-contrast) 6%,transparent),inset 0 -8px 18px #00000016,0 7px 18px #00000015;
  transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease;
}
.phone .conversation-start .entry-seal::before,.phone .conversation-start .entry-seal::after{content:'';position:absolute;pointer-events:none;border-radius:50%;transition:transform .5s ease,opacity .35s ease,border-color .35s ease}
.phone .conversation-start .entry-seal::before{inset:-7px;border:1px solid color-mix(in srgb,var(--ink) 21%,transparent)}
.phone .conversation-start .entry-seal::after{inset:-13px;border:1px solid transparent;border-top-color:color-mix(in srgb,var(--ink) 40%,transparent);border-right-color:color-mix(in srgb,var(--ink) 9%,transparent);transform:rotate(-28deg);opacity:.55}
.phone .conversation-start .entry-monogram{transform:translate(-2px,-4px);transition:opacity .15s ease,transform .4s ease}
.phone .conversation-start .entry-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:8px}
.phone .conversation-start .entry-title{font:500 38px/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;white-space:nowrap;text-transform:none}
.phone .conversation-start .entry-title::after{content:'';display:block;width:26px;height:1px;margin-top:12px;background:currentColor;opacity:.4;transform-origin:left;transition:width .35s ease,opacity .35s ease}
.phone .conversation-start .entry-subtitle{font:400 8px/1.6 var(--sans);letter-spacing:.2px;color:var(--muted);text-transform:none;max-width:24ch;min-height:26px}
.phone .conversation-start .entry-arrow{display:none}
.phone .conversation-start .entry-signal{display:flex;align-items:center;justify-content:center;gap:4px;position:absolute;inset:0;opacity:0;transition:opacity .15s ease}
.phone .conversation-start .entry-signal i{display:block;height:8px;width:3px;border-radius:3px;background:currentColor}
.phone .conversation-start .entry-signal i:nth-child(2){height:19px}.phone .conversation-start .entry-signal i:nth-child(3){height:28px}.phone .conversation-start .entry-signal i:nth-child(4){height:14px}
.phone .conversation-invitation .concierge-mic{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border:1px solid color-mix(in srgb,var(--ink) 26%,transparent);border-radius:50%;background:transparent;color:var(--ink);transition:background .25s ease,border-color .25s ease,transform .25s ease;box-shadow:none}
.phone .conversation-invitation .concierge-mic svg{width:18px;height:18px;stroke-width:1.25}
.phone .conversation-invitation .conversation-start:focus-visible{outline:1px solid var(--ink);outline-offset:7px;border-radius:60px}
.phone .conversation-invitation .concierge-mic:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.phone .conversation-invitation .conversation-starters{margin-top:7px;padding-top:12px;border:0;border-top:1px solid var(--line);gap:8px;justify-content:space-between}
.phone .conversation-invitation .conversation-starters button{margin:0;font-size:8px}
@media(hover:hover){
  .phone .conversation-start:hover .entry-seal{transform:translateY(-2px) scale(1.04);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--entry-contrast) 12%,transparent),0 0 29px color-mix(in srgb,var(--ink) 14%,transparent),0 9px 22px #00000018}
  .phone .conversation-start:hover .entry-seal::before{transform:scale(1.045);border-color:color-mix(in srgb,var(--ink) 36%,transparent)}
  .phone .conversation-start:hover .entry-seal::after{transform:rotate(90deg);opacity:1}
  .phone .conversation-start:hover .entry-title::after{width:57px;opacity:.8}
  .phone .conversation-invitation .concierge-mic:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-1px)}
}
.phone .conversation-start:active .entry-seal{transform:scale(.93)}
.phone .conversation-invitation .concierge-mic:active{transform:scale(.92);background:var(--ink);color:var(--paper)}
.phone .conversation-invitation .conversation-start.is-opening{opacity:1;cursor:progress}
.phone .conversation-start.is-opening .entry-seal{transform:scale(.96);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--entry-contrast) 12%,transparent),0 0 30px color-mix(in srgb,var(--ink) 12%,transparent)}
.phone .conversation-start.is-opening .entry-monogram{opacity:0;transform:translate(-2px,-4px) scale(.7)}
.phone .conversation-start.is-opening .entry-signal{opacity:1}
.phone .conversation-start.is-opening .entry-signal i{animation:entry-signal .55s ease-in-out both}
.phone .conversation-start.is-opening .entry-signal i:nth-child(2){animation-delay:.05s}.phone .conversation-start.is-opening .entry-signal i:nth-child(3){animation-delay:.1s}.phone .conversation-start.is-opening .entry-signal i:nth-child(4){animation-delay:.15s}
.phone .conversation-start.is-opening .entry-seal::before{animation:entry-halo .68s ease-out both}
.phone .conversation-start.is-opening .entry-seal::after{animation:entry-orbit .68s ease-out both}
.phone .conversation-start.is-opening .entry-title::after{width:100%;opacity:.7}
.phone .conversation-start.is-opening .entry-subtitle{color:var(--ink)}
.phone .conversation-content.is-arriving{animation:entry-arrival .42s cubic-bezier(.2,.6,.2,1) both}
.phone .conversation-content h1:focus{outline:none}
@keyframes entry-signal{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1.15)}}
@keyframes entry-halo{from{transform:scale(.97);opacity:.9}to{transform:scale(1.5);opacity:0}}
@keyframes entry-orbit{from{transform:rotate(-28deg) scale(1);opacity:.8}to{transform:rotate(190deg) scale(1.18);opacity:0}}
@keyframes entry-arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:389px){
  .phone .conversation-invitation .invitation-actions{gap:10px}
  .phone .conversation-invitation .conversation-start{gap:16px;padding-left:7px;min-height:112px}
  .phone .conversation-start .entry-seal{width:61px;height:61px;font-size:41px}
  .phone .conversation-start .entry-title{font-size:33px}
  .phone .conversation-start .entry-subtitle{font-size:7.5px;letter-spacing:0}
  .phone .conversation-invitation .concierge-mic{flex-basis:38px;width:38px;min-width:38px;height:38px;min-height:38px}
}
@media(prefers-reduced-motion:reduce){
  .phone .conversation-start,.phone .conversation-start *,.phone .conversation-start::after,.phone .conversation-start *::before,.phone .conversation-start *::after,.phone .conversation-invitation .concierge-mic,.phone .conversation-content.is-arriving{animation:none!important;transition:none!important;transform:none!important}
}