body.cw-landing.cw-theme-accueil #hero{
--cwh-pink:#e8175d;
--cwh-yellow:#fed81d;
--cwh-teal:#3baf96;
--cwh-purple:#1c0768;
--cwh-sky-top:#29a7a3;
--cwh-sky-bottom:#21b8ad;
position:relative;
padding:0!important;
margin:0!important;
gap:0!important;
row-gap:0!important;
column-gap:0!important;
}
body.cw-landing.cw-theme-accueil #hero .et_pb_row,
body.cw-landing.cw-theme-accueil #hero .et_pb_column{
padding-top:0!important;
padding-bottom:0!important;
margin-top:0!important;
margin-bottom:0!important;
min-height:0!important;
}
body.cw-landing.cw-theme-accueil.cw-live #hero{
min-height:210vh;
min-height:210svh;
}
body.cw-landing.cw-theme-accueil #hero.is-flat .et_pb_row{
height:0!important;
}
body .cw-hero-texte{
box-sizing:border-box;
position:relative;
max-width:880px;
margin:0 auto;
padding:20px;
background:rgba(255,255,255,.85);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
border-radius:22px;
box-shadow:0 24px 60px rgba(11,74,80,.25);
text-align:center;
}
body .cw-hero-texte h1{
font-size:clamp(22px,3.6vw,48px);
font-weight:700;
color:#1c0768;
line-height:1.2;
margin:0 0 12px;
padding:0;
text-align:center;
}
body .cw-hero-texte h1 em{
font-style:italic;
}
body .cw-hero-texte h1 strong{
display:inline-block;
background:#1c0768;
color:#fff;
font-weight:800;
font-size:clamp(24px,2.7vw,36px);
letter-spacing:.04em;
padding:3px 12px;
border-radius:8px;
vertical-align:middle;
transform:rotate(-1deg);
}
body .cw-hero-texte h2{
font-size:clamp(17px,1.6vw,20px);
font-weight:700;
line-height:1.4;
color:#1c0768;
margin:0 auto;
padding:0;
text-align:center;
}
body .cw-hero-texte ul{
list-style:none;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px 12px;
margin:20px 0 24px;
padding:0;
}
body .cw-hero-texte ul li{
position:relative;
isolation:isolate;
display:flex;
align-items:center;
height:34px;
margin:0;
padding:0 16px 0 28px;
list-style:none;
font-size:11.5px;
font-weight:800;
line-height:1;
letter-spacing:.05em;
text-transform:uppercase;
color:#1c0768;
background:#f9f0d8;
border-radius:6px;
}
body .cw-hero-texte ul li::before{
content:'';
position:absolute;
inset:0;
z-index:-1;
border:2px solid #7a4a1c;
border-radius:6px;
box-shadow:inset 0 0 0 2.5px #f9f0d8,inset 0 0 0 3.7px #7a4a1c;
}
body .cw-hero-texte ul li::after{
content:'\2605';
position:absolute;
left:11px;
top:50%;
margin-top:-5px;
font-size:9px;
line-height:1;
letter-spacing:0;
color:#ee136f;
}
#hero.cwh-ink .cw-hero-texte ul li::before{
filter:url(#cwh-ink);
}
body .cw-hero-texte ul li:nth-child(odd){
transform:rotate(-1.5deg);
}
body .cw-hero-texte ul li:nth-child(even){
transform:rotate(1.5deg);
}
body .cw-hero-texte p{
font-size:17px;
line-height:1.6;
margin:0;
padding:0;
text-align:center;
}
body .cw-hero-texte p.cw-hero-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
}
body .cw-hero-texte p.cw-hero-actions a{
display:inline-block;
font-weight:600;
font-size:16px;
line-height:1.2;
padding:14px 26px;
border-radius:999px;
text-decoration:none;
background:#ee136f;
color:#fff;
box-shadow:0 5px 0 #c40d59;
transition:translate .15s,box-shadow .15s;
}
body .cw-hero-texte p.cw-hero-actions a:last-child{
background:#fff;
color:#1c0768;
box-shadow:0 5px 0 rgba(28,7,104,.25);
}
body .cw-hero-texte p.cw-hero-actions a:hover,
body .cw-hero-texte p.cw-hero-actions a:focus-visible{
translate:0 3px;
box-shadow:0 2px 0 rgba(0,0,0,.25);
}

body.cw-landing.cw-theme-accueil #hero .cwh-visual{
position:absolute;
top:0;
left:0;
width:100%;
height:100vh;
overflow:hidden;
background:linear-gradient(180deg,var(--cwh-sky-top) 0%,var(--cwh-sky-bottom) 100%);
z-index:1;
}
body.cw-landing.cw-theme-accueil #hero .cwh-visual.is-pinned{
position:fixed;
top:0;
}
body.cw-landing.cw-theme-accueil #hero .cwh-visual.is-released{
top:auto;
bottom:0;
}
body.cw-landing.cw-theme-accueil #hero.is-flat .cwh-visual{
position:relative;
top:0;
left:0;
width:100%;
bottom:auto;
}

#hero .cwh-canvas{
position:absolute;
left:50%;
bottom:0;
transform-origin:center bottom;
}
#hero .cwh-depth{
position:absolute;
inset:0;
}
#hero img.cwh-bg{
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
max-width:none;
}
#hero .cwh-layer{
position:absolute;
inset:0;
pointer-events:none;
}
#hero .cwh-clouds{
overflow:visible;
}
#hero .cwh-cloud{
position:absolute;
animation:cwhCloud linear infinite alternate;
}
#hero .cwh-cloud svg{
display:block;
width:100%;
height:100%;
}
@keyframes cwhCloud{
from{transform:translateX(-14vw)}
to{transform:translateX(14vw)}
}
#hero .cwh-grass{
position:absolute;
transform-origin:bottom center;
animation:cwhGrass ease-in-out infinite alternate;
}
#hero .cwh-grass svg{
display:block;
width:100%;
height:100%;
overflow:visible;
}
@keyframes cwhGrass{
0%{transform:rotate(-16deg)}
100%{transform:rotate(16deg)}
}
#hero .cwh-particle{
position:absolute;
border-radius:50%;
background:#d7eee8;
filter:blur(.4px);
box-shadow:0 0 4px 1px rgba(215,238,232,.7);
animation:cwhParticle ease-in-out infinite;
}
@keyframes cwhParticle{
0%{opacity:0;transform:translateY(0)}
8%{opacity:.9;transform:translateY(0)}
15%{opacity:.25;transform:translateY(-2px)}
22%{opacity:.9;transform:translateY(-4px)}
30%{opacity:.2;transform:translateY(-7px)}
38%{opacity:.85;transform:translateY(-10px)}
46%{opacity:.25;transform:translateY(-14px)}
55%{opacity:.75;transform:translateY(-19px)}
70%{opacity:.45;transform:translateY(-28px)}
100%{opacity:0;transform:translateY(-48px)}
}
#hero .cwh-podium{
position:absolute;
transform:translate(-50%,-100%);
display:block;
max-width:none;
}
#hero .cwh-number{
position:absolute;
transform:translate(-50%,-50%) scale(1);
transform-origin:center center;
display:block;
max-width:none;
transition:transform .3s cubic-bezier(.34,1.56,.64,1);
filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));
}
#hero .cwh-number.is-active{
transform:translate(-50%,-50%) scale(1.35);
}
#hero .cwh-mascot{
position:absolute;
--foot-x:50%;
transform-origin:var(--foot-x) 100%;
transform:translate(calc(-1 * var(--foot-x)),-100%);
display:block;
max-width:none;
animation:cwhSway ease-in-out infinite;
}
@keyframes cwhSway{
0%{transform:translate(calc(-1 * var(--foot-x)),-100%) rotate(-2deg)}
50%{transform:translate(calc(-1 * var(--foot-x)),-100%) rotate(2deg)}
100%{transform:translate(calc(-1 * var(--foot-x)),-100%) rotate(-2deg)}
}
#hero .cwh-mascot.is-hop{
animation:cwhHop .55s ease-out 1;
}
@keyframes cwhHop{
0%{transform:translate(calc(-1 * var(--foot-x)),-100%) translateY(0)}
45%{transform:translate(calc(-1 * var(--foot-x)),-100%) translateY(-5%)}
100%{transform:translate(calc(-1 * var(--foot-x)),-100%) translateY(0)}
}
#hero .cwh-hotspots{
position:absolute;
inset:0;
}
#hero .cwh-hotspot{
position:absolute;
border-radius:14%;
pointer-events:auto;
}
@media (hover:hover) and (pointer:fine){
#hero .cwh-hotspot{cursor:pointer}
}

#hero .cwh-tip{
position:absolute;
transform:translate(-50%,-100%) translateY(-6px);
background:#fff;
padding:8px 18px;
border-radius:10px;
font-family:'Nunito',sans-serif;
color:var(--cwh-purple);
box-shadow:0 10px 24px rgba(0,0,0,.2);
text-align:center;
opacity:0;
transition:opacity .2s ease,transform .2s ease;
pointer-events:none;
z-index:50;
width:190px;
}
#hero .cwh-tip.is-shown{
opacity:1;
transform:translate(-50%,-100%) translateY(-14px);
}
#hero .cwh-tip b{
display:block;
font-weight:600;
font-size:20px;
white-space:nowrap;
font-variant:small-caps;
}
#hero .cwh-tip span{
display:block;
font-size:15px;
margin-top:2px;
}
#hero .cwh-tip::after{
content:'';
position:absolute;
top:100%;
left:50%;
transform:translateX(-50%);
border:6px solid transparent;
border-top-color:#fff;
}
#hero .cwh-tip.tip-strategie{background:var(--cwh-yellow)}
#hero .cwh-tip.tip-strategie::after{border-top-color:var(--cwh-yellow)}
#hero .cwh-tip.tip-immersion{background:var(--cwh-pink)}
#hero .cwh-tip.tip-immersion::after{border-top-color:var(--cwh-pink)}
#hero .cwh-tip.tip-immersion b,
#hero .cwh-tip.tip-immersion span{color:#fff}
#hero .cwh-tip.tip-fabrique{background:var(--cwh-teal)}
#hero .cwh-tip.tip-fabrique::after{border-top-color:var(--cwh-teal)}
#hero .cwh-tip.tip-fabrique b,
#hero .cwh-tip.tip-fabrique span{color:#fff}

#hero .cwh-text{
position:absolute;
top:41%;
left:50%;
width:min(880px,90%);
opacity:0;
transform:translate(-50%,-50%) translateY(28px);
transition:opacity .8s ease,transform .8s ease;
z-index:8;
pointer-events:none;
}
#hero .cwh-text.is-visible{
opacity:1;
transform:translate(-50%,-50%) translateY(0);
pointer-events:auto;
}
body.cw-live .cw-hero-texte{
visibility:hidden;
}
body.cw-live .cwh-text .cw-hero-texte{
visibility:visible;
}
body .cwh-text .cw-hero-texte{
width:100%;
max-width:none;
margin:0;
}
#hero .cwh-text::before{
content:'';
position:absolute;
top:-22px;
right:-22px;
width:90px;
height:90px;
background:url(/wp-content/uploads/tilt.svg) center/contain no-repeat;
pointer-events:none;
z-index:2;
}
#hero .cwh-word{
display:inline-block;
opacity:0;
transform:translateY(16px);
filter:blur(7px);
transition:opacity .65s ease,transform .65s ease,filter .65s ease;
transition-delay:calc(var(--i) * .09s);
}
#hero .cwh-text.is-visible .cwh-word{
opacity:1;
transform:translateY(0);
filter:blur(0);
}

#hero .cwh-cue{
position:absolute;
bottom:4%;
left:50%;
transform:translateX(-50%);
width:100px;
height:100px;
opacity:.9;
animation:cwhCue 1.8s ease-in-out infinite;
background:#ffda1c99;
border-radius:50%;
z-index:8;
cursor:pointer;
display:block;
padding:0;
border:0;
}
#hero .cwh-cue img{
display:block;
width:100px;
height:100px;
padding:9px;
object-fit:contain;
filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));
transform:rotate(131deg) translateY(9px) translateX(-12px);
}
@keyframes cwhCue{
0%,100%{transform:translate(-50%,0)}
50%{transform:translate(-50%,6px)}
}
#hero .cwh-visual.is-text-shown .cwh-cue{
opacity:0;
pointer-events:none;
}

body.cw-live #menu-accueil{
position:fixed!important;
top:15px!important;
left:0!important;
right:0!important;
z-index:2147483647!important;
}

@media (max-width:600px){
body.cw-landing.cw-theme-accueil.cw-live #hero{
min-height:0;
min-height:100svh;
}
body.cw-live #menu-accueil{
position:static!important;
}
#hero .cwh-text{
top:60%;
width:87%;
transform:translate(-50%,-50%) translateY(28px);
}
#hero .cwh-text.is-visible{
transform:translate(-50%,-50%) translateY(0);
}
body .cwh-text .cw-hero-texte{
padding:14px 16px;
}
body .cw-hero-texte h1{
font-size:clamp(18px,6vw,32px);
margin-bottom:8px;
}
body .cw-hero-texte h1 strong{
font-size:clamp(16px,5vw,22px);
padding:2px 8px;
}
body .cw-hero-texte h2{
font-size:15px;
}
body .cw-hero-texte ul{
margin:12px 0 16px;
gap:11px 9px;
}
body .cw-hero-texte ul li{
height:30px;
padding:0 12px 0 24px;
font-size:10.5px;
}
body .cw-hero-texte ul li::after{
left:9px;
margin-top:-4.5px;
font-size:8px;
}
body .cw-hero-texte p.cw-hero-actions a{
font-size:15px;
padding:12px 20px;
}
#hero .cwh-text::before{
width:55px;
height:55px;
top:-14px;
right:-14px;
}
}

@media (prefers-reduced-motion:reduce){
#hero .cwh-cloud,
#hero .cwh-grass,
#hero .cwh-mascot,
#hero .cwh-cue,
#hero .cwh-particle{
animation:none!important;
}
#hero .cwh-text{
opacity:1!important;
transform:translate(-50%,-50%)!important;
}
#hero .cwh-word{
opacity:1!important;
transform:none!important;
filter:none!important;
transition:none!important;
}
body.cw-live #menu-accueil{
position:static!important;
}
}