/* ════════════════════════════════════════════════════ NEXT PLAY — cinematic.css Estados de arranque de las animaciones de scroll. Progressive enhancement: por defecto TODO es visible y en su posición final. Solo cuando js/cinematic.js confirma que GSAP + ScrollTrigger cargaron bien, añade `.gsap-ready` a y estas reglas fijan el estado de partida. Si el CDN de GSAP falla, la web nunca se queda con contenido invisible. ════════════════════════════════════════════════════ */ #cineHero { position: relative; } /* El hero se anima con parallax puro (transform sobre elementos ya visibles), así que no necesita estado de arranque aquí. */ /* Manifiesto: cada frase entra desde un lado distinto */ .gsap-ready .m-line { opacity: 0; will-change: transform, opacity; } .gsap-ready .m-line.ghost { transform: translateX(56px); } .gsap-ready .m-line.solid { transform: translateX(-56px); } .gsap-ready .m-line.accent { transform: translateY(24px) scale(.92) rotate(-1deg); } /* El escenario de servicios (.stage) gestiona sus propios estados con clases .on desde JS: no necesita reglas de arranque aquí. Sin JS se ve el primer servicio completo, que es un estado válido. */