@media (max-width:640px){.project-slider{--slide-height:30vh!important}}.project-slider{--slide-height:50vh;--slide-spacing:1rem;--slide-size:80%;width:100%;max-width:100%;margin:0 auto}.project-slider__viewport{overflow:hidden}.project-slider__container{touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing)*-1);display:flex}.project-slider__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);transition:opacity .12s linear}.project-slider__slide__img{height:var(--slide-height);object-fit:cover;border-radius:1.8rem;width:100%;display:block}.project-slider__parallax{height:var(--slide-height);border-radius:1.8rem;position:relative;overflow:visible}.project-slider__parallax__layer{justify-content:center;width:100%;height:100%;display:flex;position:relative}.project-slider__frame{background:linear-gradient(#fafafa 0%,#f3f3f3 40%,#eaeaea 100%);border-radius:1.8rem;width:100%;height:100%;position:relative;overflow:hidden}.project-slider__parallax__img{object-fit:cover;opacity:0;will-change:transform,opacity;width:100%;max-width:none;height:100%;transition:opacity .3s;position:absolute;inset:0;transform:translate(0,0)}.project-slider__frame.is-loaded .project-slider__parallax__img{opacity:1}.glossy-wrap{background:linear-gradient(#fafafa 0%,#f3f3f3 40%,#eaeaea 100%);border-radius:1.8rem;position:relative;overflow:hidden}.glossy-wrap .project-slider__slide__img{opacity:0;transition:opacity .3s}.glossy-wrap.is-loaded .project-slider__slide__img{opacity:1}.glossy-skel{pointer-events:none;border-radius:inherit;background:linear-gradient(#fafafa 0%,#f3f3f3 40%,#eaeaea 100%);position:absolute;inset:0}.glossy-skel:before{content:"";border-radius:inherit;background:linear-gradient(110deg,#ffffff80 0%,#ffffffb3 8%,#ffffff4d 14%,#c8c8c833 20%,#fff6 27%,#ffffff40 33%) 0 0/200% 100%;animation:1.6s ease-in-out infinite glossySweep;position:absolute;inset:0}.glossy-skel:after{content:"";opacity:.4;border-radius:inherit;background-image:repeating-linear-gradient(90deg,#ffffff80 0 1px,#ffffff1a 2px 6px);position:absolute;inset:0}@keyframes glossySweep{0%{background-position:-150% 0}to{background-position:150% 0}}.project-slider__frame.is-loaded .glossy-skel,.glossy-wrap.is-loaded .glossy-skel{opacity:0;transition:opacity .25s}.project-slider__container:has(.project-slider__slide:first-child:last-child){justify-content:center}.project-slider__thumbbar{-webkit-overflow-scrolling:touch}.project-slider__thumb.is-selected{transform:translateY(-1px)}
