.projects-component{max-width:1200px;margin:0 auto;height:100vh;padding:0 1rem;box-sizing:border-box}.projects-component,.projects-list{position:relative;display:flex;flex-direction:column}.projects-list{align-items:center;width:100%;flex:1 1;justify-content:center;overflow-y:auto;padding-top:2rem;padding-bottom:2rem;max-height:calc(100vh - 120px);scrollbar-width:none;-ms-overflow-style:none}.projects-list::-webkit-scrollbar{display:none}.project-item{width:100%;text-align:center;cursor:pointer;margin-bottom:.3rem;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.project-title-container{position:relative;display:inline-block;z-index:5;pointer-events:auto;will-change:transform,opacity,filter}.project-title{font-size:var(--project-title-font-size,1.2rem);font-weight:800;letter-spacing:-.02em;margin:.1rem 0;font-family:Satoshi,sans-serif}.hover-indicator{position:absolute;width:6px;height:6px;background-color:#000000;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;z-index:100;will-change:width,opacity}.hover-indicator.left{left:-15px}.hover-indicator.right{right:-15px}.project-content{display:flex;justify-content:center;align-items:center;gap:.4rem;max-height:0;opacity:0;overflow:hidden;padding:0 .5rem;margin:0;pointer-events:none}.project-details{width:22%;text-align:left;font-size:var(--project-details-font-size,.6rem);letter-spacing:.05rem;font-weight:500;font-family:Satoshi,sans-serif}.project-details .line-wrapper{overflow:hidden;margin-bottom:.2rem}.project-details.right{text-align:right}.detail-label{margin-bottom:.2rem;font-size:var(--project-details-label-font-size,.5rem);letter-spacing:.05rem}.detail-label,.detail-year{font-family:Satoshi,sans-serif}.detail-year{margin-top:.3rem}.project-image{width:56%;max-width:250px;position:relative;overflow:hidden;aspect-ratio:4/3}@media (max-width:360px){.project-image{width:50%;max-width:140px}}@media (min-width:361px) and (max-width:430px){.project-image{width:52%;max-width:160px}}.image-wrapper{position:relative;overflow:hidden;height:100%;width:100%}.image-wrapper img{width:100%;height:100%;display:block;object-fit:cover;opacity:1!important;visibility:visible!important;-webkit-clip-path:inset(0 0 0 0)!important;clip-path:inset(0 0 0 0)!important;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality}@media (max-width:360px){.projects-list{padding-top:6rem!important;padding-bottom:.5rem;max-height:calc(100vh - 50px);min-height:calc(100vh - 50px);justify-content:flex-start}.project-item{margin-bottom:.15rem}.projects-component{padding:0 .3rem}.project-details{font-size:.45rem}.detail-label{font-size:.4rem}}@media (min-width:361px) and (max-width:430px){.projects-list{padding-top:5.5rem!important;padding-bottom:.75rem;max-height:calc(100vh - 60px);min-height:calc(100vh - 60px);justify-content:flex-start}.project-item{margin-bottom:.2rem}.projects-component{padding:0 .5rem}.project-details{font-size:.5rem}.detail-label{font-size:.45rem}}@media (min-width:431px) and (max-width:768px){.projects-list{padding-top:3rem;padding-bottom:1rem;max-height:calc(100vh - 80px);min-height:calc(100vh - 80px);justify-content:center}.project-item{margin-bottom:.4rem}.projects-component{padding:0 1rem}}@media (min-width:769px) and (max-width:1024px){.projects-list{padding-top:3.5rem;padding-bottom:1.5rem;max-height:calc(100vh - 100px);min-height:calc(100vh - 100px);justify-content:center}.project-item{margin-bottom:.5rem}.projects-component{padding:0 1.5rem}}@media (min-width:1025px){.projects-list{padding-top:2rem;padding-bottom:2rem;max-height:calc(100vh - 120px);min-height:auto;justify-content:center}.project-item{margin-bottom:.3rem}.projects-component{padding:0 2rem}}