/* PRESS KIT · experiencia de scroll */
.pk-esc { position:relative; }
.pk-abre { height:230svh; }
.pk-banda { height:190svh; margin:40px 0 0; }
.pk-pin { position:sticky; top:0; height:100svh; overflow:hidden; display:grid; place-items:center; background:#0B0B0B; color:#fff; }
.pk-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; will-change:clip-path, transform; }
.pk-velo { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.15) 40%, rgba(0,0,0,.65)); opacity:.35; pointer-events:none; }
.pk-nombre { position:relative; z-index:2; margin:0; text-align:center; font:900 clamp(110px, 24vw, 380px)/.8 'Inter Alargada', 'Inter', Impact, sans-serif; text-transform:uppercase; color:#fff; will-change:transform; text-shadow:0 6px 40px rgba(0,0,0,.35); }
.pk-nombre span { display:block; }
.pk-nombre span:last-child { color:transparent; -webkit-text-stroke:3px var(--jm-amarillo); }
.pk-sub { position:absolute; z-index:2; left:50%; bottom:22svh; transform:translateX(-50%); font:400 clamp(26px, 3.4vw, 46px) 'Double Scratch', 'Inter', sans-serif; color:var(--jm-amarillo); white-space:nowrap; }
.pk-baja { position:absolute; z-index:2; left:50%; bottom:5svh; transform:translateX(-50%); font:800 12px 'Inter', system-ui, -apple-system, sans-serif; letter-spacing:.24em; text-transform:uppercase; animation:pkBaja 1.6s ease-in-out infinite; }
@keyframes pkBaja { 50% { transform:translate(-50%, 8px); } }
.pk-banda .pk-media { clip-path:circle(12% at 50% 50%); }
.pk-frase { position:relative; z-index:2; margin:0 16px; max-width:820px; text-align:center; font:800 clamp(30px, 4.6vw, 64px)/1.05 'Inter', system-ui, -apple-system, sans-serif; letter-spacing:-.02em; text-shadow:0 3px 24px #000; }
.pk-frase .pal { display:inline-block; opacity:.12; transform:translateY(.3em); transition:opacity .35s, transform .45s cubic-bezier(.3,1.4,.5,1); }
.pk-frase .pal.on { opacity:1; transform:none; }
.pk-dato { position:absolute; z-index:2; left:16px; bottom:16px; font:700 11px 'Inter', system-ui, -apple-system, sans-serif; letter-spacing:.16em; text-transform:uppercase; opacity:.8; }

/* revelados de los bloques */
.pk-rev { clip-path:inset(0 0 100% 0); transform:translateY(24px); transition:clip-path .8s cubic-bezier(.7,0,.2,1), transform .8s cubic-bezier(.7,0,.2,1); }
.pk-rev.on { clip-path:inset(-20% -5% -30% -5%); transform:none; }
.pk-sube { opacity:0; transform:translateY(40px); transition:opacity .7s, transform .8s cubic-bezier(.2,.9,.3,1); }
.pk-sube.on { opacity:1; transform:none; }
.stats.pk-sube > * { opacity:0; transform:translateY(20px) rotate(-2deg); transition:opacity .5s, transform .6s cubic-bezier(.3,1.5,.5,1); }
.stats.pk-sube.on > * { opacity:1; transform:none; }
.stats.pk-sube.on > *:nth-child(2) { transition-delay:.1s; } .stats.pk-sube.on > *:nth-child(3) { transition-delay:.2s; } .stats.pk-sube.on > *:nth-child(4) { transition-delay:.3s; }

@media (max-width:700px) { .pk-nombre { font-size:30vw; } .pk-nombre span:last-child { -webkit-text-stroke-width:2px; } .pk-sub { bottom:24svh; } }
@media (prefers-reduced-motion: reduce) {
  .pk-abre, .pk-banda { height:auto; } .pk-pin { position:relative; height:90svh; }
  .pk-banda .pk-media { clip-path:none; } .pk-baja { animation:none; }
  .pk-rev, .pk-sube, .stats.pk-sube > * { clip-path:none; opacity:1; transform:none; }
}
@media print { .pk-esc { display:none !important; } .pk-rev, .pk-sube, .stats.pk-sube > * { clip-path:none !important; opacity:1 !important; transform:none !important; } }