.logo {
  position: relative;
  display: block;
  width: 100%;
  animation: logo-apparition 1.4s ease 0.2s both;
}
@keyframes logo-apparition {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.logo__anneau {
  position: relative;
}
.logo-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  position: relative;
  z-index: 0;
}
.logo-svg--burger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.logo__frite {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 185%;
  aspect-ratio: 16 / 9;
  translate: -40.4% -46.8%;
  background: center / contain no-repeat;
  opacity: 0;
  transition: opacity 0.7s ease;
  z-index: 1;
}
.logo__frite.is-ready {
  opacity: 1;
}
#Cercle-orange1 {
  filter: drop-shadow(0 0 3px var(--c-orange-fort))
    drop-shadow(0 0 12px var(--c-orange));
}
#Cercle-Bleu1 {
  filter: drop-shadow(0 0 3px var(--c-cyan-fort))
    drop-shadow(0 0 12px var(--c-cyan));
}
#Titre path,
#Titre text,
.logo-svg--burger path,
.logo-svg--burger text {
  fill: none !important;
  stroke: var(--c-cyan) !important;
  stroke-width: 3.5px !important;
  filter: drop-shadow(0 0 2px var(--c-cyan)) drop-shadow(0 0 8px var(--c-cyan))
    drop-shadow(0 0 20px var(--c-cyan-fort));
}
#Titre text,
.logo-svg--burger text {
  font-family: "Micky Mike", cursive !important;
}
#Titre,
.logo-svg--burger {
  animation: logo-neon-flicker 8s steps(1, end) infinite;
}
@keyframes logo-neon-flicker {
  0% {
    opacity: 1;
  }
  1.2% {
    opacity: 0.35;
  }
  2.2% {
    opacity: 1;
  }
  3.4% {
    opacity: 0.4;
  }
  4.2% {
    opacity: 1;
  }
  5.6% {
    opacity: 0.3;
  }
  6.4% {
    opacity: 1;
  }
  7.8% {
    opacity: 0.4;
  }
  8.6% {
    opacity: 1;
  }
  61% {
    opacity: 0.35;
  }
  61.9% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.logo.is-glitching #Titre path,
.logo.is-glitching #Titre text,
.logo.is-glitching .logo-svg--burger path,
.logo.is-glitching .logo-svg--burger text {
  stroke: rgba(77, 216, 255, 0.4) !important;
  filter: drop-shadow(0 0 1px var(--c-cyan));
}
.logo-fallback {
  display: none;
  flex-direction: column;
  align-items: center;
  margin-top: 0.4em;
  font-family: "Micky Mike", "Brush Script MT", cursive;
  font-size: clamp(1.4rem, 8vw, 2.2rem);
  line-height: 1.1;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--c-cyan);
  text-shadow:
    0 0 2px var(--c-cyan),
    0 0 8px var(--c-cyan-fort),
    0 0 20px var(--c-cyan-fort);
  animation: logo-neon-flicker 8s steps(1, end) infinite;
}
@media (max-width: 480px) {
  .logo-svg #Titre {
    display: none;
  }
  .logo-svg--burger {
    display: none;
  }
  .logo-fallback {
    display: flex;
  }
}
@media (prefers-reduced-motion: reduce) {
  .logo {
    animation: none;
  }
  #Titre,
  .logo-svg--burger,
  .logo-fallback {
    animation: none;
    opacity: 1;
  }
  .logo__frite {
    transition: none;
  }
}