.projects{background-color:var(--color-neutral);min-height:100vh;padding:7rem 2rem 4rem}.projects__header{text-align:center;opacity:0;max-width:1400px;margin:0 auto 3.5rem;transition:opacity .7s,transform .7s;transform:translateY(24px)}.projects__header--visible{opacity:1;transform:translateY(0)}.projects__title{font-family:var(--font-heading),serif;color:var(--color-dark);text-transform:uppercase;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.projects__grid{grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;display:grid}.projects__card{opacity:0;color:inherit;cursor:pointer;background-color:#fff;flex-direction:column;text-decoration:none;transition:box-shadow .3s;display:flex;transform:translateY(24px)}.projects__card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.projects__card--visible{animation:.55s forwards cardFadeIn}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.projects__card-image-wrap{width:100%;max-height:320px;position:relative;overflow:hidden}.projects__card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.projects__card:hover .projects__card-image{transform:scale(1.03)}.projects__card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.projects__card-name{color:var(--color-dark);font-size:1.125rem;font-weight:700;font-family:var(--font-heading),serif}.projects__card-location{color:var(--color-muted);align-items:center;gap:.375rem;font-size:.875rem;font-weight:300;display:flex}.projects__card-info{color:#000000b3;align-items:center;gap:.5rem;font-size:.875rem;font-weight:400;display:flex}.projects__card-desc{color:var(--color-muted);flex:1;font-size:.8125rem;font-weight:300;line-height:1.5}.projects__card-link{color:var(--color-accent);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.projects__card-link img{transition:transform .25s cubic-bezier(.22,1,.36,1)}.projects__card:hover .projects__card-link img,.projects__card:focus-visible .projects__card-link img{transform:translate(5px)}@media (min-width:640px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.projects{padding:6rem 1rem 3rem}}