.negatoscope{background-color:var(--color-room);--plate-inset:0px;--plate-radius:0px;--record-top:calc(4rem + clamp(.75rem,2.4vw,1.75rem));height:300vh;position:relative}.negatoscope__panel{--bar:0px;--panel-pad-bottom:clamp(1rem,3vw,2.5rem);height:100vh;padding:var(--record-top)clamp(1rem,3vw,2.5rem)calc(var(--panel-pad-bottom) + var(--bar));flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}@supports (height:100lvh){.negatoscope__panel{--bar:calc(100lvh - 100svh);height:100lvh}}.negatoscope__plate{inset:var(--plate-inset);border-radius:var(--plate-radius);background-color:var(--color-dark-200);opacity:0;filter:brightness(.35);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1),filter 1.6s cubic-bezier(.16,1,.3,1);position:absolute;overflow:hidden;transform:scale(.985)}.negatoscope[data-lit=true] .negatoscope__plate{opacity:1;filter:none;transform:none}.negatoscope__plate:after{content:"";pointer-events:none;background:linear-gradient(#0b0e1100 89%,#0b0e1173 95%,#0b0e11 100%);position:absolute;inset:0}.negatoscope__video{object-fit:cover;width:100%;height:100%;display:block}.negatoscope__canvas{opacity:0;position:absolute;inset:0}.negatoscope__canvas[data-ready=true]{opacity:1}.negatoscope__veil{background-color:var(--color-room);opacity:calc(.15 + var(--p,0)*.55);pointer-events:none;position:absolute;inset:0}.negatoscope__fadeout{background-color:var(--color-room);opacity:clamp(0,calc((var(--p,0) - .76)/.24),1);pointer-events:none;position:absolute;inset:0}.negatoscope__mark{--start:0;--span:.25;opacity:clamp(0,calc((var(--p,0) - var(--start))/var(--span)),1);transform:translateY(calc((1 - clamp(0,calc((var(--p,0) - var(--start))/var(--span)),1))*14px));will-change:opacity,transform}.negatoscope__mark--title{--start:.1;--span:.22}.negatoscope__mark--lede{--start:.3;--span:.22}.negatoscope__mark--act{--start:.52;--span:.22}.negatoscope__record{z-index:1;will-change:transform;margin-bottom:auto;position:relative;transform:translateZ(0)}.negatoscope__edge{letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:0;flex-direction:column;gap:.375rem;max-width:34rem;transition:opacity 1.1s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.negatoscope[data-lit=true] .negatoscope__edge{opacity:1}.negatoscope__edge:before{content:"";background:linear-gradient(to bottom,transparent,hsl(var(--accent)/.8)16%,hsl(var(--accent)/.8)76%,transparent);width:1px;position:absolute;top:.2em;bottom:.2em;left:-.9375rem}.negatoscope__edge-mark{font-family:var(--font-display);letter-spacing:.15em;color:var(--color-primary-200);margin-bottom:.1875rem;font-size:clamp(1.375rem,2.2vw,1.625rem);font-weight:700;line-height:1.15}.negatoscope__edge-place,.negatoscope__edge-data{flex-wrap:wrap;gap:.125rem 1.5rem;font-size:clamp(1.125rem,1.25vw,1.25rem);font-weight:500;line-height:1.4;display:flex}.negatoscope__edge-place>span,.negatoscope__edge-data>span{white-space:nowrap}.negatoscope__edge-place{color:var(--color-primary-200)}.negatoscope__edge-data{color:var(--color-primary-500)}.negatoscope__edge-value{color:var(--color-primary-200);font-weight:600}.negatoscope__record:before{content:"";top:calc(-1*var(--record-top));z-index:-1;pointer-events:none;background:linear-gradient(#0b0e11eb 0%,#0b0e11e0 62%,#0b0e119e 82%,#0000 100%);width:100vw;position:absolute;bottom:-3.5rem;left:50%;transform:translate(-50%)}.negatoscope__clip{border-radius:var(--radius-pill);border:1px solid hsl(var(--border));color:var(--color-primary-200);background-color:#0b0e11b8;padding:.5rem 1.125rem;font-size:.875rem;transition:border-color .25s,color .25s}.negatoscope__clip:hover{border-color:hsl(var(--accent)/.5);color:var(--color-primary-100)}.negatoscope__scroll{pointer-events:none;opacity:clamp(0,calc(1 - var(--p,0)/.06),1);flex-direction:column;align-items:center;gap:.625rem;display:flex;position:absolute;bottom:clamp(.75rem,2.2vh,1.5rem);left:50%;transform:translate(-50%)}.negatoscope__scroll-label{letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary-500);font-size:.625rem}.negatoscope__rail{background-color:hsl(var(--border));width:1px;height:38px;position:relative;overflow:hidden}.negatoscope__rail:after{content:"";background-color:hsl(var(--accent));width:1px;height:14px;animation:1.9s cubic-bezier(.65,0,.35,1) infinite negatoscope-scroll-tick;position:absolute;top:0;left:0}@keyframes negatoscope-scroll-tick{0%{opacity:0;transform:translateY(-14px)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(38px)}}@media (prefers-reduced-motion:reduce){.negatoscope{height:auto}.negatoscope__panel{height:auto;min-height:100svh;position:relative}.negatoscope__plate,.negatoscope[data-lit=true] .negatoscope__plate{opacity:1;filter:none;animation:none;transform:none}.negatoscope__mark,.negatoscope__edge{opacity:1;transform:none}.negatoscope__veil{opacity:.55}.negatoscope__rail:after{opacity:1;animation:none;transform:translateY(12px)}}@media (max-width:767px){.negatoscope{--plate-inset:0px;--plate-radius:0px;height:220vh}.negatoscope__panel{--panel-pad-bottom:1rem;padding-inline:1.25rem}.negatoscope__edge-mark{display:none}.negatoscope__edge-place,.negatoscope__edge-data{gap:.125rem 1rem;font-size:.9375rem}.negatoscope__rail{height:26px}.negatoscope__scroll{gap:.375rem;bottom:.625rem}}@media (max-width:767px) and (max-height:640px){.negatoscope__mark--lede{margin-top:.75rem;font-size:.875rem}.negatoscope__mark--act{margin-top:1rem}.negatoscope__edge{gap:.25rem}}