/* Shared by every page: wordmark with the glowing "i" + the rising embers canvas.
   Needs --ember-core, --ember, --ember-deep and --ease-out from the page's :root. */

/* ---------- wordmark ---------- */
.wordmark{ font-family:'Anton',sans-serif; letter-spacing:0.5px; line-height:1; display:inline-block; }
.wordmark .dot{ color:var(--ember-core); position:relative; }
.wordmark .dot::after{
  content:""; position:absolute; left:50%; top:0.12em; width:0.34em; height:0.34em;
  transform:translateX(-50%); border-radius:50%; background:var(--ember-core);
  box-shadow:0 0 8px var(--ember), 0 0 16px var(--ember-deep);
  animation:emberPulse 2.6s var(--ease-out) infinite;
}
@keyframes emberPulse{0%,100%{opacity:0.75;}50%{opacity:1;}}

/* brasas ancladas SIEMPRE al fondo de la ventana (no se van con el scroll) */
#emberCanvas{ position:fixed; left:0; bottom:0; width:100%; height:46vh; z-index:1; pointer-events:none; }