body {
	background: var(--color-bg);
}
.home-search {
	margin-top: var(--space-4);
	max-width: 640px;
}
.home-search-field {
	display: flex;
	gap: var(--space-3);
	align-items: center;
}
.home-search-button {
	flex-shrink: 0;
}
.home-search-helper {
	margin-top: var(--space-2);
	font-size: var(--text-xs);
	color: var(--color-neutral-500);
}
.hero-actions {
	margin-top: var(--space-6);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
}
.home-pillars .card {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}
.home-card-media {
	margin-bottom: var(--space-4);
	border-radius: var(--radius-lg);
	overflow: hidden;
}
.home-card-image {
	width: 100%;
	height: 190px;
	object-fit: cover;
}
.home-card-list {
	margin-bottom: var(--space-4);
	font-size: var(--text-sm);
	color: var(--color-neutral-700);
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}
.home-card-link {
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--color-primary);
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}
.home-card-link::after {
	content: "→";
	font-size: 0.85em;
	transition: transform var(--transition-base);
}
.home-card-link:hover::after {
	transform: translateX(3px);
}
.home-insights {
	gap: var(--space-8);
}
.home-insights-panel {
	padding: var(--space-6);
}
.home-insights-header {
	margin-bottom: var(--space-4);
}
.home-insights-table-wrapper {
	margin-top: var(--space-4);
	overflow-x: auto;
}
.home-players-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	margin-top: var(--space-4);
	margin-bottom: var(--space-4);
}
.home-player-item {
	display: flex;
	gap: var(--space-4);
	align-items: flex-start;
}
.home-player-name {
	font-family: var(--font-serif);
	font-size: var(--text-lg);
	margin-bottom: var(--space-1);
}
.home-player-highlight {
	font-size: var(--text-sm);
	color: var(--color-neutral-600);
}
.home-venues-gallery {
	gap: var(--space-8);
}
.home-venues .tag-cloud {
	margin-top: var(--space-4);
	margin-bottom: var(--space-4);
}
.home-gallery .gallery-grid {
	margin-top: var(--space-2);
}
.home-blog-faq {
	gap: var(--space-8);
}
.home-blog-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}
.home-blog-item h4 {
	font-size: var(--text-lg);
	font-family: var(--font-serif);
	margin-bottom: var(--space-1);
}
.home-blog-item p {
	font-size: var(--text-sm);
	color: var(--color-neutral-600);
	margin-bottom: 0;
}
.home-faq .faq-item {
	padding-top: var(--space-3);
	padding-bottom: var(--space-3);
}
.home-contact {
	padding-bottom: var(--space-20);
}
.home-contact-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: var(--space-8);
	padding: var(--space-6) var(--space-6);
}
.home-contact-text .section-description {
	margin-top: var(--space-2);
	margin-bottom: var(--space-4);
}
.home-contact-actions {
	margin-top: var(--space-4);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
}
.home-contact-summary {
	border-radius: var(--radius-lg);
	background: rgba(2, 6, 23, 0.9);
	color: #e5e7eb;
	padding: var(--space-5);
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}
.home-contact-summary .metric-value {
	color: #f9fafb;
}
.home-contact-summary .metric-caption {
	color: #9ca3af;
}
.home-contact-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}
.home-contact-links a {
	font-size: var(--text-xs);
	padding: 0.28rem 0.75rem;
	border-radius: 999px;
	border: 1px solid rgba(148, 163, 184, 0.55);
	background: rgba(15, 23, 42, 0.65);
	color: #e5e7eb;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.home-contact-links a:hover {
	border-color: var(--color-accent);
	color: #fff;
}
.hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1024px) {
	.home-contact-inner {
		grid-template-columns: 1fr;
	}
	.home-search-field {
		flex-direction: column;
		align-items: stretch;
	}
	.home-search-button {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.home-contact-inner {
		padding: var(--space-5) var(--space-4);
	}
	.home-card-image {
		height: 170px;
	}
	
}
@media (max-width: 480px) {
	.hero-actions {
		flex-direction: column;
		align-items: stretch;
	}
	.home-contact-summary {
		padding: var(--space-4);
	}

}