/* grid.css – Rasterkacheln der Glassammlung.
   Wird von archive-portfolio_page.php, taxonomy-*.php und single-kuenstler.php
   („Weitere Objekte") benutzt. Tokens siehe functions.php. */

.achilles-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
	margin: 0 0 30px;
}

.achilles-card {
	margin: 0;
}

.achilles-card__link {
	display: block;
	text-decoration: none;
	color: inherit;
}

/* Feste Kachelhöhe über ein Seitenverhältnis, damit unterschiedlich hohe
   Objektfotos das Raster nicht zerreissen. */
.achilles-card__media {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--title-bg);
}

.achilles-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.achilles-card__media--empty {
	/* Objekte ohne Beitragsbild: ruhige Fläche statt eines gebrochenen Bildes. */
	background: var(--title-bg);
}

.achilles-card__title {
	margin: 8px 0 0;
	font-size: 0.95rem;
	line-height: 1.35;
}

.achilles-card__link:hover .achilles-card__title,
.achilles-card__link:focus .achilles-card__title {
	color: var(--brand-red);
}

@media (max-width: 566px) {
	.achilles-grid {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: 14px;
	}
}