/* A viewport-sized surface, below every content block. CSS backgrounds remain the fallback. */
.liquid-surface{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;display:none}
.liquid-ready .liquid-surface{display:block}
.liquid-ready .home-page .hero{background:transparent}
.liquid-ready .hero-backdrop{opacity:.35}
.liquid-pointer{position:fixed;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;z-index:10000;pointer-events:none;opacity:0}
.liquid-pointer::before{content:"";position:absolute;inset:0;border:1px solid #15213bcc;border-radius:50%;box-shadow:0 0 0 1px #ffffffb3;transition:border-color .2s,background .2s,scale .2s}
.liquid-pointer::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%);background:#111827;border-radius:50%;box-shadow:0 0 0 1.5px #fff}
.liquid-cursor-visible .liquid-pointer{opacity:1}
.liquid-pointer.is-link::before{scale:1.35;border-color:#2358ef;background:#2358ef12}
@media(hover:hover) and (pointer:fine){
 html.liquid-cursor-visible,.liquid-cursor-visible body,.liquid-cursor-visible a,.liquid-cursor-visible button,.liquid-cursor-visible summary{cursor:none}
 .liquid-cursor-visible :is(a,button,summary,[role=button]),.liquid-cursor-visible :is(a,button,summary,[role=button]) *{cursor:none!important}
 .liquid-cursor-visible input,.liquid-cursor-visible textarea{cursor:text}
 .liquid-cursor-visible select,.liquid-cursor-visible input[type=checkbox],.liquid-cursor-visible input[type=range]{cursor:auto}
}
.motion-reduced .liquid-surface,.motion-reduced .liquid-pointer{display:none}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse),(max-width:800px){.liquid-surface,.liquid-pointer{display:none!important}}
/* 13/10 : le pied de page passe au-dessus des décors positionnés (sinon fond et texte disparaissaient sur ordinateur). */
.site-footer{position:relative;z-index:1}
