/* Bande design Elze'art (Benjamin Moreau). Généré par tools/build.py. Tout est préfixé .ez-sig. */
.ez-sig{--ez-paper:#f5f5f5;--ez-ink:#444444;--ez-mute:#7a7a7a;--ez-ease:cubic-bezier(.22,1,.36,1);
  position:relative;z-index:1;display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;align-self:stretch;justify-self:stretch;flex:0 0 auto;grid-column:1/-1;float:none;clear:both;margin:0;
  padding:16px clamp(16px,4vw,56px);background:var(--ez-paper);color:var(--ez-ink);overflow:hidden;isolation:isolate;text-align:left;text-transform:none;letter-spacing:normal;
  font:400 14px/1.4 "DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ez-sig::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(68,68,68,.18)}
.ez-sig *,.ez-sig *::before,.ez-sig *::after{box-sizing:border-box}
.ez-sig a{color:inherit !important;text-decoration:none !important;background:none;border:0}
.ez-sig__link{max-width:1440px;margin:0 auto;display:flex !important;align-items:center;gap:16px}
.ez-sig__logo{display:block;flex:none;width:96px;height:41px;background:var(--ez-ink);
  -webkit-mask:url(elzeart-mask.webp) center/contain no-repeat;mask:url(elzeart-mask.webp) center/contain no-repeat;
  transition:transform .5s var(--ez-ease),background-color .4s}
.ez-sig__text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}
.ez-sig__by{font-size:10.5px !important;font-weight:600;letter-spacing:.18em !important;text-transform:uppercase;color:var(--ez-mute) !important;line-height:1}
.ez-sig__name{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:17px;line-height:1.1;color:var(--ez-ink)}
.ez-sig__cta{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(68,68,68,.3);font-weight:600;font-size:13px;line-height:1;transition:background-color .35s,color .35s,box-shadow .35s}
.ez-sig__cta span{display:inline-block;transition:transform .35s var(--ez-ease)}
.ez-sig__link:hover .ez-sig__cta{background:var(--ez-ink);color:var(--ez-paper);box-shadow:inset 0 0 0 1.5px var(--ez-ink)}
.ez-sig__link:hover .ez-sig__cta span{transform:translateX(4px)}
.ez-sig__link:hover .ez-sig__logo{transform:rotate(-4deg) scale(1.05);background:#1f1f1f}
.ez-sig__link:focus-visible{outline:2px solid var(--ez-ink);outline-offset:4px;border-radius:6px}
@media (max-width:480px){.ez-sig__cta{display:none}.ez-sig__logo{width:80px;height:34px}}

/* Apparition : le logo se dessine de gauche à droite (classe ajoutée par solo-signature.js) */
.ez-sig--anim .ez-sig__logo{clip-path:inset(0 100% 0 0)}
.ez-sig--anim.is-in .ez-sig__logo{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ez-ease) .15s,transform .5s var(--ez-ease),background-color .4s}
.ez-sig--anim .ez-sig__text{opacity:0;transform:translateY(8px)}
.ez-sig--anim.is-in .ez-sig__text{opacity:1;transform:none;transition:opacity .8s ease .35s,transform .8s var(--ez-ease) .35s}
@media (prefers-reduced-motion:reduce){.ez-sig *{transition:none !important}}
