body{margin:0;padding:0}.content{overflow-x:hidden;overscroll-behavior-x:none;padding-bottom:24px;display:flex;flex-direction:column;align-items:center}.title-container{max-width:1600px;position:static}.title-container .title,.title-container .about,.title-container .title a,.title-container .about a{color:#000}#app-container{width:100%;max-width:1600px;display:block;margin-top:16px;padding-left:24px;padding-right:24px;box-sizing:border-box}#box-container{display:block;width:100%;float:right}.box{width:33.33%;padding-top:30%;float:left;position:relative;margin:0;border:8px solid white;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:66.66%}.box-inner{width:100%;height:100%;position:absolute;top:0;background:#fff;background-size:auto 130%;background-position:center;padding:20px;box-sizing:border-box;transition:background-size .5s ease;cursor:pointer}.box-inner:hover{background-size:auto 140%}.clearfix:before{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.box .title{font-size:2em;line-height:1.5em;font-family:GeistPixel,Helvetica,Arial,sans-serif;font-weight:400;color:#fff;margin:0;position:relative}.box .title span{background:#151515;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 5px}.published-date{font-family:GeistPixel,Helvetica,Arial,sans-serif;font-weight:400;color:#151515;font-size:.8em;margin-top:4px}.published-date span{background-color:#fff;padding:0 5px}#sketch-container{display:flex;flex-direction:row;margin-bottom:16px;width:100%;height:180px}.sketch-box{width:180px;height:100%;border:8px solid white;box-sizing:border-box;text-decoration:none}.sketch-box-inner{width:100%;height:100%;background-size:auto 100%;background-position:center;transition:background-size .5s ease;cursor:pointer;position:relative;display:flex;align-items:flex-end;border-radius:10%}.sketch-box-inner:hover{background-size:auto 110%}.sketch-title-container{width:100%;padding:0 12% 8%;box-sizing:border-box;font-family:GeistPixel,Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;line-height:1.5em;color:#fff}.sketch-title,.sketch-number{background:#151515;padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none}.category-tab{font-family:GeistPixel,Helvetica,Arial,sans-serif;font-weight:400;color:#141414;font-size:16px;margin-top:32px;margin-bottom:4px;padding:0 8px;width:100%}.category-tab:first-child{margin-top:16px}.category-tab .category-subtitle{color:#8f8f8f}@media screen and (max-width: 1084px){.box{width:33.33%;padding-top:33.33%;float:left;position:relative;margin:0;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:66.66%}}@media screen and (max-width: 900px){.box{width:50%;padding-top:50%;float:left;position:relative;margin:0;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4){width:100%}.box:nth-of-type(5){width:50%}}@media screen and (max-width: 640px){#app-container{margin-top:8px;padding-left:16px;padding-right:16px}.box{width:100%;padding-top:60%;float:left;position:relative;margin:0;box-sizing:border-box;border:5px solid white}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:100%}#sketch-container{height:120px}.sketch-box{width:120px;border:5px solid white}.sketch-title{display:none}}@media screen and (max-width: 400px){.box .title{font-size:1.4em}.subtitle{visibility:hidden}.published-date{font-size:.7em}}