*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
html,body{overflow:hidden}
.image::before,.image::after{content:""}
.gallery,.image,.image::before,.image::after,.scratch,.scratch img{position:absolute}
html,body{position:relative}
.image::before,.image::after{background-image:var(--bI)}
.image:hover::before{-webkit-filter:var(--filt);-moz-filter:var(--filt);-ms-filter:var(--filt);-o-filter:var(--filt);filter:var(--filt)}
.image,.image::before,.image::after,.scratch{-webkit-transform:var(--nLab);-moz-transform:var(--nLab);-ms-transform:var(--nLab);-o-transform:var(--nLab);transform:var(--nLab)}
.image::before,.image::after{-webkit-transform-origin:var(--tO);-moz-transform-origin:var(--tO);-ms-transform-origin:var(--tO);-o-transform-origin:var(--tO);transform-origin:var(--tO)}
.image::before,.image::after{-webkit-transition:var(--tran);-moz-transition:var(--tran);-o-transition:var(--tran);transition:var(--tran)}
.scratch img{-webkit-animation:var(--anim);-moz-animation:var(--anim);-ms-animation:var(--anim);-o-animation:var(--anim);animation:var(--anim)}

html,body{background-color:#000;width:100%;height:100%}
.gallery{left:0;top:0}
.image{--nLab:translate3d(50%,-50%,0);background-color:none;aspect-ratio:3/4;height:20vw;top:17.5vw;cursor:pointer}
.image::before,.image::after{--tO:bottom;--nLab:perspective(58.33vw)rotateX(var(--angle,0))scale(var(--scale,.875));--tran:transform .5s ease;background-repeat:no-repeat;background-position:center;background-size:cover;left:0;top:0;width:100%;height:100%;border-radius:1.25vw;border:.583vw solid #0000}
.image::before{--filt:blur(.1vw);--bI:url(backN1.png);border-color:#fff}
.image:hover::before{--angle:60deg;--scale:1.2}
.image::after{--bI:url(front1.png)}
.image:hover::after{--scale:1.2}

.scratch{--nLab:translate3d(10vw,10vw,0)scale(.5);top:0;left:0}
.scratch img{--anim:flick 1.2s infinite reverse ease-in-out}
.scratch img:nth-child(1){opacity:var(--op1,0)}
.scratch img:nth-child(2){opacity:var(--op2,0)}
.scratch img:nth-child(3){opacity:var(--op3,0)}
.scratch img:nth-child(4){opacity:var(--op4,0)}
.scratch img:nth-child(5){opacity:var(--op5,0)}
.scratch img:nth-child(6){opacity:var(--op6,0)}
.scratch img:nth-child(7){opacity:var(--op7,0)}
.scratch img:nth-child(8){opacity:var(--op8,0)}
.scratch img:nth-child(9){opacity:var(--op9,0)}
.scratch img:nth-child(10){opacity:var(--op10,0)}
.scratch img:nth-child(11){opacity:var(--op11,0)}
.scratch img:nth-child(12){opacity:var(--op12,0)}

@-webkit-keyframes flick{0%{--op1:1;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}9%{--op1:0;--op2:1;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}18%{--op1:0;--op2:0;--op3:1;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}27%{--op1:0;--op2:0;--op3:0;--op4:1;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}36%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:1;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}45%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:1;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}54%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:1;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}63%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:1;--op9:0;--op10:0;--op11:0;--op12:0}72%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:1;--op10:0;--op11:0;--op12:0}81%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:1;--op11:0;--op12:0}91%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:1;--op12:0}100%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:1}}
@-moz-keyframes flick{0%{--op1:1;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}9%{--op1:0;--op2:1;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}18%{--op1:0;--op2:0;--op3:1;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}27%{--op1:0;--op2:0;--op3:0;--op4:1;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}36%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:1;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}45%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:1;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}54%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:1;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}63%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:1;--op9:0;--op10:0;--op11:0;--op12:0}72%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:1;--op10:0;--op11:0;--op12:0}81%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:1;--op11:0;--op12:0}91%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:1;--op12:0}100%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:1}}
@-ms-keyframes flick{0%{--op1:1;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}9%{--op1:0;--op2:1;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}18%{--op1:0;--op2:0;--op3:1;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}27%{--op1:0;--op2:0;--op3:0;--op4:1;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}36%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:1;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}45%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:1;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}54%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:1;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}63%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:1;--op9:0;--op10:0;--op11:0;--op12:0}72%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:1;--op10:0;--op11:0;--op12:0}81%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:1;--op11:0;--op12:0}91%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:1;--op12:0}100%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:1}}
@-o-keyframes flick{0%{--op1:1;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}9%{--op1:0;--op2:1;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}18%{--op1:0;--op2:0;--op3:1;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}27%{--op1:0;--op2:0;--op3:0;--op4:1;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}36%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:1;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}45%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:1;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}54%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:1;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}63%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:1;--op9:0;--op10:0;--op11:0;--op12:0}72%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:1;--op10:0;--op11:0;--op12:0}81%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:1;--op11:0;--op12:0}91%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:1;--op12:0}100%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:1}}
@keyframes flick{0%{--op1:1;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}9%{--op1:0;--op2:1;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}18%{--op1:0;--op2:0;--op3:1;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}27%{--op1:0;--op2:0;--op3:0;--op4:1;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}36%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:1;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}45%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:1;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}54%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:1;--op8:0;--op9:0;--op10:0;--op11:0;--op12:0}63%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:1;--op9:0;--op10:0;--op11:0;--op12:0}72%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:1;--op10:0;--op11:0;--op12:0}81%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:1;--op11:0;--op12:0}91%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:1;--op12:0}100%{--op1:0;--op2:0;--op3:0;--op4:0;--op5:0;--op6:0;--op7:0;--op8:0;--op9:0;--op10:0;--op11:0;--op12:1}}

/* 
@-webkit-keyframes flick{0%{--op1:1}9%{--op1:0;--op2:1}18%{--op2:0;--op3:1}27%{--op3:0;--op4:1}36%{--op4:0;--op5:1}45%{--op5:0;--op6:1}54%{--op6:0;--op7:1}63%{--op7:0;--op8:1}72%{--op8:0;--op9:1}81%{--op9:0;--op10:1}91%{--op10:0;--op11:1}100%{--op11:0;--op12:1}}
@-moz-keyframes flick{0%{--op1:1}9%{--op1:0;--op2:1}18%{--op2:0;--op3:1}27%{--op3:0;--op4:1}36%{--op4:0;--op5:1}45%{--op5:0;--op6:1}54%{--op6:0;--op7:1}63%{--op7:0;--op8:1}72%{--op8:0;--op9:1}81%{--op9:0;--op10:1}91%{--op10:0;--op11:1}100%{--op11:0;--op12:1}}
@-ms-keyframes flick{0%{--op1:1}9%{--op1:0;--op2:1}18%{--op2:0;--op3:1}27%{--op3:0;--op4:1}36%{--op4:0;--op5:1}45%{--op5:0;--op6:1}54%{--op6:0;--op7:1}63%{--op7:0;--op8:1}72%{--op8:0;--op9:1}81%{--op9:0;--op10:1}91%{--op10:0;--op11:1}100%{--op11:0;--op12:1}}
@-o-keyframes flick{0%{--op1:1}9%{--op1:0;--op2:1}18%{--op2:0;--op3:1}27%{--op3:0;--op4:1}36%{--op4:0;--op5:1}45%{--op5:0;--op6:1}54%{--op6:0;--op7:1}63%{--op7:0;--op8:1}72%{--op8:0;--op9:1}81%{--op9:0;--op10:1}91%{--op10:0;--op11:1}100%{--op11:0;--op12:1}}
@keyframes flick{0%{--op1:1}9%{--op1:0;--op2:1}18%{--op2:0;--op3:1}27%{--op3:0;--op4:1}36%{--op4:0;--op5:1}45%{--op5:0;--op6:1}54%{--op6:0;--op7:1}63%{--op7:0;--op8:1}72%{--op8:0;--op9:1}81%{--op9:0;--op10:1}91%{--op10:0;--op11:1}100%{--op11:0;--op12:1}}
 */