:root{
  --eden-bg:#F7F9FC;    /* fond du ruban */
  --eden-text:#0B3056;  /* couleur texte */
  --eden-size: clamp(20px, 3vw, 40px);        /* gras pour impact */
}
/* ===========================
   Text Animations L'EDEN
   =========================== */

/* 1. Révélation progressive (mask / clip-path) */
.eden-reveal {
  --reveal: 0%; /* 0% = caché, 100% = visible */
  display: inline-block;
  position: relative;
  line-height: 1.2;
  /* Masque par clip-path */
  clip-path: inset(0 calc(100% - var(--reveal)) 0 0);
  transition: clip-path 0.3s ease-out;
}

/* Fallback si clip-path non supporté */
@supports not (clip-path: inset(0 0 0 0)) {
  .eden-reveal {
    -webkit-mask-image: linear-gradient(90deg,#000 calc(var(--reveal)), transparent 0);
            mask-image: linear-gradient(90deg,#000 calc(var(--reveal)), transparent 0);
  }
}

/* 2. Soulignement animé via SVG */
.eden-underline {
  display: inline-block;
  position: relative;
}
.eden-underline svg {
  width: 100%;
  height: 14px; /* hauteur du soulignement */
  display: block;
}
.eden-underline path {
  stroke: var(--eden-blue, #0B3056);
  stroke-width: 2;
  stroke-linecap: round;
  fill: none;
}

/* 3. Accessibilité : pas d’anim si motion reduce */
@media (prefers-reduced-motion: reduce) {
  .eden-reveal {
    clip-path: none !important;
    -webkit-mask-image: none !important;
  }
  .eden-underline path {
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* Conteneur titre */
.js-reveal-lines{
  position: relative;
  display: block;
  line-height: 1.2;
  color: #0B3056; /* bleu L'EDEN */
  opacity: 0;     /* visible après split */
  will-change: transform;
}

/* Chaque ligne : crée le “mask” */
.rl-line{
  display: block;
  position: relative;
  overflow: hidden;     /* le masque */
}

/* Chaque mot : animé en Y */
.rl-word{
  display: inline-block;
  transform: translateY(100%);
  will-change: transform;
}

/* Lisibilité */
.js-reveal-lines,
.rl-line,
.rl-word { white-space: normal; }

/* Accessibilité : désactive les anim si demandé */
@media (prefers-reduced-motion: reduce){
  .rl-word{ transform: none !important; }
}



/* home page defilement barre */
.eden-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--eden-bg);
  padding: 12px 0;
}

.eden-marquee__track {
  display: flex;
  width: max-content;
  animation: eden-marquee 25s linear infinite;
}

.eden-marquee__text {
  padding: 0 2rem;
  font-size: var(--eden-size);
  font-weight: 600;
  color: var(--eden-text);
  white-space: nowrap;
}

@keyframes eden-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* on translate d’une "moitié" car on a 2 copies */
}