@-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:130px}main .inner header h1{padding-bottom:18px;border-bottom:1px solid #000}main .inner .list{margin-top:60px}main .inner .list .row .post a{display:block}main .inner .list .row .post a .img figure{position:relative;padding-bottom:62.2119815668%;overflow:hidden}main .inner .list .row .post a .img figure::before{box-sizing:border-box;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #000;content:"";opacity:0}main .inner .list .row .post a .img figure img{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 240ms cubic-bezier(0.165, 0.84, 0.44, 1)}main .inner .list .row .post a .text{margin-top:20px;color:#000}main .inner .list .row .post a .text .date{font-size:12px;font-size:1.2rem;line-height:1.1666666667}main .inner .list .row .post a .text h2{margin-top:10px;font-size:18px;font-size:1.8rem;line-height:1.1666666667}.no-touchevents main .inner .list .row .post a:hover .img figure::before,.no-touchevents main .inner .list .row .post a:focus .img figure::before,.no-touchevents main .inner .list .row .post a:active .img figure::before{opacity:1}.no-touchevents main .inner .list .row .post a:hover .img figure img,.no-touchevents main .inner .list .row .post a:focus .img figure img,.no-touchevents main .inner .list .row .post a:active .img figure img{transform:scale(1.02)}.no-touchevents main .inner .list .row .post a:hover .text h2,.no-touchevents main .inner .list .row .post a:focus .text h2,.no-touchevents main .inner .list .row .post a:active .text h2{-webkit-animation:blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75);animation:blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75)}.no-touchevents main .inner .list .row .post a:hover .text h2 span,.no-touchevents main .inner .list .row .post a:focus .text h2 span,.no-touchevents main .inner .list .row .post a:active .text h2 span{background-image:linear-gradient(transparent 0, transparent 20%, #000000 20%, #000000 90%, transparent 90%, transparent 100%);color:#fff}.touchevents main .inner .list .row .post a.over .img figure::before{opacity:1}.touchevents main .inner .list .row .post a.over .img figure img{transform:scale(1.02)}.touchevents main .inner .list .row .post a.over .text h2{-webkit-animation:blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75);animation:blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75)}.touchevents main .inner .list .row .post a.over .text h2 span{background-image:linear-gradient(transparent 0, transparent 20%, #000000 20%, #000000 90%, transparent 90%, transparent 100%);color:#fff}main .inner .pagination{position:absolute;right:50px;bottom:40px}@media screen and (max-width: 994px)and (hover: hover){main .inner header h1{font-size:60px;font-size:6rem}}@media screen and (max-width: 979px)and (hover: none){main .inner header h1{font-size:60px;font-size:6rem}}@media screen and (max-width: 782px)and (hover: hover){main .inner{padding:20px 10px 120px}main .inner header h1{padding-bottom:10px;font-size:48px;font-size:4.8rem}main .inner .list{margin-top:25px}main .inner .list .row{margin-top:-18px;margin-bottom:-18px}main .inner .list .row .post{padding-top:18px;padding-bottom:18px}main .inner .list .row .post a .text{margin-top:12px}main .inner .list .row .post a .text h2{margin-top:6px;font-size:20px;font-size:2rem}main .inner .pagination{right:10px;bottom:50px}}@media screen and (max-width: 767px)and (hover: none){main .inner{padding:20px 10px 120px}main .inner header h1{padding-bottom:10px;font-size:48px;font-size:4.8rem}main .inner .list{margin-top:25px}main .inner .list .row{margin-top:-18px;margin-bottom:-18px}main .inner .list .row .post{padding-top:18px;padding-bottom:18px}main .inner .list .row .post a .text{margin-top:12px}main .inner .list .row .post a .text h2{margin-top:6px;font-size:20px;font-size:2rem}main .inner .pagination{right:10px;bottom:50px}}@media screen and (min-width: 768px)and (hover: none){main .inner .list .row .post:first-child{width:100%}main .inner .list .row .post:first-child a{display:flex;flex-direction:row;margin-right:-15px;margin-left:-15px}main .inner .list .row .post:first-child a>*{width:50%;padding-right:15px;padding-left:15px}main .inner .list .row .post:first-child a .text{margin-top:0}main .inner .list .row .post:first-child a .text .date{font-size:15px;font-size:1.5rem;line-height:1.2}main .inner .list .row .post:first-child a .text h2{font-size:50px;font-size:5rem;line-height:1.2}}@media screen and (min-width: 783px)and (hover: hover){main .inner .list .row .post:first-child{width:100%}main .inner .list .row .post:first-child a{display:flex;flex-direction:row;margin-right:-15px;margin-left:-15px}main .inner .list .row .post:first-child a>*{width:50%;padding-right:15px;padding-left:15px}main .inner .list .row .post:first-child a .text{margin-top:0}main .inner .list .row .post:first-child a .text .date{font-size:15px;font-size:1.5rem;line-height:1.2}main .inner .list .row .post:first-child a .text h2{font-size:50px;font-size:5rem;line-height:1.2}}
