/* Review-only candidate for Papa's literal Atlas menu-wordmark display direction.
   Full alphabet; never use the limited TITAN.ATLAS wordmark subset for prose.
   Existing page copy, company/product logotypes, assets and backend bindings stay unchanged. */
@font-face {
  font-family: "SynOct Menu Display 20261025";
  src: url("/assets/titan-family-footer-20261025/technovier-thin.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
:root {
  --synoct-display: "SynOct Menu Display 20261025", sans-serif;
  --head: var(--synoct-display);
}
/* Current SynOct identity mark has its own authored face, separate from prose. */
#company-name.freedom-wordmark {
  font-family: "Egos", "MatrixType", "Inter Display", sans-serif !important;
}
main h1:not(.atlas-wordmark):not(.freedom-wordmark),
main h2:not(.atlas-wordmark),
main h3:not(.atlas-wordmark),
.freedom-statement {
  font-family: "SynOct Menu Display 20261025", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis: none;
}
main h1 em, main h2 em, main h3 em, .freedom-statement i, .freedom-statement strong {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
/* Let the wider display glyphs wrap within existing grid tracks, not enlarge them. */
.sub-grid > .sub-card, .project-grid > .project-card, .atlas-columns > * { min-width: 0; }
.sub-card h2, .project-card h3, .beta-card h3 { overflow-wrap: anywhere; }
.work-card .work-body h3 { white-space: normal; overflow-wrap: anywhere; }

/* Keep the existing real chat as a contained instrument on narrow screens.
   No selectors, controls, handlers, endpoint or message content are replaced. */
@media (max-width: 900px) {
  .ollie-glass-card .chat-shell {
    height: clamp(440px, 65svh, 460px);
    min-height: 440px;
    max-height: 460px;
  }
  .ollie-glass-card .chat-head,
  .ollie-glass-card .quick,
  .ollie-glass-card .chat-compose { flex-shrink: 0; }
  .ollie-glass-card .messages {
    flex: 1 1 auto;
    min-height: 80px;
    max-height: none;
    overflow-y: auto;
  }
  .ollie-glass-card .quick {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .ollie-glass-card .quick button { min-width: 0; white-space: normal; }
}