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