.hero{height:35vw}.projects{margin-top:-8vw}.projects-title{position:relative;padding:8vw 5vw 0}.projects-title:before{content:"";position:absolute;top:-60px;left:50%;height:120px;width:1px;background:#ccc;transform:scaleY(0) rotate(0deg);transition:transform 2s}.projects-title.show:before{transform:scaleY(1) rotate(30deg)}.projects-casename{font-size:1.25rem;text-align:center;font-weight:normal;color:#000;letter-spacing:.5em;padding-left:.5em;transform:translateY(40px);transition:transform .6s}.show .projects-casename{transform:translateY(0px)}.projects-award-logo{width:-moz-fit-content;width:fit-content;display:flex;flex-wrap:wrap;justify-content:center;margin:20px auto 0}.projects-award-logo img{width:25px;height:auto;margin:1px;border:1px solid #ccc}.projects-concept{position:relative;width:-moz-fit-content;width:fit-content;margin:auto;margin-bottom:5vw;line-height:2}.projects-concept p{margin-bottom:20px}.projects-concept p:last-child{margin-bottom:0}.projects-images{display:flex;flex-direction:column;gap:40px}.projects .col2{display:flex;gap:40px}.projects-video{position:relative;padding-bottom:56.25%;height:0;margin-top:40px}.projects-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.projects-back{margin-top:5vw;text-align:center}.projects-relative{margin-top:16vw}.relative-title{text-align:center;margin-bottom:60px}@media screen and (max-width: 1100px){.hero{height:50vw}}@media screen and (max-width: 900px){.projects-title{padding:16vw 5vw 8vw}.projects-title:before{height:80px;top:-40px}.projects-name{font-size:1.125rem}.projects-images{gap:20px}.projects .col2{gap:20px}.projects-back{margin-top:60px}}@media screen and (max-width: 640px){.hero{height:70vw}.projects-title:before{height:60px;top:-30px}.projects-name{font-size:1rem}.projects-images{gap:10px}.projects .col2{gap:10px}}