.worksContainer{flex-direction:column;align-items:center;display:flex}.worksBanner{background:#0006;flex-direction:column;align-items:center;width:100vw;height:20rem;display:flex;position:relative;top:0}.worksBannerTxt{position:absolute;bottom:1rem}.worksBannerTxt h1{letter-spacing:.2rem;margin-right:-.2rem;font-size:1.2rem;font-weight:700}.worksBannerBg{z-index:-1;width:100%;height:100%;top:0}.works{flex-direction:column;justify-content:center;align-items:center;width:100vw;margin-block:5rem;display:flex}.worksList{z-index:1;width:100%;height:6rem;position:relative}.worksListTxt{z-index:1;text-align:right;position:absolute;top:50%;right:1.5rem;translate:0 -50%}.worksListTxt span{font-size:.9rem;font-weight:600}.worksListTxt p{font-size:.8rem;font-weight:400}@media (min-width:768px) and (max-width:2047px){.worksBanner{height:30rem}.worksBannerTxt h1{letter-spacing:.4rem;margin-right:-.4rem;font-size:1.8rem}.works{margin-block:8rem}.worksList{border-radius:.5rem;width:95vw;max-width:1200px;height:10rem;overflow:hidden}.worksListTxt{right:3rem}.worksListTxt span{font-size:1.8rem}.worksListTxt p{font-size:1.2rem}}@media (min-width:2048px){.worksBanner{height:45rem}.worksBannerTxt h1{letter-spacing:.4rem;margin-right:-.4rem;font-size:2.2rem}.works{margin-block:15rem}.worksList{border-radius:.5rem;width:95vw;max-width:1600px;height:10rem;overflow:hidden}.worksListTxt{right:3rem}.worksListTxt span{font-size:1.8rem}.worksListTxt p{font-size:1.2rem}}