.filmstock-host{isolation:isolate;background:#17100e;overflow:hidden}.filmstock-gate{z-index:0;transform:translate(var(--filmstock-weave-x,0), var(--filmstock-weave-y,0)) rotate(var(--filmstock-weave-rotation,0deg)) scale(1.04);transform-origin:50%;will-change:transform;overflow:hidden}.filmstock-poster{z-index:0;background-color:#17100e;background-position:50%;background-size:cover}.filmstock-gl,.filmstock-frame,.filmstock-halation,.filmstock-grain{z-index:1}.filmstock-frame{will-change:filter}.filmstock-halation{z-index:2;mix-blend-mode:screen;will-change:filter, opacity}.filmstock-grain{z-index:3;image-rendering:pixelated;mix-blend-mode:overlay;will-change:filter}.filmstock-shutter-band{z-index:4;opacity:0;mix-blend-mode:multiply;will-change:transform, opacity;background:linear-gradient(#0000 0%,#05070a14 20%,#05070a8f 50%,#05070a14 80%,#0000 100%) 0 0/100% 55% no-repeat}.filmstock-color-breathing{z-index:4}.filmstock-color-breathing:before,.filmstock-color-breathing:after{content:"";mix-blend-mode:color;will-change:opacity;position:absolute;inset:0}.filmstock-color-breathing:before{opacity:var(--filmstock-warm-opacity,0);background:#f3a85b}.filmstock-color-breathing:after{opacity:var(--filmstock-cool-opacity,0);background:#78a9d3}.filmstock-flash{z-index:4;opacity:0;will-change:opacity}.filmstock-vignette{z-index:5;mix-blend-mode:multiply;background:radial-gradient(#0000 39%,#1c0a041a 62%,#0c050387 84%,#050201eb 112%)}.filmstock-dust{z-index:6;mix-blend-mode:soft-light;overflow:hidden}.filmstock-dust-svg{width:100%;height:100%;display:block;overflow:hidden}.filmstock-dust-speck{fill:#f7e8c7}.filmstock-dust-speck:nth-child(3n){fill:#27140e}.filmstock-dust-scratch{fill:#ffe4b1;filter:blur(.35px)}.filmstock-demo-background{z-index:0;position:fixed;inset:0}.filmstock-demo-background:after{z-index:20;pointer-events:none;content:"";background:linear-gradient(90deg,#080504c7 0%,#0805046b 45%,#0805042e 100%),linear-gradient(#0805042e 0%,#0000 62%,#0805049e 100%);position:absolute;inset:0}.filmstock-demo-page{z-index:1;min-height:100vh;position:relative}.filmstock-demo-page .demo-nav{background:linear-gradient(#080504db,#08050400)}.filmstock-demo-page .demo-hero{flex-direction:column;justify-content:center;min-height:88vh;padding-top:9rem;display:flex}.filmstock-demo-page .demo-hero h1{text-wrap:balance;max-width:12ch;font-size:clamp(3rem,1.2rem + 8vw,8rem)}.filmstock-demo-page .demo-hero>p{color:#f4efe6cc;max-width:42ch}.filmstock-demo-page .demo-section{max-width:48rem;padding-block:clamp(5rem,14vh,11rem)}.filmstock-demo-page .demo-panel,.filmstock-demo-page pre.demo-code{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#131110d1}.filmstock-demo-file-panel{grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.2rem;display:grid}.filmstock-demo-file-copy>strong{font-family:var(--font-serif);margin-bottom:.2rem;font-size:1.1rem;font-weight:400;display:block}.filmstock-demo-file-copy>span{color:var(--ink-dim);font-size:.82rem}.filmstock-demo-file-label{min-height:2.5rem;color:var(--paper);letter-spacing:.1em;text-transform:uppercase;background:var(--amber);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:.55rem .8rem;font-size:.72rem;font-weight:650;display:inline-flex}.filmstock-demo-file-label:focus-within{outline:2px solid var(--ember);outline-offset:3px}.filmstock-demo-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filmstock-demo-raw-video{z-index:10;object-fit:cover;pointer-events:none;width:104%;height:104%;display:block;position:absolute;inset:-2%}.filmstock-demo-compare-note{min-height:1.8rem;color:var(--ember);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#08050499;border:1px solid #ffd27a3d;align-items:center;padding:.2rem .55rem;font-size:.68rem;display:inline-flex}@media (max-width:42rem){.filmstock-demo-page .demo-hero{min-height:78vh}.filmstock-demo-file-panel{grid-template-columns:1fr}.filmstock-demo-file-label{justify-self:start}}@media (prefers-reduced-motion:reduce){.filmstock-gate{will-change:auto;transform:scale(1.04)}.filmstock-frame,.filmstock-halation,.filmstock-grain{will-change:auto}.filmstock-shutter-band,.filmstock-flash,.filmstock-color-breathing:before,.filmstock-color-breathing:after{will-change:auto;opacity:0!important}}