.section-games {
	--font-display: var(--font-heading);
	--color-background: #f7f2ec;
	--color-surface: #fffaf4;
	--color-text: #242522;
	--color-muted: #6a727b;
	--color-primary: #242522;
	--color-action: #b65332;
	--color-accent: #a34a2d;
	--color-border: #d5cec4;
}

.section-games .gw-eyebrow { color: var(--color-accent); }
.section-games .gw-card { border-top: 3px solid var(--color-accent); }

.section-games .wp-element-button {
	background: var(--color-action);
	border-color: var(--color-action);
}

.section-games .wp-element-button:hover {
	background: var(--color-accent);
	border-color: var(--color-accent);
}

.gw-games-page .wp-block-post-content,
.gw-games-page .wp-block-post-content > * {
	margin-block: 0;
}

.gw-games-hero {
	padding-block: clamp(5rem, 10vw, 9rem);
}

.gw-games-hero .gw-display {
	max-width: 13ch;
}

.gw-game-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.section-games .gw-game-card {
	border-top: 0;
	display: flex;
	flex-direction: column;
	min-height: 22rem;
	overflow: hidden;
	position: relative;
}

.gw-game-card::before {
	background: var(--project-accent, var(--color-accent));
	content: "";
	height: 0.4rem;
	inset: 0 0 auto;
	position: absolute;
}

@media (max-width: 47.99rem) {
	.gw-game-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.section-games .gw-game-card {
		min-height: 0;
	}
}