.film-burn-frame{top:var(--film-burn-pin-top,0px);isolation:isolate;background:#000;height:100%;max-height:100vh;position:sticky;overflow:hidden}.film-burn-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.film-burn-layer{position:absolute;inset:0}.film-burn-layer>img,.film-burn-layer>video{object-fit:cover;width:100%;height:100%;display:block}.film-burn-grain{opacity:0;mix-blend-mode:overlay;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' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;position:absolute;inset:0}.film-burn-demo-scroller{background:#000;height:320vh;position:relative}.film-burn-demo-readout{font-family:var(--font-mono);color:var(--ember);font-size:.86em}.film-burn-demo-strip{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.film-burn-demo-strip figure{background:var(--paper-2);margin:0}.film-burn-demo-strip img{aspect-ratio:1.896;object-fit:cover;width:100%;display:block}.film-burn-demo-strip figcaption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:.6rem .8rem;font-size:.7rem}