:root{--bg: #0d0b07;--ink: #efe6cf;--muted: #c8bc9c;--gold: #d8b45a;--gold2: #f0d183;--ok: #8fbf6f}*{box-sizing:border-box}html,body,#root{margin:0}body{background:var(--bg);color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}.cine{position:relative;height:320vh}.cine__stage{position:sticky;top:0;height:100svh;overflow:hidden}.cine__gl,.cine__fx,.cine__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cine__fallback{object-fit:cover;object-position:36% center}.cine__fx{pointer-events:none}.cine__light{position:absolute;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;transition:opacity .4s;background:radial-gradient(circle,#ffaa4638,#ff8c2814,#0000 70%)}.cine__eyes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen}.cine__eyes span{position:absolute;left:0;top:0;width:26px;height:14px;margin:-7px 0 0 -13px;border-radius:50%;background:radial-gradient(ellipse,#ffe28c,#ffaa32a6 35%,#ff781400 72%);filter:blur(.5px)}.cine__top{position:absolute;top:18px;left:22px}.cine__mark{width:150px;height:auto;transition:opacity .3s;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.cine__panel{position:absolute;right:6vw;top:50%;translate:0 -50%;width:min(520px,44vw);text-align:center;padding:28px 24px;transition:opacity .2s linear}.cine__logo{width:100%;height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.7))}.cine__tag{margin:14px auto 0;color:var(--muted);font-size:clamp(15px,1.6vw,20px);text-shadow:0 2px 10px #000}.cine__badge{display:inline-block;margin-top:16px;padding:5px 14px;border-radius:999px;border:1px solid var(--ok);color:var(--ok);font-size:13px;letter-spacing:.5px;background:#00000059}.cine__panel>div{margin-top:24px}.cine__sub{margin-top:12px;color:var(--muted);font-size:13px;text-shadow:0 2px 8px #000}.btn{display:inline-block;text-decoration:none;font-weight:700;letter-spacing:.5px;padding:15px 36px;border-radius:10px;font-size:18px;color:#2a1e05;background:linear-gradient(180deg,var(--gold2),var(--gold));border:1px solid #8a6b24;box-shadow:0 6px 22px #0000008c,0 0 #ffb43c00;transition:transform .08s ease,box-shadow .25s ease,filter .15s ease}.btn:hover,.btn:focus-visible{filter:brightness(1.08);box-shadow:0 6px 22px #0000008c,0 0 28px #ffb43c8c}.btn:active{transform:translateY(1px)}.cine__hint{position:absolute;left:50%;bottom:26px;translate:-50% 0;display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:13px;letter-spacing:1px;text-transform:lowercase;pointer-events:none}.cine__hint i{width:1px;height:30px;background:linear-gradient(var(--gold2),transparent);animation:drip 1.6s ease-in-out infinite}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.cine__tilt{position:absolute;right:16px;bottom:16px;padding:8px 12px;border-radius:8px;font:inherit;font-size:13px;color:var(--ink);background:#00000073;border:1px solid rgba(240,209,131,.4)}@media (max-width: 820px){.cine__mark{width:116px}.cine__panel{right:0;left:0;top:auto;bottom:0;translate:none;width:100%;padding:80px 16px 28px;background:linear-gradient(transparent,#0d0b07e0 38%)}.cine__logo{max-width:340px}}@media (prefers-reduced-motion: reduce){.cine{height:100svh}.cine__hint i{animation:none}}