.projectdetail-container{margin-top:150px;max-width:1200px;padding:2rem;margin-left:auto;margin-right:auto}.projectdetail-container h1{text-align:left;font-size:min(4vw,3rem);margin-bottom:80px;padding-bottom:20px;border-bottom:3px solid;border-image:linear-gradient(90deg,#11998e,#38ef7d) 1;width:-moz-fit-content;width:fit-content}.project-item{display:flex;align-items:center;gap:40px;margin-bottom:80px;padding:30px;border-radius:1rem;background:rgba(10,10,10,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.project-item:hover{background:rgba(10,10,10,.92);transform:translateY(-5px);box-shadow:0 10px 30px rgba(17,153,142,.2)}.project-item.left{flex-direction:row}.project-item.right{flex-direction:row-reverse}.project-item .content{display:flex;flex-direction:column;gap:20px;flex:1 1}.project-item strong{font-size:min(3vw,2rem);color:#38ef7d;display:block;margin-bottom:10px}.project-item p{font-size:min(2.5vw,1.3rem);line-height:1.8;color:rgba(255,255,255,.9)}.project-image{border-radius:.5rem;box-shadow:0 5px 20px rgba(0,0,0,.3);transition:transform .3s ease;width:auto;height:auto;max-width:600px}.project-image:hover{transform:scale(1.05)}@media (max-width:1024px){.projectdetail-container{padding:1rem}.project-item{flex-direction:column!important;align-items:flex-start;gap:20px;padding:20px;margin-bottom:40px}.project-image{width:100%;height:auto}.projectdetail-container h1{margin-bottom:50px}}