.ripped-page-frame{--ripped-page-edge:3px;--ripped-page-edge-color:#fdf6e8;top:var(--ripped-page-pin-top,0px);isolation:isolate;background:#05060a;height:100%;max-height:100vh;position:sticky;overflow:hidden}.ripped-page-reveal,.ripped-page-half{position:absolute;inset:0}.ripped-page-reveal>img,.ripped-page-reveal>video,.ripped-page-half>img,.ripped-page-half>video{object-fit:cover;width:100%;height:100%;display:block}.ripped-page-reveal{will-change:transform}.ripped-page-half{will-change:transform;backface-visibility:hidden}.ripped-page-fibres,.ripped-page-shadow{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.ripped-page-fibre-path{fill:none;stroke:var(--ripped-page-edge-color);stroke-width:calc(var(--ripped-page-edge) * 2);stroke-linejoin:round;stroke-linecap:round}.ripped-page-shadow{opacity:0;will-change:transform, opacity}.ripped-page-shadow path{fill:none;stroke:#000;stroke-width:calc(var(--ripped-page-edge) * 4);stroke-linejoin:round}.ripped-page-grain{opacity:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:170px 170px;position:absolute;inset:0}.ripped-page-demo-scroller{background:#05060a;height:300vh;position:relative}.ripped-page-demo-strip{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.ripped-page-demo-strip figure{background:var(--paper-2);margin:0}.ripped-page-demo-strip img{aspect-ratio:1.896;object-fit:cover;width:100%;display:block}.ripped-page-demo-strip figcaption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:.6rem .8rem;font-size:.7rem}