
.estl{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:radial-gradient(640px 440px at 50% 42%,#fff,#f5f3f4 72%);transition:opacity .35s ease,visibility .35s ease;--estl-ink:#1d1a1f;--estl-soft:#fff;--estl-txt:#3d3840;--estl-pink:#E50053;--estl-skin:#fff;--estl-feat:#1d1a1f;--estl-hair:#1d1a1f;--estl-hairline:#1d1a1f}
html.estl-night .estl,html[data-wp-dark-mode-active] .estl,html.wp-dark-mode-active .estl{background:radial-gradient(640px 440px at 50% 42%,#26232a,#141217 72%);--estl-ink:#f6f3f5;--estl-soft:#2c2830;--estl-txt:#ece7eb;--estl-pink:#E50053;--estl-skin:#F6EEF1;--estl-feat:#1d1a1f;--estl-hair:#3a3440;--estl-hairline:#f6f3f5}
html.estl-done .estl{opacity:0;visibility:hidden;pointer-events:none}
html.estl-done.estl-leave .estl{opacity:1;visibility:visible;transition-duration:.18s}
.estl__box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}
.estl__logo{display:block;width:210px;height:auto;animation:estcLogo 1.6s ease-in-out infinite}
.estl__logo--n{display:none}
html.estl-night .estl__logo--d,html[data-wp-dark-mode-active] .estl__logo--d,html.wp-dark-mode-active .estl__logo--d{display:none}
html.estl-night .estl__logo--n,html[data-wp-dark-mode-active] .estl__logo--n,html.wp-dark-mode-active .estl__logo--n{display:block}
@keyframes estcLogo{50%{transform:translateY(-6px)}}
.estl p{margin:10px 0 0;font:700 14px Poppins,Manrope,sans-serif;letter-spacing:.05em;color:var(--estl-txt)}
.estc-anim{display:none;width:280px;height:128px;margin-top:18px;overflow:visible}
.estc-anim.is-on{display:block}
.estc-anim .d{fill:var(--estl-ink)}.estc-anim .ds{stroke:var(--estl-ink)}.estc-anim .hd{fill:var(--estl-soft)}
.estc-anim .p{fill:var(--estl-pink)}.estc-anim .ps{stroke:var(--estl-pink)}
/* Coiffure : ciseaux */
.a-snipA,.a-snipB,.a-mbrush{transform-box:view-box}
.a-snipA{transform-origin:118px 56px;animation:estcSnipA .5s ease-in-out infinite alternate}
.a-snipB{transform-origin:118px 56px;animation:estcSnipB .5s ease-in-out infinite alternate}
@keyframes estcSnipA{from{transform:rotate(-9deg)}to{transform:rotate(1deg)}}
@keyframes estcSnipB{from{transform:rotate(9deg)}to{transform:rotate(-1deg)}}
.a-fall path{opacity:0;animation:estcFall 1.5s ease-in infinite}
.a-fall path:nth-child(2){animation-delay:.5s}.a-fall path:nth-child(3){animation-delay:1s}
@keyframes estcFall{0%{opacity:0;transform:translateY(-6px) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translateY(34px) rotate(25deg)}}
/* Barbier : poteau + tondeuse */
.a-pole{animation:estcPole 1s linear infinite}
@keyframes estcPole{from{transform:translateY(0)}to{transform:translateY(-20px)}}
.a-clip{animation:estcClip .9s ease-in-out infinite alternate}
@keyframes estcClip{from{transform:translate(0,-8px)}to{transform:translate(0,12px)}}
.a-buzz{animation:estcBuzz .08s linear infinite alternate}
@keyframes estcBuzz{from{transform:translateX(-1px)}to{transform:translateX(1px)}}
/* Cils */
.a-lash path{opacity:.2;animation:estcLash 2.8s ease-in-out infinite}
.a-lash path:nth-child(2){animation-delay:.3s}.a-lash path:nth-child(3){animation-delay:.6s}.a-lash path:nth-child(4){animation-delay:.9s}.a-lash path:nth-child(5){animation-delay:1.2s}.a-lash path:nth-child(6){animation-delay:1.5s}.a-lash path:nth-child(7){animation-delay:1.8s}
@keyframes estcLash{0%,10%{opacity:.2}20%,85%{opacity:1}100%{opacity:.2}}
.a-tweez{animation:estcTweez 2.8s ease-in-out infinite}
@keyframes estcTweez{0%{transform:translate(-100px,12px)}50%{transform:translate(-8px,0)}100%{transform:translate(-100px,12px)}}
/* Onglerie */
.a-polish{transform-box:fill-box;transform-origin:50% 0;animation:estcPolish 2s ease-in-out infinite}
@keyframes estcPolish{0%{transform:scaleY(0)}60%,85%{transform:scaleY(1)}100%{transform:scaleY(0);opacity:0}}
.a-brush{animation:estcBrush 2s ease-in-out infinite}
@keyframes estcBrush{0%{transform:translate(0,-8px)}60%,85%{transform:translate(-4px,26px)}100%{transform:translate(0,-8px)}}
/* Soins du visage */
.a-roll{animation:estcRoll 1.8s ease-in-out infinite alternate}
@keyframes estcRoll{from{transform:translate(0,-10px)}to{transform:translate(0,14px)}}
.a-spark path{opacity:0;transform-box:fill-box;transform-origin:50% 50%;animation:estcSpark 1.8s ease-in-out infinite}
.a-spark path:nth-child(2){animation-delay:.6s}.a-spark path:nth-child(3){animation-delay:1.2s}
@keyframes estcSpark{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.4)}}
/* Soins du corps */
.a-hands{animation:estcKnead .7s ease-in-out infinite alternate}
@keyframes estcKnead{from{transform:translate(-5px,0)}to{transform:translate(5px,4px)}}
.a-waves path{animation:estcRise 1.6s ease-in-out infinite;opacity:0}
.a-waves path:nth-child(2){animation-delay:.8s}
@keyframes estcRise{0%{opacity:0;transform:translateY(8px)}40%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
/* Maquillage */
.a-lip{animation:estcLip 2.2s ease-in-out infinite}
@keyframes estcLip{0%,100%{transform:translateY(18px)}40%,70%{transform:translateY(0)}}
.a-mbrush{transform-origin:204px 14px;animation:estcSweep 1.1s ease-in-out infinite alternate}
@keyframes estcSweep{from{transform:rotate(-10deg) translate(-6px,0)}to{transform:rotate(8deg) translate(6px,4px)}}
.a-blush{animation:estcBlush 1.1s ease-in-out infinite alternate}
@keyframes estcBlush{from{opacity:.35}to{opacity:.95}}
/* Personnages : peau claire et traits sombres dans les deux modes */
.estc-anim .sk{fill:var(--estl-skin)}.estc-anim .f{fill:var(--estl-feat)}.estc-anim .fs{stroke:var(--estl-feat)}
.estc-anim .hr{fill:var(--estl-hair);stroke:var(--estl-hairline);stroke-width:3;stroke-linejoin:round}
/* Coupe (v2.3) : ciseaux qui coupent les pointes */
.a-cutA,.a-cutB,.a-mk{transform-box:view-box}
.a-cutA{transform-origin:170px 80px;animation:estcSnipA .5s ease-in-out infinite alternate}
.a-cutB{transform-origin:170px 80px;animation:estcSnipB .5s ease-in-out infinite alternate}
/* Maquillage (v2.3) : pinceau sur la joue */
.a-mk{transform-origin:170px 20px;animation:estcMk 1.1s ease-in-out infinite alternate}
@keyframes estcMk{from{transform:rotate(-6deg) translate(-3px,-2px)}to{transform:rotate(6deg) translate(3px,3px)}}
@media (prefers-reduced-motion:reduce){.estl *{animation:none!important}}
