.hero{height:calc(100vh - 10vw - 80px);min-height:400px}.projects-inner{max-width:1200px}.projects-title{margin:5vw 0}.projects-title-inner{font-weight:normal;text-align:center;font-size:1rem;letter-spacing:.1em}.projects-title .tw{color:#fff}.projects-title .tw::after{content:"";display:block;width:14px;height:1px;margin:20px auto;background:hsla(0,0%,100%,.6);transform:rotate(-60deg)}.projects-title .en{font-size:.875rem;color:#999}.projects-content{background:#1c1c1c;padding:40px}.projects-line{margin:40px 0;height:1px;background:hsla(0,0%,100%,.12);border-bottom:#000 solid 1px}.projects-info{display:flex;flex-wrap:wrap;gap:10px 20px;color:#999;font-size:.75rem}.projects-info li{width:calc(50% - 10px)}.projects-images{display:flex;flex-direction:column;gap:20px;margin:5vw 0}.projects-img img{width:100%;height:auto}.projects-row{display:flex;gap:20px}.projects-btn{margin:5vw 0}.projects-btn .btn{margin:auto}.layout{order:4}.material{order:5}.photography{order:7}@media screen and (max-width: 1100px){.projects-title,.projects-btn{margin:100px 0}.projects-images{margin:40px 0}}@media screen and (max-width: 640px){.projects-title,.projects-btn{margin:60px 0}.projects-content{padding:20px}.projects-info li{width:100%}.projects-line{margin:20px 0}.projects-images{margin:40px 0;gap:10px}.projects-row{gap:10px}.size{order:4}.style{order:6}}@media screen and (max-width: 500px){.projects-row{flex-direction:column}}