/* Halloween ajouté PAR-DESSUS le thème saisonnier, sans masquer la navigation. */
.hero{position:relative}
.cm-amb-halloween{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;isolation:isolate}
.cm-amb-web{position:absolute;right:-7px;top:-4px;width:clamp(190px,35vw,430px);filter:drop-shadow(0 0 2px #b18db9);opacity:.82;pointer-events:none;animation:cm-amb-web-drift 13s ease-in-out infinite alternate;transform-origin:95% 3%}
.cm-amb-spider-wrap{position:absolute;top:-3px;right:clamp(38px,10vw,160px);width:clamp(53px,7.5vw,86px);height:240px;transform-origin:50% 0;animation:cm-amb-swing 7s ease-in-out infinite;pointer-events:none}
.cm-amb-spider-wrap svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(2px 4px 4px rgba(0,0,0,.35))}
.cm-amb-pumpkin{position:absolute;right:clamp(0px,2.5vw,22px);bottom:clamp(8px,2vh,24px);width:clamp(100px,15vw,200px);aspect-ratio:250/210;border:0;background:none;cursor:pointer;pointer-events:auto;padding:0;filter:drop-shadow(0 8px 12px rgba(20,4,18,.55));transform-origin:50% 90%;transition:transform .3s,filter .3s;z-index:2}
.cm-amb-pumpkin--b{width:clamp(75px,10vw,130px);right:clamp(108px,13vw,175px);bottom:0;transform:rotate(7deg)}
.cm-amb-pumpkin--b:hover,.cm-amb-pumpkin--b:focus-visible{transform:rotate(-5deg) scale(1.08)}
.cm-amb-pumpkin svg{display:block;width:100%;height:100%}
.cm-amb-pumpkin:hover,.cm-amb-pumpkin:focus-visible{transform:rotate(-6deg) scale(1.09);filter:drop-shadow(0 0 17px #ffbc45) drop-shadow(0 8px 8px #311d23)}
.cm-amb-halloween[data-intensity="1"] .cm-amb-web{opacity:.7}
.cm-amb-halloween[data-intensity="1"] .cm-amb-spider-wrap{animation-duration:11s}
.cm-amb-halloween[data-intensity="3"] .cm-amb-spider-wrap{animation-duration:4s}
.cm-amb-halloween[data-intensity="3"] .cm-amb-pumpkin{animation:cm-amb-pulse 4s ease-in-out infinite alternate}
.cm-amb-halloween [hidden]{display:none!important}
@keyframes cm-amb-web-drift{from{transform:rotate(-.8deg) scale(1)}to{transform:rotate(.9deg) scale(1.012)}}
@keyframes cm-amb-swing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes cm-amb-pulse{0%,100%{filter:drop-shadow(0 5px 10px #220e27)}50%{filter:drop-shadow(0 0 16px #ffa73e)}}
/* Respect de l'accessibilité, de la batterie et des clics sur les mascottes. */
@media(prefers-reduced-motion:reduce){.cm-amb-halloween *, .cm-amb-halloween *::before{animation:none!important;transition:none!important}}
@media(max-width:720px){.cm-amb-web{width:190px}.cm-amb-spider-wrap{right:40px;width:48px;height:180px}.cm-amb-pumpkin--a{width:103px;right:0;bottom:3px}.cm-amb-pumpkin--b{width:73px;right:82px;bottom:0}}
@media(max-width:360px){.cm-amb-pumpkin--a{width:84px}.cm-amb-pumpkin--b{width:61px;right:67px}.cm-amb-web{width:150px}}

/* V3.3 - La toile appartient a la nuit ; de jour, fil attache au panneau de la photo.
   Les positions precises sont calculees par JS selon la source et le recadrage cover. */
.cm-amb-halloween.cm-amb-halloween--day .cm-amb-web{display:none}
.cm-amb-halloween.cm-amb-halloween--day .cm-amb-spider-wrap{
 right:auto;
 width:clamp(57px,7.3vw,94px);
 height:auto;
 filter:drop-shadow(0 4px 3px rgba(35,20,42,.2));
}
.cm-amb-halloween.cm-amb-halloween--day.cm-amb-halloween--anchor-offscreen .cm-amb-spider-wrap{
 visibility:hidden;
}
.cm-amb-halloween .cm-amb-spider-wrap svg{
 display:block;width:100%;height:auto;overflow:visible;
}
.cm-amb-halloween .cm-amb-spider-thread{
 filter:drop-shadow(0 0 1px rgba(75,32,78,.55));
}
.cm-amb-halloween .cm-amb-spider-creature{
 transform-origin:58px 159px;
}
.cm-amb-halloween:not(.cm-amb-halloween--day) .cm-amb-spider-wrap{
 top:-3px;left:auto;right:clamp(38px,10vw,160px);
}
@media(max-width:720px){
 .cm-amb-halloween.cm-amb-halloween--day .cm-amb-spider-wrap{width:54px;height:auto}
}
@media(max-width:360px){
 .cm-amb-halloween.cm-amb-halloween--day .cm-amb-spider-wrap{width:46px}
}