.SketchListPage{overflow:overlay;height:var(--main-height);position:relative}.SketchListPage>div{padding:5rem 0}.SketchListPage .titleBlock{position:sticky;top:0;height:80px;z-index:10;background-color:#fff}.SketchListPage .titleBlock .Container{position:relative}.SketchListPage .titleBlock .titleFrame{position:absolute;transition:.3s ease-in-out}.SketchListPage .titleBlock .characterBlock{position:absolute;top:0;left:0;width:100%;height:100%}.SketchListPage .titleBlock .characterBlock img.left{position:absolute;left:5%;top:14%}.SketchListPage .titleBlock .characterBlock img.right{position:absolute;right:-2%;top:-43%}.SketchListPage .grid{display:grid;grid:auto / 1fr 1fr;gap:1rem;padding-top:4rem}.SketchListPage .grid article{position:relative;height:317px;overflow:hidden;cursor:pointer}.SketchListPage .grid article img{transition:.3s}.SketchListPage .grid article:hover img{transform:scale(1.1)}.SketchListPage .grid article h4{position:absolute;bottom:0;margin:0;padding:1rem;width:100%;color:#fff;transition:.3s;background:#000;background:linear-gradient(0deg,#000000d8,#000000a7 38%,#0000);transform:translateY(100%)}.SketchListPage .grid article:hover h4{transform:translateY(0)}@media screen and (max-width: 750px){.SketchListPage .titleBlock{overflow:hidden}.SketchListPage>div{padding:0 0 5rem}.SketchListPage .grid{padding:0}.SketchListPage .grid article h4{transform:translateY(0)}}@media screen and (max-width: 500px){.SketchListPage .titleBlock .titleFrame{top:30px}.SketchListPage .titleBlock .titleFrame img.frame{width:100%}.SketchListPage .titleBlock .characterBlock img.left{width:10%}.SketchListPage .titleBlock .characterBlock img.right{width:20%}}