.projects-index{padding:82px 0 96px;background:#f4f5f5}
.projects-index__intro{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end;margin-bottom:42px}
.projects-index__intro h2{margin-bottom:0}
.projects-index__intro>p{color:#626869;margin:0;max-width:480px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.project-card{background:#fff;border:1px solid #dfe2e2;display:flex;flex-direction:column;min-height:520px;transition:transform .3s,box-shadow .3s}
.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #11131321}
.project-card__image{height:330px;overflow:hidden;position:relative;background:#ddd}
.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.project-card:hover .project-card__image img{transform:scale(1.035)}
.project-card__image:after{content:"Bekijk project";color:#fff;background:#e30613;padding:10px 15px;font-family:Rajdhani,sans-serif;font-weight:700;position:absolute;right:18px;bottom:18px;transform:translateY(8px);opacity:0;transition:.3s}
.project-card:hover .project-card__image:after{transform:none;opacity:1}
.project-card__body{padding:27px 29px 30px;display:flex;flex-direction:column;flex:1}
.project-card__meta{color:#e30613;letter-spacing:.12em;text-transform:uppercase;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;margin-bottom:8px}
.project-card h2{font-size:2rem;margin-bottom:10px}
.project-card p{color:#626869;font-size:.92rem;line-height:1.65;margin-bottom:22px}
.project-card__link{font-family:Rajdhani,sans-serif;font-weight:700;border-bottom:1px solid #e30613;align-self:flex-start;margin-top:auto;padding-bottom:3px}
.projects-coming{border-left:4px solid #e30613;margin-top:35px;padding:4px 0 4px 22px;color:#626869}
.projects-coming strong{color:#171919;font-family:Rajdhani,sans-serif;font-size:1.2rem;display:block}
@media(max-width:880px){.projects-index__intro{grid-template-columns:1fr;gap:18px}.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.projects-index{padding:60px 0 70px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:0}.project-card__image{height:275px}.project-card__image:after{opacity:1;transform:none}}
.projects-index__cta{margin-top:48px;padding:38px 40px;background:#f0eeeb;display:flex;align-items:center;justify-content:space-between;gap:32px}.projects-index__cta h2{margin:8px 0 0}.projects-index__cta>div:last-child{display:flex;align-items:center;gap:24px;flex-wrap:wrap}@media(max-width:760px){.projects-index__cta{padding:28px 22px;align-items:flex-start;flex-direction:column}.projects-index__cta>div:last-child{align-items:flex-start;flex-direction:column}}