.hero-cinematic{z-index:-3;pointer-events:none;background:var(--background);position:absolute;inset:0;overflow:hidden;container-type:size}.cinematic-poster{object-fit:cover;object-position:50% 39%;width:100%;height:100%;display:block}.cinematic-video{border:0;width:100%;min-width:177.778cqh;height:100%;min-height:56.25cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cinematic-controls{z-index:2;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100% - 40px);display:flex;position:absolute;top:24px;right:max(40px,50% - 600px)}.cinematic-label{color:var(--foreground);letter-spacing:1.5px;text-shadow:0 1px 5px var(--background);font-size:9px;font-weight:700}.cinematic-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cinematic-toggle{min-height:40px;color:var(--foreground);letter-spacing:1.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:oklch(13.9% .012 250/.85);border:1px solid oklch(100% 0 0/.18);border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:8px;text-decoration:none;display:inline-flex}.cinematic-toggle svg{color:var(--primary);flex-shrink:0}.cinematic-toggle:hover{border-color:var(--primary)}.cinematic-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.cinematic-note{color:var(--muted-foreground);background:oklch(13.9% .012 250/.8);border-radius:3px;padding:3px 6px;font-size:9px}.cinematic-dialog{width:min(960px,100% - 32px);max-width:960px;max-height:calc(100dvh - 32px);overflow-y:auto}.cinematic-player{aspect-ratio:16/9;background:var(--background);border:0;border-radius:5px;width:100%;display:block}.cinematic-external{width:fit-content;color:var(--primary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.cinematic-external:hover{text-decoration:underline}.cinematic-external:focus-visible{outline:2px solid var(--ring);outline-offset:4px}@media (width<=800px){.cinematic-poster{object-position:64% center}.cinematic-controls{right:28px}}@media (width<=520px){.cinematic-poster{object-position:65% center}.cinematic-controls{gap:6px;top:18px;right:20px}.cinematic-label{letter-spacing:1px;font-size:8px}.cinematic-toggle{letter-spacing:.8px;min-height:40px;font-size:7px}}