/* u-brand.css – Stil der Logo-Animation u-brand: Inhalt der Konstante CSS aus src/u-brand.js, unverändert.
   Herkunft: C:/Tools/uLogos (Repo ugurat/uLogos, Paket u-brand 1.0.1), Stand 3670cd5; passt zu u-brand.min.js.
   Eingebunden als <link id="u-brand-css"> vor u-brand.min.js: Die Bibliothek fügt dann kein eigenes
   Style-Element ein (die CSP default-src 'self' würde es blockieren). Anpassungen für uEdit stehen in site.css. */

.u-brand { display: inline-flex; align-items: center; gap: .53em; font-weight: 700; line-height: 1.25;
  letter-spacing: -0.02em; color: var(--text, currentColor); text-decoration: none; user-select: none;
  -webkit-tap-highlight-color: transparent; border-radius: .5em; }
.u-brand:focus-visible { outline: 2px solid var(--accent-2, #a855f7); outline-offset: 3px; }
.u-brand .ub-mark { display: grid; place-items: center; flex: none; width: 1.68em; height: 1.68em; border-radius: .47em; color: #fff;
  background: linear-gradient(135deg, var(--u-mark-1, var(--accent-2, #a855f7)), var(--u-mark-2, var(--accent-fill, #7c3aed)));
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 .3em .95em -.3em var(--u-mark-2, var(--glow, #5b21d6)); }
.u-brand .ub-mark svg { width: .95em; height: .95em; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.u-brand .ub-word { display: inline-flex; align-items: baseline; white-space: pre; flex: none; }
.u-brand .ub-pre { position: relative; isolation: isolate; display: inline-flex; align-items: baseline; will-change: transform;
  transform-origin: 50% var(--ink-y, .8em); color: color-mix(in oklab, #fff calc(var(--pill, 0) * 100%), currentColor); }
.u-brand .ub-pre::before { content: ""; position: absolute; z-index: -1; left: -.28em; right: -.28em;
  top: var(--pill-top, .3em); bottom: var(--pill-bot, .15em); border-radius: 50%;
  background: linear-gradient(135deg, color-mix(in oklab, var(--u-pill) 80%, #fff), var(--u-pill));
  box-shadow: 0 .15em .5em -.15em color-mix(in srgb, var(--u-pill) 60%, transparent);
  opacity: var(--pill, 0); transform: scale(calc(.6 + var(--pill, 0) * .4)); }
.u-brand .ub-l { display: inline-block; flex: none; }
.u-brand .ub-add { width: 0; opacity: 0; clip-path: inset(-.5em -.5em -.5em 0); }
.u-brand .ub-add.ub-left { clip-path: inset(-.5em 0 -.5em -.5em); }
.u-brand .ub-name { display: inline-block; }