/* Easter egg : 7 appuis sur le logo -> « oltre le stelle » (clin d'œil à la promo Esabac). */
.v2 .brand.logo{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}

/* Appuis 1 à 6 : un scintillement de plus en plus net (--k va de 0 à 1) */
.v2 .brand.logo.egg-spark .wm{animation:egg-glint .65s ease-out both}
.v2 .brand.logo.egg-spark .dot{animation:egg-blink .65s ease-out both!important}
@keyframes egg-glint{
  0%{text-shadow:0 0 0 rgba(255,200,110,0)}
  35%{text-shadow:0 0 12px rgba(255,200,110,calc(.25 + var(--k,0)*.6))}
  100%{text-shadow:0 0 0 rgba(255,200,110,0)}
}
@keyframes egg-blink{
  0%{transform:scale(1)}
  35%{transform:scale(calc(1.5 + var(--k,0)*.9));background:#ffd98a;box-shadow:0 0 .6em #ffd98a,0 0 1.3em rgba(255,217,138,.8)}
  100%{transform:scale(1)}
}

/* 7e appui : le ciel */
.egg{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;cursor:pointer;color:#f6efe2;outline:0;
  background:radial-gradient(120% 90% at 50% 112%,#2a3470 0%,#141a43 46%,#090c24 100%);
  opacity:0;animation:egg-in 1.1s ease forwards;-webkit-tap-highlight-color:transparent}
.egg.out{animation:egg-out .9s ease forwards}
@keyframes egg-in{to{opacity:1}}
@keyframes egg-out{from{opacity:1}to{opacity:0}}

.egg-star{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;
  background:#fff6dc;box-shadow:0 0 calc(var(--s)*3) rgba(255,232,180,.85);opacity:0;
  animation:egg-pop .8s ease var(--d) forwards,egg-tw var(--t) ease-in-out calc(var(--d) + .8s) infinite alternate}
.egg-star.g{background:#ffd98a;box-shadow:0 0 calc(var(--s)*4) rgba(255,208,120,.9)}
@keyframes egg-pop{from{opacity:0;transform:scale(.2)}to{opacity:var(--o);transform:scale(1)}}
@keyframes egg-tw{from{opacity:var(--o);transform:scale(1)}to{opacity:calc(var(--o)*.35);transform:scale(.75)}}

.egg-shoot{position:absolute;left:var(--sx);top:var(--sy);width:clamp(120px,22vw,220px);height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(255,255,255,0),#fff 85%);opacity:0;transform:rotate(24deg);
  animation:egg-shoot 1.3s ease-in var(--d) forwards}
.egg-shoot::after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;
  background:#fff;box-shadow:0 0 10px 3px rgba(255,236,190,.9)}
@keyframes egg-shoot{
  0%{opacity:0;transform:rotate(24deg) translateX(0)}
  12%{opacity:1}
  100%{opacity:0;transform:rotate(24deg) translateX(78vw)}
}

.egg-core{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;text-align:center}
.egg-logo{display:inline-flex;align-items:baseline;font-family:var(--font-head,"Outfit",sans-serif);font-weight:700;
  font-size:clamp(2.4rem,9vw,3.6rem);line-height:1;letter-spacing:-.035em;text-transform:lowercase;
  opacity:0;animation:egg-logo 1.5s cubic-bezier(.2,.8,.2,1) 2.4s forwards}
@keyframes egg-logo{
  from{opacity:0;transform:translateY(8px);text-shadow:0 0 0 rgba(255,214,140,0)}
  to{opacity:1;transform:none;text-shadow:0 0 18px rgba(255,214,140,.65),0 0 46px rgba(255,214,140,.35)}
}
.egg-dot{display:inline-block;width:.28em;height:.28em;margin-left:.06em;border-radius:50%;background:#ffd98a;
  box-shadow:0 0 .5em #ffd98a,0 0 1.4em rgba(255,217,138,.8);animation:egg-pulse 2.4s ease-in-out 3.6s infinite}
@keyframes egg-pulse{50%{transform:scale(1.5);box-shadow:0 0 .7em #ffd98a,0 0 2em rgba(255,217,138,.9)}}

.egg-title{margin:0;font-family:var(--font-head,"Outfit",sans-serif);font-weight:300;font-size:clamp(1.6rem,7vw,2.8rem);
  letter-spacing:.06em;line-height:1.2}
.egg-l{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(.25em);
  animation:egg-l .9s cubic-bezier(.2,.8,.2,1) calc(3.2s + var(--i)*70ms) forwards}
.egg-l.sp{width:.35em}
@keyframes egg-l{to{opacity:1;filter:none;transform:none}}
.egg-sub{margin:0;font-size:.95rem;letter-spacing:.04em;opacity:0;animation:egg-sub 1.2s ease 5.4s forwards}
@keyframes egg-sub{to{opacity:.75}}

@media (prefers-reduced-motion:reduce){
  .egg{animation-duration:.4s}
  .egg-star{animation:none;opacity:var(--o)}
  .egg-shoot{display:none}
  .egg-logo{animation:none;opacity:1;text-shadow:0 0 18px rgba(255,214,140,.65)}
  .egg-dot{animation:none}
  .egg-l{animation:none;opacity:1;filter:none;transform:none}
  .egg-sub{animation:none;opacity:.75}
  .v2 .brand.logo.egg-spark .wm,.v2 .brand.logo.egg-spark .dot{animation:none!important}
}