.cinematic-overlay{position:fixed;inset:0;z-index:9999;background:var(--color-bg-dark);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.cinematic-overlay--active{opacity:1;pointer-events:auto}.cinematic-overlay--exiting{opacity:0;pointer-events:none}.cinematic-overlay__canvas{position:absolute;inset:0;width:100%;height:100%}.cinematic-overlay__subtitles{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:90%;max-width:720px;text-align:center;z-index:2;pointer-events:none}.cinematic-overlay__subtitle-text{font-family:var(--font-sans);font-size:clamp(var(--text-lg),2.4vw,var(--text-2xl));font-weight:var(--weight-light);color:rgba(255,255,255,.92);line-height:1.5;letter-spacing:.01em}.cinematic-overlay__subtitle-word{opacity:0;color:rgba(59,130,246,.95);transition:opacity .08s ease,color 1.2s cubic-bezier(.16,1,.3,1).1s}.cinematic-overlay__subtitle-word--visible{opacity:1;color:rgba(255,255,255,.92)}.cinematic-overlay__progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,8%);z-index:3}.cinematic-overlay__progress-fill{height:100%;width:0%;background:#3b82f6;transition:width .1s linear}.cinematic-overlay__close{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:4;background:0 0;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);width:40px;height:40px;border-radius:50%;font-family:var(--font-sans);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease;line-height:1}.cinematic-overlay__close:hover{color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.5)}.cinematic-overlay__cta{position:absolute;bottom:16%;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:var(--space-md);opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.cinematic-overlay__cta--visible{opacity:1;pointer-events:auto}.cinematic-overlay__cta-button{font-family:var(--font-sans);font-weight:var(--weight-extrabold);font-size:var(--text-sm);letter-spacing:var(--tracking-widest);text-transform:uppercase;text-decoration:none;padding:var(--space-md)var(--space-2xl);border-radius:var(--radius-sm);transition:background-color .2s ease,color .2s ease;display:inline-block}.cinematic-overlay__cta-button--primary{background:#fff;color:var(--color-bg-dark);border:2px solid #fff}.cinematic-overlay__cta-button--primary:hover{background:var(--color-accent-vibrant);border-color:var(--color-accent-vibrant);color:#fff}.cinematic-overlay__cta-button--outline{background:0 0;color:#fff;border:2px solid rgba(255,255,255,.4)}.cinematic-overlay__cta-button--outline:hover{border-color:#fff}.cinematic-overlay__hud{position:absolute;top:var(--space-xl);left:var(--space-xl);z-index:3;pointer-events:none}.cinematic-overlay__hud-counter{font-family:sf mono,fira code,monospace;font-size:var(--text-sm);color:rgba(59,130,246,.85);letter-spacing:.05em;opacity:0;transition:opacity .3s ease,color .8s cubic-bezier(.16,1,.3,1)}.cinematic-overlay__hud-counter--visible{opacity:1}@media screen and (max-width:768px){.cinematic-overlay__subtitles{bottom:8%;width:92%}.cinematic-overlay__subtitle-text{font-size:var(--text-base)}.cinematic-overlay__close{top:var(--space-md);right:var(--space-md);width:36px;height:36px}.cinematic-overlay__cta{bottom:12%;flex-direction:column;align-items:center}}@media screen and (max-width:640px){.cinematic-overlay__subtitle-text{font-size:var(--text-sm);line-height:1.6}}