.work{text-align:center;background-color:var(--bg);flex-direction:column;gap:2em;padding:15em 1em;display:flex}.work .projects{flex-direction:column;gap:4em;width:32%;margin:0 auto;display:flex}.work .projects img{aspect-ratio:4/5}.work .projects .project-img{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}@media (max-width:900px){.work .projects{width:90%}}
.slider{-webkit-user-select:none;user-select:none;width:100vw;height:100svh;position:relative;overflow:hidden}.slide-track{width:100%;height:100%;display:flex;position:absolute}.slide{cursor:pointer;flex-direction:column;flex-shrink:0;width:350px;height:500px;margin:0 20px;display:flex;position:relative;top:50%;overflow:visible;transform:translateY(-50%)}.slide-image{flex:1;width:100%;height:100%;overflow:hidden}.slide-image img{object-fit:cover;will-change:auto;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:none}.slide-overlay{pointer-events:none;z-index:10;opacity:0;justify-content:space-between;align-items:center;transition:opacity .3s;display:flex;position:absolute;bottom:-1.75rem;left:0;right:0}.slide:hover .slide-overlay{opacity:calc(1 - var(--slider-moving,1))}.project-title{text-transform:uppercase;font-size:.8rem;font-weight:500}.project-arrow{width:16px;height:16px}.project-arrow svg{stroke:#fff;stroke-width:2px}