@-webkit-keyframes blink{0%{opacity:.4}100%{opacity:1}}@keyframes blink{0%{opacity:.4}100%{opacity:1}}@-webkit-keyframes blink-soft{0%{opacity:.8}100%{opacity:1}}@keyframes blink-soft{0%{opacity:.8}100%{opacity:1}}main .inner{position:relative;padding-top:35px;padding-bottom:60px}main .inner header h1{padding-bottom:18px;border-bottom:1px solid #000}main .inner .list{margin-top:60px}main .inner .list .collection a{display:block;position:relative}main .inner .list .collection a::before{box-sizing:border-box;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #000;content:"";opacity:0}main .inner .list .collection a .img{overflow:hidden}main .inner .list .collection a .img picture{display:block;position:relative;padding-bottom:35.0746268657%;-webkit-backface-visibility:hidden;backface-visibility:hidden}main .inner .list .collection a .img picture source,main .inner .list .collection a .img picture img{position:absolute;top:0;left:0;width:100%;height:100%}main .inner .list .collection a .img picture img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 240ms cubic-bezier(0.165, 0.84, 0.44, 1)}main .inner .list .collection a .text{position:absolute;top:0;left:0;width:100%;height:100%}main .inner .list .collection a .text .index{position:absolute;top:25px;left:50px}main .inner .list .collection a .text h2{position:absolute;right:50px;bottom:25px;width:calc(100% - 100px)}.no-touchevents main .inner .list .collection a:hover::before,.no-touchevents main .inner .list .collection a:focus::before,.no-touchevents main .inner .list .collection a:active::before{opacity:1}.no-touchevents main .inner .list .collection a:hover .img picture img,.no-touchevents main .inner .list .collection a:focus .img picture img,.no-touchevents main .inner .list .collection a:active .img picture img{transform:scale(1.02)}.touchevents main .inner .list .collection a.over::before{opacity:1}.touchevents main .inner .list .collection a.over .img picture img{transform:scale(1.02)}@media screen and (max-width: 994px)and (hover: hover){main .inner header h1{font-size:60px;font-size:6rem}main .inner .list .collection a .img picture{padding-bottom:60%}main .inner .list .collection a .text{font-size:48px;font-size:4.8rem}main .inner .list .collection a .text .index{left:20px}main .inner .list .collection a .text h2{right:20px;width:calc(100% - 40px)}}@media screen and (max-width: 979px)and (hover: none){main .inner header h1{font-size:60px;font-size:6rem}main .inner .list .collection a .img picture{padding-bottom:60%}main .inner .list .collection a .text{font-size:48px;font-size:4.8rem}main .inner .list .collection a .text .index{left:20px}main .inner .list .collection a .text h2{right:20px;width:calc(100% - 40px)}}@media screen and (max-width: 782px)and (hover: hover){main .inner{padding:20px 10px 40px}main .inner header h1{padding-bottom:10px;font-size:48px;font-size:4.8rem}main .inner .list{margin-top:25px}main .inner .list .wrap{margin-top:-10px;margin-bottom:-10px}main .inner .list .collection{padding-top:10px;padding-bottom:10px}main .inner .list .collection a .img picture{padding-bottom:100%}main .inner .list .collection a .text{font-size:30px;font-size:3rem}main .inner .list .collection a .text .index{left:15px}main .inner .list .collection a .text h2{right:15px;width:calc(100% - 30px)}}@media screen and (max-width: 767px)and (hover: none){main .inner{padding:20px 10px 40px}main .inner header h1{padding-bottom:10px;font-size:48px;font-size:4.8rem}main .inner .list{margin-top:25px}main .inner .list .wrap{margin-top:-10px;margin-bottom:-10px}main .inner .list .collection{padding-top:10px;padding-bottom:10px}main .inner .list .collection a .img picture{padding-bottom:100%}main .inner .list .collection a .text{font-size:30px;font-size:3rem}main .inner .list .collection a .text .index{left:15px}main .inner .list .collection a .text h2{right:15px;width:calc(100% - 30px)}}