.project-card{display:block;padding:1.6rem 1.6rem 4rem;border:1px solid #000;border-top:0px}.project-card__img{width:100%;height:auto;margin-bottom:1.6rem}.project-card--category .project-card__img{aspect-ratio:638/734}.project-card:not(.project-card--category) .project-card__img{aspect-ratio:407/316}.project-card__title,.project-card__text{margin-bottom:.4rem}.project-card__categories{color:#62625d}.project-card__categories>a{-webkit-text-decoration:underline;text-decoration:underline}.project-card__date{color:#62625d}.project-card .project-card__date+.project-card__content .project-card__categories{margin-top:.8rem}.project-card .btn{margin-top:1.6rem}.project-card a.borders{display:block}.project-cards__title{border-bottom:1px solid #000}.project-cards__title.p-container{padding-top:2.3rem;padding-bottom:2.3rem}.project-cards__cards-inner,.project-cards__load-more{grid-column:1/-1}.project-cards__load-more>.sub-button{margin:0 auto;padding:1.3rem 4.6rem;background-color:#1a1a18;color:#d0cbbe}.project-cards__load-more>.sub-button.hide{display:none}@media screen and (min-width:640px){.project-cards__cat-cards,.project-cards__cards,.project-cards__cards-inner{display:grid;grid-template-columns:repeat(2,1fr);position:relative}.project-cards__cat-cards:after,.project-cards__cards:after,.project-cards__cards-inner:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;z-index:1}.project-cards__cat-cards .project-card,.project-cards__cards .project-card,.project-cards__cards-inner .project-card{background-color:#dcd8ce}.project-cards__cat-cards .project-card:not(:last-child),.project-cards__cards .project-card:not(:last-child),.project-cards__cards-inner .project-card:not(:last-child){border-right:0}}@media screen and (min-width:768px){.project-cards__title.p-container{padding-top:3rem;padding-bottom:2.8rem}.project-cards__cards,.project-cards__cards-inner{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1416px){.project-card{padding:2.4rem 2.4rem 5.7rem}.project-card{padding:4rem 4rem 5.7rem}.project-card__title,.project-card__text{margin-bottom:.8rem}.project-card .btn{margin-top:4rem}}@media(hover:hover)and (pointer:fine){.project-card__categories>a:hover{color:#1a1a18}}
