@charset "UTF-8";
:root {
  font-size: 62.5%;
}

.block-ruban-titre {
  position: relative;
  width: 100%;
  aspect-ratio: 1440/338;
  min-height: 220px;
  overflow: hidden;
}
.block-ruban-titre__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.block-ruban-titre {
  /* ==========================
     Animation du ruban
     ========================== */
}
.block-ruban-titre path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: drawRibbon 1.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes drawRibbon {
  to {
    stroke-dashoffset: 0;
  }
}
.block-ruban-titre {
  /* ==========================
     Texte fixe
     ========================== */
}
.block-ruban-titre__text {
  font-family: inherit;
  font-weight: 700;
  font-size: clamp(40px, 8vw, 110px);
}
.block-ruban-titre {
  /* Backend → toujours visible immédiatement */
}
.block-ruban-titre.backend path {
  animation: none;
  stroke-dashoffset: 0;
}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
  .block-ruban-titre path {
    animation: none;
    stroke-dashoffset: 0;
  }
}