.has-deco{position:relative;isolation:isolate}
.deco{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.deco svg{position:absolute;display:block}
.deco .d1{top:34px;right:5%;width:38px;height:38px}
.deco .d3{top:96px;right:2.5%;width:110px;height:26px}
.deco .d2{bottom:-34px;right:14%;width:110px;height:110px}
.deco .d4{top:26px;left:47%;width:18px;height:18px}
@media (max-width:760px){.deco .d2,.deco .d3,.deco .d4{display:none}.deco .d1{top:18px;right:16px;width:26px;height:26px}}
/* 2026 : halos doux, mouvements légers, bandeau défilant, apparition au scroll */
.deco .b1,.deco .b2{position:absolute;border-radius:50%;filter:blur(8px)}
.deco .b1{width:460px;height:460px;top:-170px;right:8%;background:radial-gradient(circle,rgba(205,235,217,.85) 0%,rgba(205,235,217,0) 70%)}
.deco .b2{width:420px;height:420px;bottom:-210px;left:-120px;background:radial-gradient(circle,rgba(247,215,116,.45) 0%,rgba(247,215,116,0) 70%)}
@keyframes st-float{50%{transform:translateY(-9px) rotate(10deg)}}
@keyframes st-drift{50%{transform:translateX(-10px)}}
.deco .d1{animation:st-float 6s ease-in-out infinite}
.deco .d4{animation:st-float 7.5s ease-in-out infinite reverse}
.deco .d3{animation:st-drift 8s ease-in-out infinite}
.marquee-wrap{overflow:hidden;padding:14px 0 34px}
.marquee{overflow:hidden;background:#1E4D3A;color:#FDF8EE;padding:18px 0;transform:rotate(-1.2deg);margin:0 -24px;box-shadow:0 10px 30px rgba(30,77,58,.15)}
.marquee-track{display:flex;width:max-content;animation:st-marquee 38s linear infinite}
.marquee span{font-family:'Poppins',sans-serif;font-weight:700;font-size:22px;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;padding:0 18px;display:flex;align-items:center;gap:36px}
.marquee i{font-style:normal;color:#F7D774}
@keyframes st-marquee{to{transform:translateX(-50%)}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.eb>a.bn{transition:transform .25s ease,box-shadow .25s ease}
.eb>a.bn:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(30,77,58,.13)}
a.bz{transition:transform .2s ease,box-shadow .2s ease}
a.bz:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(30,77,58,.18)}
@media (max-width:760px){.deco .b1{width:300px;height:300px;top:-120px;right:-60px}.deco .b2{display:none}.marquee span{font-size:16px;gap:24px;padding:0 12px}.marquee{padding:13px 0}}
@media (prefers-reduced-motion:reduce){.deco svg,.marquee-track{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}
/* pas et liens */
.deco .d1{width:62px!important;height:62px!important;animation:none!important}
.deco .d1 .p1{animation:st-step 3.2s ease-in-out infinite}
.deco .d1 .p2{animation:st-step 3.2s ease-in-out 1.6s infinite}
@keyframes st-step{0%,100%{opacity:1}50%{opacity:.3}}
.deco .d4{width:40px!important;height:34px!important}
@media (max-width:760px){.deco .d1{width:38px!important;height:38px!important}}
@media (prefers-reduced-motion:reduce){.deco .d1 g{animation:none!important}}
.deco .d4{width:50px!important;height:38px!important;animation:st-sway 6s ease-in-out infinite!important}
@keyframes st-sway{50%{transform:translateY(-6px)}}
/* pieds + bonshommes */
.deco .d1{width:66px!important;height:66px!important}
.deco .d4{top:26px!important;left:47%!important;width:44px!important;height:44px!important;animation:st-run 5s ease-in-out infinite!important}
.deco .d5{bottom:26px;right:4%;width:44px;height:44px;animation:st-jump 2.6s ease-in-out infinite}
.deco .d6{top:30px;left:31%;width:42px;height:42px;transform-origin:50% 90%;animation:st-dance 4s ease-in-out infinite}
@keyframes st-run{50%{transform:translateX(14px)}}
@keyframes st-jump{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-12px)}}
@keyframes st-dance{50%{transform:rotate(-8deg)}}
@media (max-width:760px){.deco .d5,.deco .d6,.deco .d4{display:none!important}}
@media (prefers-reduced-motion:reduce){.deco .d4,.deco .d5,.deco .d6{animation:none!important}}
/* bonshommes posés au bout des titres */
.deco .d4,.deco .d5,.deco .d6{display:none!important}
.t-hop{display:inline-block;position:relative;width:0;height:0;vertical-align:baseline}
.t-hop svg{position:absolute;bottom:-.06em;left:.08em;width:.66em;height:.66em;min-width:26px;min-height:26px;max-width:74px;max-height:74px;overflow:visible}
html,body{overflow-x:hidden}
.t-hop.jump svg{animation:st-hop 2.4s ease-in-out infinite}
.t-hop.run svg{animation:st-runbob 1.2s ease-in-out infinite}
.t-hop.dance svg{transform-origin:50% 95%;animation:st-dance 3.6s ease-in-out infinite}
@keyframes st-hop{0%,55%,100%{transform:translateY(0)}25%{transform:translateY(-.22em)}}
@keyframes st-runbob{50%{transform:translateY(-.05em) translateX(.06em)}}
@keyframes st-dance{50%{transform:rotate(-9deg)}}
@media (prefers-reduced-motion:reduce){.t-hop svg{animation:none!important}}