.projects{padding-top:4rem;background:var(--color-sand)}@media(min-width:1025px){.projects{padding-top:5rem}}.projects__title{text-align:center}@media(min-width:1025px){.projects__title{font-size:2.5rem;width:50%;margin:0 auto}}.projects__intro{margin-bottom:2rem;text-align:center}@media(min-width:1025px){.projects__intro{margin-bottom:5rem}}.projects__slider-wrap{display:block}.projects__slider{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-inline:1.5rem;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none}.projects__slider.is-dragging{cursor:grabbing}.projects__slider::-webkit-scrollbar{display:none}@media(min-width:1025px){.projects__slider{padding-inline:4rem;scroll-padding-inline:4rem;gap:1.5rem}}.projects__card{position:relative;flex-shrink:0;width:95%;aspect-ratio:9/16;scroll-snap-align:center;border-radius:1rem;overflow:hidden;background:var(--color-white)}@media(min-width:1025px){.projects__card{width:calc((100% - 4.5rem)/ 4)}}.projects__card-img{height:100%;width:100%;object-fit:cover;transition:transform .2s ease;pointer-events:none;-webkit-user-drag:none}.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:2rem;font-size:1.125rem;line-height:1.25rem;letter-spacing:-.01125rem;font-weight:600;color:var(--color-white)}@media(min-width:1025px){.projects__card-title{margin-bottom:2rem;font-size:1.25rem;line-height:1.75rem;letter-spacing:-.025rem}}.projects__nav{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding-block:2rem 0}@media(min-width:1025px){.projects__nav{padding-block:4rem 0}}.projects__nav-btn{display:flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:62.4375rem;border:1.5px solid #544f44;transition:background-color .3s ease,color .3s ease}.projects__nav-btn:hover{background:var(--color-white);color:var(--color-ink)}