/* ═══ KADIO — couche d'animation premium (toutes pages) ═══ */
/* Fallback : si les CDN sont hors-ligne, tout reste visible */
.reveal{opacity:1 !important;transform:none !important;transition:none !important}
#progression{position:fixed;top:0;left:0;height:3px;width:100%;z-index:400;background:linear-gradient(90deg,#E0762B,#D9A441,#2F9E63);transform-origin:left;transform:scaleX(0);pointer-events:none}
#curseur{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:50%;background:#F09A55;z-index:500;pointer-events:none;mix-blend-mode:difference;display:none}
@media(pointer:fine){#curseur{display:block}}
.mot{display:inline-block;overflow:hidden;vertical-align:bottom;white-space:nowrap;padding-bottom:.08em;margin-bottom:-.08em}
.ltr{display:inline-block;transform:translateY(115%) rotate(6deg);will-change:transform}

/* ═══ Scrollytelling — superposition des sections (VELUNE/Cartier) ═══ */
.hero{z-index:1}
.bande-args,.bande-args,.marquee,footer{position:relative;z-index:2}
.bande-tissee{position:relative;z-index:2;background:var(--nuit)}
.avis-sec,.avantages,.com-sec,.abo-sec,.resa,.visite,.cta-final{position:relative;z-index:2}
.bande-args{background:var(--nuit)}
.avis-sec,.com-sec{background:var(--nuit)}
.abo-sec.fond-kente{background-color:var(--nuit)}
.marquee{background:var(--nuit)}
footer{background:var(--nuit)}
.hero-trait{transform-origin:center}