.worksBanner,.worksContainer{display:flex;flex-direction:column;align-items:center}.worksBanner{position:relative;top:0;width:100%;height:calc(50vh - 11rem);background:linear-gradient(#00000000 60%,black)}.worksBannerImg{position:absolute;top:30%;filter:drop-shadow(0 0 .5rem #061410);-webkit-filter:drop-shadow(0 0 .5rem #061410)}.worksBannerTxt{position:absolute;bottom:1rem;text-align:center}.worksBannerTxt h1{font-weight:600;font-size:2rem;text-shadow:0 0 .5rem black,0 0 .2rem black;letter-spacing:.4rem;margin-right:-.4rem}.worksBannerBg{position:absolute;z-index:-1;top:0;width:100%;height:100%}.worksTxt{position:absolute;top:50%;right:2rem;translate:0 -50%;text-align:right}.worksTxt span{font-size:1.1rem;font-weight:600}.works{padding:4rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.works,.worksList{position:relative;width:100%}.worksList{z-index:1;height:10rem;box-shadow:0 0 1.5rem black}@media (min-width:768px){.worksBanner{height:calc(50vh - 9.9rem)}.worksBannerImg{top:35%;scale:200%}.worksBannerTxt{bottom:2rem}.worksTxt span{font-size:2rem;letter-spacing:.2rem}.worksTxt p{font-size:1.3rem;letter-spacing:.2rem}}