/* Entrada de la V9 (24/10, elegida por Sergio): muro de vídeos de clientes oscurecido y la frase grande.
   Debajo sigue el carrusel 3D de la web nueva, ya sin solaparse con la entrada. */
.h9{height:200vh;position:relative;background:#070707}
.h9-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.h9-wall{position:absolute;inset:-12vh var(--pad,24px);display:grid;grid-template-columns:repeat(4,1fr)}
.h9-col{display:flex;flex-direction:column;will-change:transform}
.h9-col video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#111;display:block}
.h9-col:nth-child(2n){margin-top:-24vh}
.h9-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(7,7,7,.35),rgba(7,7,7,.86) 75%),linear-gradient(rgba(7,7,7,.25),rgba(7,7,7,.6));pointer-events:none}
.h9-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--pad,24px);will-change:transform,opacity}
.h9-copy .label{margin-bottom:28px;color:var(--ink-2)}
.h9-mega{font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.88;font-size:clamp(50px,10.4vw,190px);margin:0;color:var(--ink,#f2efe8)}
.h9-mega .ln{display:block;overflow:hidden;padding-bottom:.04em}
.h9-mega .ln>span{display:block;transform:translateY(105%);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.h9-copy.in .ln>span{transform:none}
.h9-copy.in .ln:nth-child(2)>span{transition-delay:.08s}
.h9-copy.in .ln:nth-child(3)>span{transition-delay:.16s}
.h9-cta{margin-top:clamp(28px,5vh,48px);opacity:0;transition:opacity .8s .5s;display:inline-flex;align-items:center;gap:10px;background:var(--ink,#f2efe8);color:#0a0a0a;padding:14px 22px;font-weight:600;font-size:15px;text-decoration:none}
.h9-copy.in .h9-cta{opacity:1}
.h9-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:var(--ink-2);transition:opacity .4s;margin:0}
/* el carrusel ya no se monta encima de la entrada */
.ring{margin-top:0!important}
.ring-velo{display:none!important}
@media (max-width:820px){
  .h9{height:170vh}
  .h9-wall{grid-template-columns:repeat(2,1fr)}
  .h9-col:nth-child(n+3){display:none}
}
@media (prefers-reduced-motion:reduce){ .h9-mega .ln>span{transform:none;transition:none} .h9-cta{opacity:1} }