@property --m2-r{syntax:'<percentage>';inherits:false;initial-value:75%}
/* Motor 2 · 8-nov · «La vuelta del aprendizaje»: una escena por parada detrás de las partículas.
   Aditivo: solo actúa si kjv-x2 ya montó .x-lab-st. Quitar este archivo y kjv-m2-lap.js = volver atrás. */
.m2-lap-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#061a13}
.m2-lap-bg figure{position:absolute;inset:-3%;margin:0;opacity:0;transform:translate3d(var(--mx,0),var(--my,0),0) scale(1.12);
  filter:blur(14px) saturate(.6) brightness(.7);transition:--m2-r 1.3s cubic-bezier(.65,0,.35,1),opacity 1.1s cubic-bezier(.16,1,.3,1),filter 1.4s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1);
  --m2-r:0%;-webkit-mask:radial-gradient(circle,#000 var(--m2-r),transparent calc(var(--m2-r) + 2%)) 0 0/18px 18px;
  mask:radial-gradient(circle,#000 var(--m2-r),transparent calc(var(--m2-r) + 2%)) 0 0/18px 18px}
.m2-lap-bg figure.on{--m2-r:75%;opacity:1;filter:none;transform:translate3d(var(--mx,0),var(--my,0),0) scale(1.04);animation:m2kb 18s linear forwards}
.m2-lap-bg img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 40%)}
/* la tarjeta va a un lado; la persona queda del otro y un velo protege la lectura */
.m2-lap-bg figure[data-card="r"]{--op:30% 40%}
.m2-lap-bg figure[data-card="l"]{--op:70% 40%}
.m2-lap-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 90% at 50% 45%,rgba(6,26,19,0) 35%,rgba(6,26,19,.82) 100%),
  linear-gradient(180deg,rgba(6,26,19,.55),rgba(6,26,19,0) 22%,rgba(6,26,19,0) 70%,rgba(6,26,19,.9))}
.m2-lap-bg figcaption{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(64px,10vh,96px);z-index:2;
  font:700 9.5px/1 var(--body,system-ui);letter-spacing:.16em;text-transform:uppercase;color:rgba(247,241,230,.6);
  padding:6px 9px;border:1px solid rgba(247,241,230,.18);border-radius:99px;background:rgba(6,26,19,.5)}
.m2-lap-bg figure[data-card="l"] figcaption{left:auto;right:clamp(16px,3vw,40px)}
/* las partículas quedan por encima y se mezclan con la luz de la foto */
.m2-lap-on .x-lab-cv{z-index:1;mix-blend-mode:screen}
.m2-lap-on .x-lab-nav{z-index:3}
@keyframes m2kb{from{transform:translate3d(var(--mx,0),var(--my,0),0) scale(1.04)}to{transform:translate3d(var(--mx,0),var(--my,0),0) scale(1.12)}}
@media (max-width:860px){.m2-lap-bg figure[data-card]{--op:50% 30%}.m2-lap-bg::after{background:linear-gradient(180deg,rgba(6,26,19,.35),rgba(6,26,19,.2) 30%,rgba(6,26,19,.92) 62%)}}
@media (prefers-reduced-motion:reduce){.m2-lap-bg figure,.m2-lap-bg figure.on{transition:opacity .4s;animation:none;filter:none;transform:none;-webkit-mask:none;mask:none}}
.xa-lap{overflow-x:clip}