html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,menu,footer,header,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}main,article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a{text-decoration:none;color:#000}a img{border:0}figure{position:relative}figure img{width:100%}img{user-drag:none;-moz-user-select:none;-webkit-user-drag:none}label{cursor:pointer}textarea,input,button{background:none;border:none;border-radius:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:none}.cf:after{content:".";font-size:0;line-height:0;clear:both;display:block;visibility:hidden;opacity:0}html{font-family:"alternate-gothic-no-2-d";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px}.grid .box,.box:nth-child(1) .counter{font-family:"Lato",sans-serif}.box:nth-child(4),.box:nth-child(1){font-family:"Playfair Display",serif}.box.big .touched{font-size:3rem}.box.medium .touched{font-size:2rem}.pair{display:inline-block}.grid{display:flex;justify-content:center;padding:15px}.grid .inner{display:flex;flex-wrap:wrap;justify-content:center}.grid .box{overflow:hidden;border-top:2px solid #000;border-bottom:2px solid #000;width:400px;min-height:200px;justify-content:flex-start;margin:15px;position:relative;background:#fff}.grid .box .touched,.grid .box .raw{background:inherit;padding:15px 0;z-index:0;position:relative}.grid .box .touched{width:100%;height:100%;padding-bottom:39px}.grid .box .touched:after{content:attr(data-filter);position:absolute;bottom:5px;width:100%;text-align:center;font-size:.7rem;opacity:.5}.grid .box .raw{position:absolute;top:0;transform:translateY(-100%) translateY(-10px);height:100%;width:100%;transition:.5s;box-shadow:0 2px 10px rgba(0,0,0,.5)}.grid .box:hover .raw{transition-timing-function:cubic-bezier(0, 0.65, 0.6, -0.6);transform:translateY(0)}.grid .box.black{background:#000;color:#fff}.grid .box.black .touched,.grid .box.black .raw{padding:15px}.grid .box.center .touched,.grid .box.center .raw{text-align:center;display:flex;align-items:center;justify-content:center}.grid .box.has-bg{color:#fff}.grid .box.has-bg .touched,.grid .box.has-bg .raw{padding:15px}.grid .box.has-bg .background{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover}.grid .box.has-bg .touched .background .overlay{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply}.counter{display:inline;vertical-align:bottom}.counter .count{position:relative;overflow:hidden;display:inline-block;vertical-align:bottom}.counter .count:before{content:attr(data-orig);opacity:0}.counter .count .display{position:absolute;left:0;top:100%;transform:translateY(-100%);animation-name:count;animation-timing-function:ease-out}.counter .count .display .number{display:block}@keyframes count{from{top:0;transform:translate(0)}}.clock{display:inline-block;vertical-align:bottom}.clock .delimiter{animation:delimiter 1s infinite}.clock .hour .double,.clock .hour .single,.clock .minute .double,.clock .minute .single,.clock .second .double,.clock .second .single{position:relative;display:inline-block;vertical-align:bottom}.clock .hour .double:before,.clock .hour .single:before,.clock .minute .double:before,.clock .minute .single:before,.clock .second .double:before,.clock .second .single:before{content:"0";opacity:0}.clock .display{left:0;top:100%;transform:translateY(-100%);position:absolute;text-align:center}.clock .display .number{display:block;transition:inherit}.clock .display .number.hide{opacity:0}@keyframes delimiter{0%,40%,60%,100%{opacity:0}40%,60%{opacity:1}}.clock_css{position:relative;display:inline-block;vertical-align:bottom}.clock_css .delimiter{animation:delimiter 1s infinite}.clock_css .hour .double,.clock_css .hour .single,.clock_css .minute .double,.clock_css .minute .single{overflow:hidden;position:relative;display:inline-block;vertical-align:bottom}.clock_css .hour .double:before,.clock_css .hour .single:before,.clock_css .minute .double:before,.clock_css .minute .single:before{content:"8";opacity:0}.clock_css .display{left:0;top:100%;transform:translateY(-100%);position:absolute}.clock_css .minute .single .display{animation:single-minute 600s infinite}.clock_css .minute .double .display{animation:double-minute 3600s infinite}.clock_css .hour .single .display{animation:single-hour 36000s infinite}.clock_css .hour .double .display{animation:double-hour 108000s infinite}@keyframes single-minute{0%,9.999%{top:100%;transform:translateY(-100%)}10%,19.999%{top:88.8888888889%;transform:translateY(-88.8888888889%)}20%,29.999%{top:77.7777777778%;transform:translateY(-77.7777777778%)}30%,39.999%{top:66.6666666667%;transform:translateY(-66.6666666667%)}40%,49.999%{top:55.5555555556%;transform:translateY(-55.5555555556%)}50%,59.999%{top:44.4444444444%;transform:translateY(-44.4444444444%)}60%,69.999%{top:33.3333333333%;transform:translateY(-33.3333333333%)}70%,79.999%{top:22.2222222222%;transform:translateY(-22.2222222222%)}80%,89.999%{top:11.1111111111%;transform:translateY(-11.1111111111%)}90%,99.999%{top:0%;transform:translateY(-0%)}100%{top:100%;transform:translateY(-100%)}}@keyframes double-minute{0%,16.6656666667%{top:100%;transform:translateY(-100%)}16.6666666667%,33.3323333333%{top:80%;transform:translateY(-80%)}33.3333333333%,49.999%{top:60%;transform:translateY(-60%)}50%,66.6656666667%{top:40%;transform:translateY(-40%)}66.6666666667%,83.3323333333%{top:20%;transform:translateY(-20%)}83.3333333333%,99.999%{top:0%;transform:translateY(-0%)}100%{top:100%;transform:translateY(-100%)}}@keyframes single-hour{0%,9.999%{top:100%;transform:translateY(-100%)}10%,19.999%{top:88.8888888889%;transform:translateY(-88.8888888889%)}20%,29.999%{top:77.7777777778%;transform:translateY(-77.7777777778%)}30%,39.999%{top:66.6666666667%;transform:translateY(-66.6666666667%)}40%,49.999%{top:55.5555555556%;transform:translateY(-55.5555555556%)}50%,59.999%{top:44.4444444444%;transform:translateY(-44.4444444444%)}60%,69.999%{top:33.3333333333%;transform:translateY(-33.3333333333%)}70%,79.999%{top:22.2222222222%;transform:translateY(-22.2222222222%)}80%,89.999%{top:11.1111111111%;transform:translateY(-11.1111111111%)}90%,99.999%{top:0%;transform:translateY(-0%)}100%{top:100%;transform:translateY(-100%)}}@keyframes double-hour{0%,33.3323333333%{top:100%;transform:translateY(-100%)}33.3333333333%,66.6656666667%{top:50%;transform:translateY(-50%)}66.6666666667%,99.999%{top:0%;transform:translateY(-0%)}100%{top:100%;transform:translateY(-100%)}}.cube-wrap{perspective:1000px;background:#a5b4be;padding:15px 0}.cube{display:block;position:relative;transform-style:preserve-3d;width:70px;height:70px;animation:rotate 20s linear infinite;transform:rotateY(180deg);margin:0 auto}.cube .face{backface-visibility:visible;position:absolute;height:100%;width:100%;top:0;left:0}.cube .face:nth-child(1){background:#223c42;transform:rotateZ(0) rotateY(0) translateZ(35px);display:flex;justify-content:center}.cube .face:nth-child(1) img{display:block;width:20px}.cube .face:nth-child(2){background:#ff9e82;transform:rotateZ(0) rotateY(90deg) translateZ(35px)}.cube .face:nth-child(3){background:#fff;transform:rotateZ(0) rotateY(180deg) translateZ(35px);display:flex;justify-content:center}.cube .face:nth-child(3) img{display:block;width:20px}.cube .face:nth-child(4){background:#f6ea3e;transform:rotateZ(0) rotateY(270deg) translateZ(35px)}@keyframes rotate{0%,43%{transform:rotateY(0)}46%{transform:rotateY(200deg)}47%{transform:rotateY(160deg)}48%{transform:rotateY(190deg)}49%{transform:rotateY(170deg)}50%,93%{transform:rotateY(180deg)}96%{transform:rotateY(380deg)}97%{transform:rotateY(340deg)}98%{transform:rotateY(370deg)}99%{transform:rotateY(350deg)}100%{transform:rotateY(360deg)}}/*# sourceMappingURL=style.min.css.map */