/* ═══ EVA particle intro ═══════════════════════════════════════════
   Particles swarm, lock into the EVA mark, then scatter as the fog
   intro clears. Pairs with assets/eva-intro.js. Delete both files and
   their two tags in index.html to remove it completely.
═══════════════════════════════════════════════════════════════════ */
.eva-intro{position:fixed;inset:0;z-index:9600;overflow:hidden;-webkit-tap-highlight-color:transparent}
.eva-intro::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 62% 52% at 50% 44%,#15141b 0%,#0b0b0f 55%,#060608 100%);
  transition:opacity 1.1s cubic-bezier(.4,0,.2,1) .3s}
.eva-intro.is-out{pointer-events:none}
.eva-intro.is-out::before{opacity:0}
.eva-intro__cv{position:absolute;inset:0;width:100%;height:100%;display:block}
@media (min-width:900px){.eva-intro__cv{filter:drop-shadow(0 0 10px rgba(238,234,226,.18))}}

.eva-intro__motto{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:center;gap:18px;
  font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.42em;text-transform:uppercase;color:#c8baa2;
  padding-left:.42em;opacity:0;transform:translateY(10px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.eva-intro__motto i{display:block;height:1px;width:0;background:linear-gradient(90deg,transparent,#8a7d68);
  transition:width 1.1s cubic-bezier(.16,1,.3,1) .15s}
.eva-intro__motto i:last-child{background:linear-gradient(270deg,transparent,#8a7d68)}
.eva-intro.is-motto .eva-intro__motto{opacity:1;transform:none}
.eva-intro.is-motto .eva-intro__motto i{width:clamp(24px,6vw,72px)}

.eva-intro__hud,.eva-intro__skip{position:absolute;bottom:calc(26px + env(safe-area-inset-bottom,0px));
  font:500 10px/1 Inter,system-ui,sans-serif;letter-spacing:.32em;text-transform:uppercase;
  opacity:0;animation:evaIntroIn .9s ease .35s forwards}
.eva-intro__hud{left:clamp(20px,5.5vw,88px);color:#4a4a5e}
.eva-intro__skip{right:clamp(20px,5.5vw,88px);color:#888898;background:none;border:0;padding:12px 0 12px 12px;
  margin:-12px 0;cursor:pointer;transition:color .25s ease}
.eva-intro__skip:hover,.eva-intro__skip:focus-visible{color:#eeeae2;outline:none}
.eva-intro.is-out .eva-intro__motto,.eva-intro.is-out .eva-intro__hud,.eva-intro.is-out .eva-intro__skip{
  opacity:0;transform:none;animation:none;transition:opacity .35s ease}
@keyframes evaIntroIn{to{opacity:1}}
@media (max-width:640px){.eva-intro__hud{display:none}}
@media (prefers-reduced-motion:reduce){.eva-intro{display:none!important}}