/* Exhibition cards only */
.exhibitions__grid{
	display:flex;
	overflow-x:auto;
	scroll-behavior:smooth;
	scroll-snap-type:x proximity;
	gap:1rem;
	padding-bottom:.75rem;
	scrollbar-width:auto;
	scrollbar-color:rgba(31,26,21,.3) transparent;
}

.exhibitions__grid::-webkit-scrollbar{
	height:20px;
}

.exhibitions__grid::-webkit-scrollbar-track{
	background:transparent;
	border-radius:999px;
}

.exhibitions__grid::-webkit-scrollbar-thumb{
	background:rgba(31,26,21,.24);
	border-radius:999px;
}

.exhibitions__grid::-webkit-scrollbar-thumb:hover{background:rgba(31,26,21,.34)}

.exhibition-card{
	display:flex;
	flex-direction:column;
	flex:0 0 clamp(270px,30vw,360px);
	scroll-snap-align:start;
	border-radius:12px;
	overflow:hidden;
	text-decoration:none;
	background:#fff;
	border:1px solid rgba(31,26,21,.12);
	box-shadow:0 10px 24px rgba(0,0,0,.08);
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.exhibition-card img{
	width:100%;
	height:192px;
	display:block;
	object-fit:cover;
	transition:transform .25s ease;
}

.exhibition-card__content{
	display:flex;
	flex-direction:column;
	flex:1;
	gap:.45rem;
	padding:.82rem .9rem 1rem;
}

.exhibition-card__status{
	align-self:flex-start;
	font-size:.72rem;
	font-weight:700;
	letter-spacing:.02em;
	line-height:1;
	padding:.3rem .5rem;
	color:#6f4b31;
	background:#f0e4d4;
	border:1px solid #e1cdb4;
	border-radius:6px;
}

.exhibition-card__title{
	margin:.1rem 0 0;
	font-size:1.03rem;
	line-height:1.3;
	font-weight:800;
	color:#1f1a15;
}

.exhibition-card__desc{
	margin:0;
	font-size:.88rem;
	line-height:1.48;
	color:#5e5650;
}

.exhibition-card__more{
	margin-top:auto;
	font-size:.82rem;
	font-weight:700;
	color:#7b5234;
}

.exhibition-card__more::after{
	content:" →";
}

.exhibition-card:hover{
	transform:translateY(-3px);
	box-shadow:0 14px 28px rgba(0,0,0,.12);
	border-color:rgba(31,26,21,.2);
}

.exhibition-card:hover img{
	transform:scale(1.03);
}

.exhibition-card:hover .exhibition-card__more{
	text-decoration:underline;
}

.exhibition-card:focus-visible{
	outline:3px solid rgba(31,26,21,.45);
	outline-offset:2px;
}

@media (max-width:640px){
	.exhibition-card{
		flex-basis:min(86vw,320px);
	}

	.exhibition-card img{
		height:176px;
	}
}