.projects-container{grid-column:1/5;display:flex;flex-direction:column;grid-gap:var(--mic-fs);margin-top:var(--space-big);margin-bottom:var(--space-big)}.projects-header{display:flex;width:100%;justify-content:space-between}.projects-buttons{display:flex;align-items:center}.button{background-color:transparent;border:none;outline:none;width:24px;height:18px;cursor:pointer}.button:disabled{color:var(--gray-light-color);cursor:default}.button svg{height:inherit}.indicators{grid-column:3/5;margin:0 1rem}.indicators>*{line-height:1;font-size:var(--mic-fs)}.projects-slider{grid-column:1/5;display:flex;grid-gap:1px;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.projects-slider::-webkit-scrollbar{display:none}.projects-slider .project-link{display:contents}.projects-slider .project-article{flex:0 0 75%;aspect-ratio:16/9;position:relative;scroll-snap-stop:always;scroll-snap-align:center}.projects-slider .project-image{width:100%;aspect-ratio:16 / 9;overflow:hidden}.projects-slider .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.projects-slider .project-info{position:absolute;z-index:1;top:50%;left:30px;transform:translateY(-30px);opacity:0;color:var(--light-color);transition:all .3s ease-in-out}.projects-slider .project-info h2{text-transform:uppercase;letter-spacing:2px}.projects-slider .project-image:before{content:"";opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;transition:all .5s}@media (hover: hover) and (pointer: fine){.projects-slider .project-article:hover .project-image img{transform:scale(1.05)}.projects-slider .project-article:hover .project-image:before{content:"";opacity:1;background-color:#000000a6;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.projects-slider .project-article:hover .project-info{transform:translateY(0);opacity:1}}@media all and (orientation: portrait){.projects-slider .project-article{flex:0 0 85%}}
