:root{--projects-dots-background-color:#fff;--projects-arrow-background-color:#008ae6;--projects-arrow-icon-color:#fff;--projects-arrow-background-hover-color:#0067b7;--projects-columns:1;--projects-list-gap:20px}.projects__highlight{margin-bottom:1.5rem}.projects__carousel{padding:2rem 0;position:relative}.projects__slider{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--projects-list-gap);overflow-x:auto;padding:0;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.projects__slider::-webkit-scrollbar{-webkit-appearance:none;height:0;width:0}.projects__item{-webkit-box-flex:0;-ms-flex:0 0 calc(100% / var(--projects-columns) - var(--projects-list-gap) + var(--projects-list-gap)/ var(--projects-columns));flex:0 0 calc(100% / var(--projects-columns) - var(--projects-list-gap) + var(--projects-list-gap)/ var(--projects-columns));scroll-snap-align:center}.projects__arrow{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--projects-arrow-background-color);border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;height:55px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:0;position:absolute;top:128px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;width:55px;z-index:3}.projects__arrow span{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.projects__arrow .icon{fill:var(--projects-arrow-icon-color);height:18px;width:18px}.projects__arrow:focus,.projects__arrow:hover{background:var(--projects-arrow-background-hover-color)}.projects__arrow:focus-visible{outline:2px solid var(--projects-arrow-background-hover-color);outline-offset:3px}.projects__arrow.is-hidden{display:none}.projects__arrow--prev{left:12px}.projects__arrow--prev .projects__arrow-icon::before{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z%22%2F%3E%3C%2Fsvg%3E")}.projects__arrow--prev:hover .projects__arrow-icon::before{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.projects__arrow--next{right:12px}.projects__arrow--next .projects__arrow-icon::before{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z%22%2F%3E%3C%2Fsvg%3E")}.projects__arrow--next:hover .projects__arrow-icon::before{-webkit-transform:translateX(5px);transform:translateX(5px)}.projects__slider-dots{background-color:var(--projects-dots-background-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-20px;margin-top:1rem;min-width:100vw;padding:1rem 0;position:absolute}.projects__slider-dots li>button{background-color:#fff;border:3px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 0 1px #dcd2be;box-shadow:0 0 0 1px #dcd2be;color:transparent;height:15px;margin:0 10px;width:15px}.projects__slider-dots li.slick-active>button{background-color:#008ae6;color:transparent}.projects--white{--projects-dots-background-color:#fff}.projects--light-grey{--projects-dots-background-color:#f3f2f0}.projects--beige{--projects-dots-background-color:#dcd2be}.projects--beige-light{--projects-dots-background-color:#f5f0eb}.projects--blue{--projects-dots-background-color:#008ae6;--projects-arrow-background-color:#e60d2e;--projects-arrow-background-hover-color:#ad0d27}.projects--red{--projects-dots-background-color:#e60d2e}@media only screen and (min-width:480px){.projects{--projects-columns:2}}@media only screen and (min-width:768px){.projects{--projects-columns:3}}@media only screen and (min-width:1280px){.projects__arrow--prev{left:-79px}.projects__arrow--next{right:-79px}}