/* ── Project card (home slider 16:10, projects grid 16:10) ─── */
.project-card { position: relative; display: block; overflow: hidden; aspect-ratio: 1.6; max-width: 100%; background: var(--color-placeholder); color: var(--color-white); }
.project-card__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.project-card:hover .project-card__image { transform: scale(1.04); }
.project-card__shade { position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
.project-card__body { position: absolute; left: 0; right: 0; bottom: 0; display: block; padding: 0 20px 14px; }
.project-card__name { display: block; font-size: 18px; font-weight: 900; line-height: 1.2; }
.project-card__place { display: block; font-size: 14px; line-height: 1.3; }
.project-card:hover .project-card__name { color: var(--color-white); text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 3px; }

/* ── News card ──────────────────────────────────────────────── */
.news-card { display: flex; flex-direction: column; height: 100%; background: var(--color-white); box-shadow: var(--shadow-card); color: var(--color-ink); }
.news-card__media { position: relative; display: block; aspect-ratio: 1.4; background: var(--color-placeholder); }
.news-card__media img { width: 100%; height: 100%; object-fit: cover; }
.news-card__label { position: absolute; top: 12px; right: 8px; padding: 3px 8px; background: var(--color-accent); color: var(--color-white); font-size: 10px; line-height: 1.4; letter-spacing: 0.04em; text-transform: uppercase; }
.news-card__body { display: flex; flex-direction: column; gap: 6px; padding: 14px 20px 28px; }
.news-card__date { font-size: 10px; line-height: 1.4; letter-spacing: 0.04em; text-transform: uppercase; }
.news-card__title { font-size: 20px; font-weight: 900; line-height: 1.2; color: var(--color-accent); }
.news-card:hover .news-card__title { color: var(--color-accent); text-decoration: underline; text-decoration-color: var(--color-ink); text-underline-offset: 3px; }
/* Subtitle line: the two review options for Corien (under the name, or under the place). */
.project-card__subtitle { display: block; font-size: 14px; line-height: 1.3; opacity: 0.9; }