/* ── Logo wrapper ─────────────────────────────────────────── */
    #logo-container {
      display: flex;
      align-items: flex-start;
      gap: 0;
      user-select: none;
      /*
        RESIZE THE WHOLE LOGO: change only this one value.
        Text, torch height, and all spacing use em so they scale together.
      */
      font-size: 2.7em;
      margin-top: 20px;
    }

    /* ── Expand clickable area to cover SVG spark overflow ──── */
    header.site-header .site-logo-wrap {
      padding: 0.3em;
      margin: -0.3em;
    }

    /* ── Inner logo wrapper (inside the clickable <a>) ──────── */
    .site-logo-link {
      display: flex;
      width: fit-content;
    }

    /* ── Text block ───────────────────────────────────────────── */
    .logo-text {
      font-family: 'Alegreya Sans', sans-serif;
      font-weight: 700;
      font-size: 1em;
      line-height: 1;
      letter-spacing: -0.011em;
      white-space: nowrap;
      display: flex;
      align-items: center;
    }

    .logo-text .demeque  { color: #033A79; }
    .logo-text .limited  { color: #000000; margin-left: 5px; }

    /* ── Torch SVG ────────────────────────────────────────────── */
    .logo-torch {
      /* All em values — scale automatically with font-size above */
      height: 1.5em;
      margin-left: -0.15em;
      margin-top: -0.08em;
      flex-shrink: 0;
      overflow: visible;
    }

    /* ══════════════════════════════════════════════════════════
       SPARK ANIMATIONS
       ══════════════════════════════════════════════════════════ */
    .spark {
      transform-box: fill-box;
      fill: #033A79;
    }

    /* Load: 3 plays then stops */
    .spark-1 { transform-origin: center;       animation: sparkPulse 0.9s ease-in-out 0.0s  2 both; }
    .spark-2 { transform-origin: center;       animation: sparkPulse 0.9s ease-in-out 0.15s 2 both; }
    .spark-3 { transform-origin: right center; animation: sparkLenX  0.9s ease-in-out 0.3s  2 both; }
    .spark-4 { transform-origin: center top;   animation: sparkLenY  0.9s ease-in-out 0.3s  2 both; }
    .spark-5 { transform-origin: center top;   animation: sparkLenY  0.9s ease-in-out 0.3s  2 both; }

    /* Hover re-trigger (distinct keyframe names force restart) */
    #logo-container.sparking .spark-1 { animation: sparkPulseH 0.9s ease-in-out 0.0s  2 both; }
    #logo-container.sparking .spark-2 { animation: sparkPulseH 0.9s ease-in-out 0.15s 2 both; }
    #logo-container.sparking .spark-3 { animation: sparkLenXH  0.9s ease-in-out 0.3s  2 both; }
    #logo-container.sparking .spark-4 { animation: sparkLenYH  0.9s ease-in-out 0.3s  2 both; }
    #logo-container.sparking .spark-5 { animation: sparkLenYH  0.9s ease-in-out 0.3s  2 both; }

    @keyframes sparkPulse  { 0%{transform:scale(1)}  30%{transform:scale(1.3)}  65%{transform:scale(0.88)}  85%{transform:scale(1.1)}  100%{transform:scale(1)} }
    @keyframes sparkPulseH { 0%{transform:scale(1)}  30%{transform:scale(1.3)}  65%{transform:scale(0.88)}  85%{transform:scale(1.1)}  100%{transform:scale(1)} }
    @keyframes sparkLenX   { 0%{transform:scaleX(1)} 30%{transform:scaleX(1.4)} 65%{transform:scaleX(0.8)} 85%{transform:scaleX(1.15)} 100%{transform:scaleX(1)} }
    @keyframes sparkLenXH  { 0%{transform:scaleX(1)} 30%{transform:scaleX(1.4)} 65%{transform:scaleX(0.8)} 85%{transform:scaleX(1.15)} 100%{transform:scaleX(1)} }
    @keyframes sparkLenY   { 0%{transform:scaleY(1)} 30%{transform:scaleY(1.4)} 65%{transform:scaleY(0.8)} 85%{transform:scaleY(1.15)} 100%{transform:scaleY(1)} }
    @keyframes sparkLenYH  { 0%{transform:scaleY(1)} 30%{transform:scaleY(1.4)} 65%{transform:scaleY(0.8)} 85%{transform:scaleY(1.15)} 100%{transform:scaleY(1)} }