/* /assets/style/index.css */
main{
	padding-top:calc(var(--header_h) + 1.25rem);
}

.album_section{
	margin-top:2.125rem;
}

.album_section:first-child{
	margin-top:1rem;
}

.album_section_header{
	backdrop-filter:blur(0.875rem);
	background:linear-gradient(180deg,rgba(var(--panel),0.92),rgba(var(--panel),0.62));
	border-bottom:0.0625rem solid rgba(var(--line),0.10);
	border-left:0;
	border-radius:0;
	border-right:0;
	border-top:0.0625rem solid rgba(var(--line),0.10);
	box-shadow:0 1.25rem 3.125rem rgba(var(--shadow),0.42);
	left:0;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	padding:0;
	position:sticky;
	right:0;
	top:var(--sticky_top);
	transform:translateZ(0);
	width:100vw;
	z-index:40;
}

.album_section_header_inner{
	align-items:center;
	display:flex;
	gap:1rem;
	justify-content:space-between;
	margin:0 auto;
	max-width:var(--max);
	padding:0.625rem 1.125rem;
	position:relative;
}

.album_section_header_inner::before{
	background:linear-gradient(90deg,rgba(var(--accent_a),0.95),rgba(var(--accent_a),0.0));
	border-radius:0.1875rem;
	bottom:-0.0625rem;
	content:"";
	height:0.1875rem;
	left:1.125rem;
	position:absolute;
	width:3.5rem;
}

.album_section_title{
	align-items:center;
	color:rgba(var(--text),0.94);
	display:flex;
	font-size:1.125rem;
	font-weight:950;
	gap:0.75rem;
	letter-spacing:0.06em;
	margin:0;
	text-transform:uppercase;
}

.album_section_title_text{
	-webkit-background-clip:text;
	background:linear-gradient(90deg,rgba(var(--text),1),rgba(var(--accent_a),0.92));
	background-clip:text;
	color:transparent;
}

.album_grid{
	grid-template-columns:repeat(auto-fill,minmax(10.625rem,1fr));
	margin-top:1rem;
}

.album_grid .album_card:nth-child(even){
	transform: rotate(1deg);
}

.album_grid .album_card:nth-child(odd) {
	transform: rotate(-1deg);
}

@media (max-width:45rem){
	.album_grid{
		grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));
	}

	.album_section_header_inner{
		padding:0.625rem 0.875rem;
	}

	.album_section_header_inner::before{
		left:0.875rem;
	}

	.album_section_title{
		align-items:flex-start;
		flex-wrap:wrap;
		gap:0.5rem;
		line-height:1.2;
	}

	.album_section_title_text{
		overflow-wrap:anywhere;
		white-space:normal;
	}
}