/* V51 - mobile-only paint from original bucket into the title.
   No desktop changes; no extra libraries or media files. */
@media (max-width:760px) {
  #heroTitle .v51-glyph {
    color:inherit;
    transition:color .27s ease-out, text-shadow .32s ease-out;
  }
  #heroTitle .v51-glyph.v51-painted {
    color:#ed1c24;
    text-shadow:0 0 7px rgba(237,28,36,.22);
  }
  #heroTitle .v51-glyph.v51-just-painted {
    animation:v51-paint-settle .26s ease-out both;
  }
  .v51-paint-layer {
    position:fixed; inset:0; z-index:100;
    pointer-events:none; overflow:visible;
    contain:layout style;
  }
  .v51-paint-drop {
    position:absolute; display:block;
    height:var(--drop-size,7px); width:var(--drop-size,7px);
    margin:calc(var(--drop-size,7px) * -.5);
    border-radius:55% 55% 65% 65%;
    transform-origin:center;
    background:#ed1c24;
    box-shadow:0 1px 3px rgba(125,0,15,.24);
    will-change:transform,opacity,left,top;
  }
  .v51-paint-drop.is-main {
    background:radial-gradient(circle at 38% 30%,#fc6168 0%,#ed1c24 44%,#ae101b 100%);
  }
  .v51-paint-speck {
    position:absolute; width:var(--speck-size,4px); height:var(--speck-size,4px);
    left:var(--x); top:var(--y);
    border-radius:50%; background:#ed1c24;
    transform:translate(-50%,-50%);
    pointer-events:none;
    animation:v51-speck-burst var(--dur,420ms) cubic-bezier(.12,.55,.3,1) forwards;
  }
}
@keyframes v51-paint-settle {
  0% {filter:brightness(1.4);}
  55% {filter:brightness(1.08);}
  100% {filter:none;}
}
@keyframes v51-speck-burst {
  0% { opacity:1; transform:translate(-50%,-50%) scale(.6);}
  40% {opacity:.9;}
  100% {opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.65);}
}
@media (prefers-reduced-motion: reduce) {
  #heroTitle .v51-glyph {transition:none!important;animation:none!important;}
  .v51-paint-layer {display:none!important;}
}