.FilmStrip3D_root__so4In{position:relative;width:100%;height:var(--fs3d-height,clamp(200px,34svh,280px));perspective:1100px;perspective-origin:50% 48%;contain:layout;touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none;--ink:var(--fs3d-ink,#f6c915);--hole:var(--fs3d-hole,#f3f0e6)}@media (max-height:560px){.FilmStrip3D_root__so4In{height:clamp(148px,40svh,210px)}}@media (min-width:768px) and (min-height:561px){.FilmStrip3D_root__so4In{height:var(--fs3d-height-md,clamp(400px,56svh,640px))}}.FilmStrip3D_root__so4In[data-dragging=true]{cursor:grabbing}.FilmStrip3D_root__so4In[data-compact=true] .FilmStrip3D_slice__Sfnoo:after,.FilmStrip3D_root__so4In[data-compact=true] .FilmStrip3D_slice__Sfnoo:before{content:none;display:none}.FilmStrip3D_loop__apl0r{overflow:visible}.FilmStrip3D_stage__fOVX_{position:absolute;inset:0;transform-style:preserve-3d}.FilmStrip3D_slice__Sfnoo{position:absolute;left:50%;top:50%;width:calc(var(--w, 26) * 1px + 4px);height:184px;margin:-92px 0 0 -2px;transform-origin:2px 92px;overflow:hidden;pointer-events:none;backface-visibility:visible;visibility:hidden;background-color:#08080a;background-repeat:no-repeat,repeat-x,repeat-x,repeat-x,no-repeat;background-size:calc(var(--pw, 200) * 1px) 184px,25px 18px,25px 18px,720px 184px,100% 100%;background-position:calc((2 - var(--u0, 0)) * 1px) 0,calc(var(--ph, 0) * 1px) 18px,calc(var(--ph, 0) * 1px) 148px,calc(var(--gx, 0) * 1px) 0,0 0;--grain-x:calc((var(--gx, 0) - (var(--gap, 30) * 0.5 - var(--u0, 0) + 2)) * 1px)}.FilmStrip3D_ph__6YJF4{z-index:1;background-color:#23252a;background-image:url(/film-scratches-grain.webp);background-size:720px 184px;background-position:var(--grain-x,0) -36px;background-repeat:repeat-x;box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.1)}.FilmStrip3D_ph__6YJF4,.FilmStrip3D_slice__Sfnoo:before{position:absolute;left:calc((var(--gap, 30) * .5 - var(--u0, 0) + 2) * 1px);top:36px;width:calc((var(--pw, 200) - var(--gap, 30)) * 1px);height:112px;border-radius:0}.FilmStrip3D_slice__Sfnoo:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.07) 52%,rgba(255,255,255,0) 66%),linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 30%);opacity:var(--gl,.2)}.FilmStrip3D_slice__Sfnoo:after{content:"";position:absolute;z-index:3;inset:0;background:#000;pointer-events:none;opacity:var(--sh,0)}.FilmStrip3D_slice__Sfnoo[data-back]:before{display:none}.FilmStrip3D_slice__Sfnoo[data-focus] .FilmStrip3D_ph__6YJF4{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 0 3px var(--ink),inset 0 0 0 1px rgba(255,255,255,.1)}.FilmStrip3D_hit__J5cPe{position:absolute;left:50%;top:50%;width:calc((var(--pw, 200) - var(--gap, 30)) * 1px);height:112px;margin:-56px 0 0 calc((var(--pw, 200) - var(--gap, 30)) * -.5px);padding:0;border:0;border-radius:0;display:block;background:transparent;color:transparent;cursor:pointer;text-decoration:none;outline:none;-webkit-appearance:none;appearance:none;visibility:hidden}@media (prefers-reduced-motion:reduce){.FilmStrip3D_root__so4In{cursor:default}.FilmStrip3D_flatTrack__1VtTq{scroll-behavior:auto}}.FilmStrip3D_flatWrap__igZD2{position:absolute;inset:0;display:flex;align-items:center}.FilmStrip3D_flatTrack__1VtTq{position:relative;display:flex;align-items:stretch;width:100%;height:148px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:12px;scrollbar-width:none;background:#08080a;cursor:grab;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.FilmStrip3D_flatTrack__1VtTq::-webkit-scrollbar{display:none}.FilmStrip3D_flatTrack__1VtTq[data-dragging=true]{cursor:grabbing;scroll-snap-type:none}.FilmStrip3D_flatFrame__s_6bR{position:relative;flex:0 0 auto;width:min(168px,46vw);scroll-snap-align:center;margin:0;padding:18px 10px;border:0;background-color:#08080a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18'%3E%3Crect x='5.5' y='4' width='14' height='10' rx='2.6' fill='%23f3f0e6' stroke='%23b4afa2' stroke-width='.6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18'%3E%3Crect x='5.5' y='4' width='14' height='10' rx='2.6' fill='%23f3f0e6' stroke='%23b4afa2' stroke-width='.6'/%3E%3C/svg%3E"),url(/film-scratches-grain.webp);background-repeat:repeat-x,repeat-x,repeat-x;background-size:25px 18px,25px 18px,720px 148px;background-position:center 0,center 130px,var(--grain-shift,0) 0;cursor:pointer}.FilmStrip3D_flatFrame__s_6bR:focus-visible .FilmStrip3D_flatWindow__K28Iy{outline:2px solid var(--ink,#f6c915);outline-offset:2px}.FilmStrip3D_flatWindow__K28Iy{position:relative;display:block;height:112px;background-color:#23252a;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.1)}.FilmStrip3D_flatWindow__K28Iy:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url(/film-scratches-grain.webp);background-repeat:repeat-x;background-size:720px 148px;background-position:calc(var(--grain-shift, 0px) - 10px) -18px}.FilmStrip3D_flatWindow__K28Iy img{display:block;width:100%;height:112px;object-fit:cover}