/* Diaporama d'accueil (3 images, ordinateur + mobile) */
.wf-hs{position:relative;margin:clamp(10px,2vw,24px) 0 0;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:#050607;color:#f7f5ef}
.wf-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wf-hs__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.wf-hs__track::-webkit-scrollbar{display:none}
.wf-hs__track{cursor:grab;-webkit-user-select:none;user-select:none}
.wf-hs__track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.wf-hs__track img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.wf-hs__track:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.wf-hs__slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:2.4/1}
.wf-hs__pic,.wf-hs__pic img{display:block;width:100%;height:100%}
.wf-hs__pic img{object-fit:cover}

/* Texte par-dessus l'image (ordinateur) */
.wf-hs__slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,4,5,.82) 0,rgba(3,4,5,.55) 24%,rgba(3,4,5,0) 52%)}
.wf-hs__slide--right::after{background:linear-gradient(270deg,rgba(3,4,5,.82) 0,rgba(3,4,5,.55) 24%,rgba(3,4,5,0) 52%)}
.wf-hs__copy{position:absolute;z-index:2;top:50%;transform:translateY(-50%);left:clamp(24px,5vw,84px);width:min(42%,560px)}
.wf-hs__slide--right .wf-hs__copy{left:auto;right:clamp(16px,3.2vw,60px);top:8%;transform:none;width:max-content;max-width:50%}
.wf-hs__title{margin:0;white-space:nowrap;font-size:clamp(1.5rem,3.1vw,3.4rem);line-height:.98;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.wf-hs__title span:not(.wf-hs__beta){color:#ff9800}
/* Titre toujours sur 2 lignes (1re ligne en blanc, 2e en orange), pour les 3 images. */
.wf-hs__title span:not(.wf-hs__beta)::before{content:"\A";white-space:pre}
.wf-hs__beta{display:inline-block;vertical-align:middle;margin-left:.4em;padding:.18em .55em;border:1.5px solid #ffb32b;border-radius:999px;color:#ffb32b;font-size:.3em;font-weight:900;letter-spacing:.14em;line-height:1.2;text-shadow:none;transform:translateY(-.25em)}
.wf-hs__points{list-style:none;margin:clamp(12px,1.6vw,22px) 0 0;padding:0;display:grid;gap:clamp(6px,.9vw,12px)}
.wf-hs__points li{position:relative;padding-left:1.9em;font-size:clamp(.9rem,1.35vw,1.3rem);font-weight:700;line-height:1.3;text-shadow:0 1px 14px rgba(0,0,0,.7)}
.wf-hs__points li::before{content:"";position:absolute;left:0;top:.12em;width:1.25em;height:1.25em;border-radius:50%;background:#ff9800 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.5 12.5 4.2 4.2L18.5 8' fill='none' stroke='%23111' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.wf-hs__cta{display:inline-flex;align-items:center;gap:.5em;margin-top:clamp(14px,1.8vw,26px);padding:.7em 1.3em;border-radius:999px;background:#ff9800;color:#111;font-size:clamp(.88rem,1.15vw,1.05rem);font-weight:800;text-decoration:none;box-shadow:0 6px 22px rgba(0,0,0,.45);transition:transform .2s,background .2s}
.wf-hs__cta:hover{background:#ffb32b;transform:translateY(-2px)}
.wf-hs__cta:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Points */
.wf-hs__bar{position:absolute;z-index:3;left:0;right:0;bottom:clamp(10px,1.6vw,20px);display:flex;justify-content:center;align-items:center;gap:12px;pointer-events:none}
.wf-hs__bar>*{pointer-events:auto}
.wf-hs__dots{display:flex;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(3,4,5,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.wf-hs__dots button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.wf-hs__dots i{position:relative;display:block;width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.45);overflow:hidden;transition:width .3s ease,background .3s}
.wf-hs__dots button:hover i{background:rgba(255,255,255,.8)}
.wf-hs__dots [aria-current="true"] i{width:26px;background:rgba(255,255,255,.3)}
.wf-hs__dots [aria-current="true"] i::after{content:"";position:absolute;inset:0;background:#ff9800;transform-origin:left;animation:wf-hs-prog 10s linear both}
.wf-hs.is-paused .wf-hs__dots [aria-current="true"] i::after,.wf-hs.is-still .wf-hs__dots [aria-current="true"] i::after{animation:none;transform:none}
.wf-hs__dots button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@keyframes wf-hs-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Mobile : image 4:5, texte par-dessus en haut (dégradé sombre pour la lisibilité) */
@media(max-width:760px){
  .wf-hs{border-radius:16px}
  .wf-hs__slide{aspect-ratio:4/5}
  .wf-hs__slide::after,.wf-hs__slide--right::after{background:linear-gradient(180deg,rgba(3,4,5,.9) 0,rgba(3,4,5,.7) 24%,rgba(3,4,5,.25) 40%,rgba(3,4,5,0) 52%)}
  .wf-hs__copy,.wf-hs__slide--right .wf-hs__copy{top:16px;left:16px;right:16px;width:auto;max-width:none;transform:none}
  .wf-hs__slide--right .wf-hs__copy{right:16px}
  /* Même taille et même emplacement sur les trois images : titre sur 2 lignes, puces sur 1 ligne. */
  .wf-hs__title{font-size:clamp(1.4rem,6.6vw,1.9rem);line-height:1}
  .wf-hs__beta{line-height:1}
  .wf-hs__points{margin-top:10px;gap:6px}
  .wf-hs__points li{font-size:clamp(.78rem,4vw,.98rem);line-height:1.3;white-space:nowrap}
  .wf-hs__cta{margin-top:12px;padding:.6em 1.1em;font-size:.9rem}
  .wf-hs__bar{bottom:12px}
}
@media(prefers-reduced-motion:reduce){.wf-hs__dots i::after{animation:none!important;transform:none}}