.hero-title {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}

.hero-rail {
	align-items: stretch;
}

.hero-card,
.hero-card:nth-child(even) {
	transform: none;
}

.hero-card:hover,
.hero-card:nth-child(even):hover {
	transform: translateY(-.5rem);
}

.section-more,
.share-button {
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--ink);
	font-family: var(--body);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
}

.section-more:hover {
	color: #6f8800;
}

.type-cloud .is-accent {
	color: var(--ink);
	text-shadow: none;
}

.type-cloud a:hover,
.type-cloud .is-accent:hover {
	color: #8ead00;
	text-shadow: 0 0 18px var(--acid), 0 0 38px var(--acid), 0 0 60px var(--acid);
}

.expandable-grid .expandable-item {
	display: contents;
}

.expandable-grid .expandable-item[hidden] {
	display: none;
}

.release-section-title {
	font-family: var(--display);
	font-size: clamp(2rem, 3.5vw, 3.5rem);
	font-weight: 400;
	letter-spacing: -.055em;
	line-height: .95;
	margin: 2.5rem 0 1.25rem;
}

.apple-music {
	margin: 2rem 0;
}

.apple-music-embed {
	display: block;
	width: 100%;
	max-width: 42rem;
	height: auto;
	aspect-ratio: 1;
	border: 0;
	border-radius: 16px;
	background: var(--mist);
}

.share-button {
	margin-top: 2rem;
	background: var(--ink);
	color: #fff;
	border-radius: 999px;
	padding: .8rem 1.1rem;
}

.share-button:hover {
	color: var(--acid);
}

.search-form {
	align-items: stretch;
}

.search-submit {
	display: grid;
	place-items: center;
	flex: 0 0 3.5rem;
	margin-left: auto;
	padding: 0;
}