/* The Strakus mark beside the wordmark: the brush-cut star at a 4% slide
   (founder's pick 2026-10-29, vault D-063; source and every round tried in
   Labs/UI_lab/2026-10-28-logo/, export in export/build.mjs). One file per
   theme, swapped by the class theme.js puts on <html>: dark is the default,
   html.light is the light theme. Sized in em, so the mark follows each logo's
   own font size (nav, footer, app top bar, login card). */
.brand-mark{ display:inline-block; width:1.45em; height:1.45em; vertical-align:-.38em; margin-right:.28em; }
/* Where each mark goes (founder, 2026-10-29; D-063): the core star (A) at the
   top of every page and wherever the logo is small; Orbit (E) in front of the
   big STRAKUS wordmark at the foot of the page; Shopfront (D) in the app.
   D holds the star inside a scene, so it needs about 36px in the top bar to
   read; at the bare star's 30px the awning crowds. */
.brand-mark.brand-family{ width:1.75em; height:1.75em; vertical-align:-.52em; }
/* E in front of the big wordmark (cozy-pricing.css .pr-wordmark), sized to
   the capitals rather than the line */
.pr-wordmark .brand-mark{ width:.8em; height:.8em; vertical-align:-.05em; margin-right:.06em; }
/* E and the word stay on one line, and the pair is scaled to fit: with E in
   front, cozy-pricing.css's 17vw wordmark wrapped E above the text on wide
   screens and pushed the page sideways (a horizontal scrollbar) */
.pr-wordmark:has(.brand-mark){ white-space:nowrap; font-size:clamp(48px, 13vw, 190px); }
.brand-light{ display:none; }
html.light .brand-light{ display:inline-block; }
html.light .brand-dark{ display:none; }

/* phones show the mark alone in the top nav (cozy-home.css hides the text) */
@media (max-width:560px){ .nav-logo .brand-mark{ margin-right:0; } }