/* The platform logo (rwt-mark.js): the name in Space Grotesk Medium (subset to the letters of the name, self-hosted) with the Crossing x. Back stroke .p takes the
 * text colour, forward stroke .q the accent; --mono gives both the text colour. On the ink rail the accent is the rail accent. */
@font-face { font-family: "Wordmark"; src: url("./fonts/space-grotesk-500-anxus.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
.rwt-wordmark { display: inline-block; font: 500 var(--rwt-mark-size, 18px)/1 "Wordmark", var(--s1-font-display, system-ui, sans-serif); letter-spacing: -.015em; color: inherit; white-space: nowrap; }
.rwt-wordmark .rwt-mark-x { display: inline-block; flex: none; overflow: visible; vertical-align: baseline; }
.rwt-wordmark .p { fill: currentColor; }
.rwt-wordmark .q { fill: var(--rwt-mark-accent, var(--s1-accent, #8a1538)); }
.rwt-wordmark--mono .q { fill: currentColor; }
.brand .rwt-wordmark { --rwt-mark-accent: var(--s1-rail-accent, #d9577c); }
/* Rail: the wordmark sits above the workspace name, so the line that repeats the platform name is hidden while it shows. */
.brand-mark:has(.rwt-wordmark) { width: auto; height: auto; justify-content: start; }
.brand:has(.rwt-wordmark) { flex-direction: column; align-items: flex-start; gap: 4px; }
.brand:has(.rwt-wordmark) .brand-sub { display: none; }
.brand:has(.rwt-wordmark) .brand-mark { color: #fff; }
/* Boot splash (index.html .rwt-boot): shown only while html.rwt-booting, centred over the skeleton. */
.rwt-boot { display: none; }
html.rwt-booting .rwt-boot { position: fixed; inset: 0; z-index: 5; display: grid; place-items: center; pointer-events: none; visibility: visible; color: var(--s1-ink-2, #3a3f4b); }
.rwt-auth-lockup { margin: 0 0 18px; color: var(--a-ink, var(--s1-ink, #111318)); }
body.s1-shell .brand:has(.rwt-wordmark) { width: auto; align-items: flex-start; }
body.s1-shell .brand-mark:has(.rwt-wordmark) { place-items: start; justify-content: start; }