#projects-section{background-color:#efefef;width:100%;position:relative;color:#161616;padding:200px 50px}.projects-container{max-width:2560px;width:100%;margin:auto;display:flex;gap:50px;align-items:stretch}.projects-left{width:65%;display:flex;flex-direction:row;gap:40px}.projects-sidebar{width:150px;display:flex;width:100%;max-width:2560px;margin:auto;gap:8px;font-size:11px;font-weight:700;color:gray;letter-spacing:1px}.projects-sidebar span{font-size:14px;line-height:1}.projects-list{flex-grow:1;display:flex;flex-direction:column}.project-item{border-bottom:1px solid #d6d6d6;padding-top:30px;padding-bottom:30px;cursor:pointer}.project-item-header{display:flex;justify-content:space-between;align-items:center}.project-item-header h2{font-size:30px;font-weight:700;margin:0}.project-item-year{font-size:11px;color:#888;border:1px solid #d6d6d6;border-radius:20px;padding:2px 10px}.project-desc-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.25,1,.5,1),opacity .35s ease;opacity:0}.project-desc-wrapper.active{grid-template-rows:1fr;opacity:1}.project-desc-inner{overflow:hidden}.project-desc-inner p{margin:0;padding-top:15px;font-size:15px;line-height:1.5;color:gray;max-width:600px}.project-mobile-image{display:none}.projects-right{width:35%;display:flex;justify-content:right;align-items:flex-start;position:sticky;top:150px}.project-image-card{width:100%;border-radius:15px;overflow:hidden;position:relative;background-color:#e5e5e5;box-shadow:0 15px 35px rgba(0,0,0,.05)}.project-image-card img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1024px){.projects-container{flex-direction:column;gap:40px}.projects-left{width:100%}.projects-right{display:none}.project-mobile-image{margin-top:20px;max-width:500px;border-radius:12px;overflow:hidden;background-color:#e5e5e5;box-shadow:0 10px 25px rgba(0,0,0,.05)}.project-mobile-image,.project-mobile-image img{display:block;width:100%;height:auto}}@media screen and (max-width:768px){#projects-section{padding:50px 20px}.projects-left{flex-direction:column;gap:20px}.project-item-header h2{font-size:28px}}@media screen and (max-width:565px){.project-item-header h2{font-size:18px}}