/* Tess Living Identity on the two marketing websites. Loaded after the site's own stylesheet.
   It only places Tess in the box the old drawing occupied; no other rule of the site is changed.

   Spacing: Tess's size is the diameter of her glass body. Her outer layers of light and her ring are
   drawn beyond it, up to 22% of that size on every side. tess-site.js sizes the body so the whole
   drawing fits the old figure's square, so nothing below needs extra room. */

/* The figure keeps its place and width in the layout. Where the old drawing gave it a height, a square
   does now. The old drawing's drop shadows do not suit a glowing orb. */
.assistant--tess { display: grid; place-items: center; aspect-ratio: 1 / 1; filter: none; }
.assistant--tess [data-tess-slot] { display: grid; place-items: center; width: 100%; height: 100%; line-height: 0; }
.hero-full__tess .assistant--tess { filter: none; }

/* inte.systems home hero on desktop: the column is exactly as tall as the text block (the site's own
   alignment rule), and Tess is the largest circle that fits in what the speech bubble leaves. */
@media (min-width: 901px) {
  html[data-tess-brand="inte"] .hero-full__tess .assistant--tess { aspect-ratio: auto; }
  html[data-tess-brand="inte"] .hero-full__tess .assistant--tess [data-tess-slot] { position: absolute; inset: 0; }
}

/* algarveit.pt home hero: the old robot stood on the hero's bottom edge with a negative margin.
   An orb should float clear of the edge. */
html[data-tess-brand="algarveit"] .hero-full__tess .assistant--tess { margin-bottom: 0; }

/* Launcher and chat header: a small Tess with no ring. Her light reaches a few pixels past her body;
   the pill and the header both have that much padding. */
.tess-site-face { display: inline-block; line-height: 0; vertical-align: middle; margin: 2px 4px; }

/* Tess inside the chat, above the conversation, on a dark stage that continues the header.
   The chat panel clips its content, so the stage holds her ring (reserveSpace in tess-site.js). */
.tess-site-stage { display: grid; justify-items: center; gap: 2px; padding: 0 16px 10px; background: var(--black, #0B1026); flex: none; }
.tess-site-stage__face { --tess-size: 84px; line-height: 0; }
.tess-site-stage__chip { min-height: 26px; font: 500 13px var(--font-body, inherit); letter-spacing: 0; }
/* On a short screen the conversation needs the room more than she does. */
@media (max-height: 620px) { .tess-site-stage { padding-bottom: 6px; } .tess-site-stage__face { --tess-size: 56px; } }