.taxonomy-menu .page-title span{
	color:var(--grey);
	font-size:.7em;
}


.taxonomy-menu .c-menu__parent-content.is-visible,

.taxonomy-menu .c-menu__child-content.is-visible,

.taxonomy-menu .c-menu__grand-content.is-visible{

	grid-template-rows:1fr;
	opacity:1;

}

.taxonomy-menu .about-intro{
	padding-bottom:1em;
	margin-bottom:2em;
}

.taxonomy-menu .menu-category-description{
	max-width:760px;
	margin:0 auto;
	line-height:2;
	text-align:center;
	color:#555;
}

.taxonomy-menu .content h2{
font-size:14px;
letter-spacing:.24em;
color:var(--accent);
margin-bottom:20px;
position:relative;
padding-left:40px;
}

.taxonomy-menu .content h2::before{
content:"";
position:absolute;
left:0;
top:50%;
width:28px;
height:1px;
background:var(--accent);
}

.archive-label{
	font-size:14px;
	letter-spacing:.24em;
	color:var(--accent);
	margin-bottom:20px;
	position:relative;
	padding-left:40px;
}

.archive-label::before{
content:"";
position:absolute;
left:0;
top:50%;
width:28px;
height:1px;
background:var(--accent);
}


.taxonomy-menu .feature-lead{
	font-size:16px;
	line-height:2.2;
	font-weight:500;
	color:#2f2f2f;
	margin-bottom:28px;
}

.taxonomy-menu .feature-body{

	color:#666;

}

.taxonomy-menu .feature-body p{
	font-size:14px;
	line-height:2.4;
	margin-bottom:1em;
}

.taxonomy-menu-content{
	position: relative;
	padding-bottom: 8em;
}

.taxonomy-menu-content:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:80px;
	height:1px;
	transform:
	translateX(-50%);
	background:
	linear-gradient(
	90deg,
	transparent,
	rgba(188,158,120,.9),
	transparent
	);
}

.taxonomy-menu .right{

	position:relative;

	max-width:400px;

	width:100%;

	margin:0 auto;

}

.taxonomy-menu .right::before{

	content:"";

	position:absolute;

	left:24px;
	top:24px;

	width:100%;
	height:100%;

	background:#f5f2ed;

	z-index:0;

}

.taxonomy-menu .right img{

	position:relative;

	z-index:1;

	width:100%;

	height:auto;

	display:block;

}

.archive-menu-wrap{
	margin-top:80px;
}
@media (max-width:768px){
	.taxonomy-menu .page-title span{
		font-size: .6em;
		display: block;
		padding-top: .8em;
	}
	.taxonomy-menu .about-intro{
		padding-bottom: 1em;
		margin-bottom: 1em;
	
	}
	.menu-category-hero{
		grid-template-columns:1fr;
		gap:32px;
	}

	.menu-category-meta{
		gap:24px;
	}

}