.roll-frame{position:absolute;inset:0;z-index:0;overflow:hidden}.roll{position:absolute;inset:-14%;display:flex;gap:10px;padding:10px;transform:rotate(-4deg);transform-origin:center}@media (min-width:640px){.roll{gap:16px;padding:16px}}.roll .col{flex:1;position:relative}.col-track{display:flex;flex-direction:column;gap:10px;will-change:transform;transform:translateZ(0);animation-timing-function:linear;animation-iteration-count:infinite}@media (min-width:640px){.col-track{gap:16px}}@keyframes scroll-up{0%{transform:translateY(0) translateZ(0)}to{transform:translateY(-33.333%) translateZ(0)}}@keyframes scroll-down{0%{transform:translateY(-33.333%) translateZ(0)}to{transform:translateY(0) translateZ(0)}}@media (prefers-reduced-motion:reduce){.col-track{animation-play-state:paused}}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.28) 62%,rgba(0,0,0,.72) 100%)}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.vtile{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#0a0a0a;flex-shrink:0;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.1,.3,1),box-shadow .3s}.vtile:hover{transform:scale(1.03);z-index:5}.vtile.cine:hover{box-shadow:0 0 44px -6px #2391a48c}.vtile img,.vtile video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.vtile video{opacity:0;transition:opacity .4s}.vtile video.on{opacity:1}.vtile .dim{position:absolute;inset:0;background:#00000080;pointer-events:none;transition:background .3s}.vtile:hover .dim{background:#0000001f}.vtile .grad{position:absolute;inset-x:0;bottom:0;height:33%;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);pointer-events:none}.vtile .vbadge{position:absolute;top:9px;left:9px;border-radius:999px;padding:3px 9px;font-family:ui-monospace,Menlo,monospace;font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;background:#0000008c;border:1px solid rgba(255,255,255,.14);color:#ffffffb3;pointer-events:none}.vtile .vbadge.cinematic{background:#2391a44d;border-color:#2391a48c;color:#9fdbe6}.lb{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:#000000eb;backdrop-filter:blur(8px)}.lb.open{display:flex}.lb-stage{position:relative;display:flex;flex-direction:column;align-items:center}.lb-video-wrap{position:relative;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 0 120px -20px #2391a44d}.lb-video-wrap video{display:block;max-width:min(1080px,92vw);max-height:74vh;background:#000}.lb-meta{display:flex;align-items:center;gap:12px;margin-top:16px;justify-content:center}.lb-meta .vbadge{border-radius:999px;padding:4px 11px;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;background:#0000008c;border:1px solid rgba(255,255,255,.14);color:#ffffffb3}.lb-meta .vbadge.cinematic{background:#2391a44d;border-color:#2391a48c;color:#9fdbe6}.lb-meta .count{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.14em;color:#ffffff73}.lb-close{position:fixed;top:22px;right:22px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fffc;transition:background .2s}.lb-close:hover{background:#ffffff2e}.lb-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#ffffffd9;cursor:pointer;transition:background .2s}.lb-arrow:hover{background:#ffffff1f}.lb-arrow.prev{left:18px}.lb-arrow.next{right:18px}.lb-arrow svg,.lb-close svg{width:20px;height:20px}@keyframes tickScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-stream[data-astro-cid-j7pv25f6]{animation:tickScroll 42s linear infinite;width:-moz-max-content;width:max-content}
