.beats-page > .container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
}
.beats-page .beats-hero {
	padding: 30px 0 10px;
	border-bottom: 1px solid #2a2a2a;
}
.beats-page .beats-hero h1 {
	margin: 0;
	font-family: 'Space Grotesk', 'Inter', sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #f5f5f5;
}
.beats-page .beats-hero .accent-text { color: #a855f7; }
.beats-page .beats-hero p {
	margin: 4px 0 0;
	color: #b0b0b0;
	font-size: 1rem;
}
.beats-page .beat-listing .listing-header { display: none; }
.beats-page .beat-listing { padding-top: 20px; }
.beats-page > .container > .beat-listing {
	margin-right: -24px;
	margin-left: -24px;
}
@media (max-width: 768px) {
	.beats-page .beats-hero h1 { font-size: 1.8rem; }
}
@media (max-width: 480px) {
	.beats-page .beats-hero h1 { font-size: 1.4rem; }
}