/*--------------------------------------------------------------

/* HOME



For homepage - even if it's blog home 



========================================================================== */

.wybbg {
    z-index: -1;
    animation: lightning-flash 4.2s cubic-bezier(0.7, 0, 0.8, 1) infinite;
}

@keyframes title-glow {
    0% {
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    }
    50% {
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
    }
}
@keyframes title-dim-on-flash {
    0%, 7%, 13%, 34%, 38%, 100% { opacity: 1; }
    8%, 10%, 12%, 35%, 37% { opacity: 0; }
    9%, 11%, 36% { opacity: 0.12; }
}

  /* Pénombre en base : image toujours visible ; l'éclair surgit dessus */
  @keyframes lightning-flash {
    0%, 7%, 100% { opacity: 0.5; filter: blur(0px) brightness(0.75); }
    8% { opacity: 1; filter: blur(1px) brightness(2.4); }
    9% { opacity: 0.55; filter: blur(2px) brightness(0.9); }
    10% { opacity: 1; filter: blur(1px) brightness(2.2); }
    11% { opacity: 0.7; filter: blur(3px) brightness(1.2); }
    12% { opacity: 1; filter: blur(0.9px) brightness(2); }
    13% { opacity: 0.5; filter: blur(0px) brightness(0.75); }
    34% { opacity: 0.5; filter: blur(0px) brightness(0.75); }
    35% { opacity: 1; filter: blur(1.5px) brightness(2.4); }
    36% { opacity: 0.55; filter: blur(2.8px) brightness(0.85); }
    37% { opacity: 1; filter: blur(1.1px) brightness(2.1); }
    38% { opacity: 0.5; filter: blur(0px) brightness(0.75); }
    100% { opacity: 0.5; filter: blur(0px) brightness(0.75); }
}

.silhouette {
    opacity: 0.03;
    filter: brightness(0.35) blur(0.6px);
    z-index: 0;
    animation: silhouette-reveal 4.2s cubic-bezier(0.7, 0, 0.8, 1) infinite;
}
@keyframes silhouette-reveal {
    0%, 7%, 13%, 34%, 38%, 100% { opacity: 0.03; filter: brightness(0.35) blur(0.6px); }
    8%, 10%, 12%, 35%, 37% { opacity: 0.55; filter: brightness(1.5) blur(0px); }
    9%, 11%, 36% { opacity: 0.18; filter: brightness(0.75) blur(0.4px); }
}

h1 {
    position: relative;
}


@keyframes title-image-flash {
    0%, 7%, 13%, 34%, 38%, 100% { opacity: 0; }
    8%, 10%, 12%, 35%, 37% { opacity: 0.88; filter: brightness(2.15) contrast(1.22) saturate(1.08) blur(0px); }
    9%, 11%, 36% { opacity: 0.12; filter: brightness(0.82) contrast(1.04) blur(0.18px); }
}