.projects{padding-top:64px;background:var(--color-sand)}@media(min-width:1024px){.projects{padding-top:80px}}.projects__title{text-align:center}@media(min-width:1024px){.projects__title{font-size:40px}}.projects__intro{margin-bottom:32px;text-align:center}@media(min-width:1024px){.projects__intro{margin-bottom:64px}}.projects__slider-wrap{display:block}.projects__slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-inline:1.5rem;scroll-padding-inline:1.5rem;-ms-overflow-style:none;scrollbar-width:none}.projects__slider::-webkit-scrollbar{display:none}@media(min-width:1024px){.projects__slider{padding-inline:2.5rem;scroll-padding-inline:2.5rem;gap:24px}}@media(min-width:1024px){.projects__slider{padding-inline:4rem;scroll-padding-inline:4rem}}.projects__card{position:relative;flex-shrink:0;width:85%;aspect-ratio:9/16;scroll-snap-align:start;border-radius:1rem;overflow:hidden;background:var(--color-white)}@media(min-width:1024px){.projects__card{width:calc((100% - 1.5rem)/ 2)}}@media(min-width:1024px){.projects__card{width:calc((100% - 4.5rem)/ 4)}}.projects__card-img{height:100%;width:100%;object-fit:cover;transition:transform .7s var(--ease-luxe)}.projects__card:hover .projects__card-img{transform:scale(1.05)}.projects__card-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.1) 60%,transparent)}.projects__card-body{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center}.projects__card-title{margin-bottom:32px;font-size:18px;font-weight:600;color:var(--color-white)}@media(min-width:1024px){.projects__card-title{margin-bottom:32px;font-size:20px}}.projects__nav{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:32px}@media(min-width:1024px){.projects__nav{padding-bottom:48px;gap:18px}}.projects__nav-btn{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:999px;border:1px solid #544f44;transition:background-color .3s var(--ease-luxe),color .3s var(--ease-luxe)}.projects__nav-btn:hover{background:var(--color-white)}