.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:hidden;padding-top:2rem;padding-bottom:2rem;max-height:calc(100vh - 120px)}.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;aspect-ratio:4/3}.image-wrapper,.project-image{position:relative;overflow:hidden}.image-wrapper,.image-wrapper img{height:100%;width:100%}.image-wrapper img{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 (min-width:415px) and (max-width:450px){.projects-list{padding-top:4rem;padding-bottom:1rem;max-height:calc(100vh - 100px);min-height:calc(100vh - 100px);justify-content:flex-start}.project-item{margin-bottom:.3rem}.projects-component{padding:0 .5rem}}@media (max-width:768px){.projects-list{padding-top:2.5rem;padding-bottom:.8rem;max-height:calc(100vh - 60px);min-height:calc(100vh - 60px);justify-content:center}.project-item{margin-bottom:.2rem}.projects-component{padding:0 .5rem}}@media (max-width:414px){.projects-list{padding-top:2rem;padding-bottom:.5rem;max-height:calc(100vh - 50px);min-height:calc(100vh - 60px)}.projects-component{padding:0 .3rem}}@media (min-width:769px){.projects-list{padding-top:2rem;padding-bottom:2rem;max-height:calc(100vh - 120px);min-height:auto}}