/*
 * Brodnik CSS bundle: listing.css
 * Shared article-section listing cards (articles-type1).
 * Extracted from legacy styles.css/custom.css after usage audit.
 */

.articles-type1{display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 24px 0;
	padding: 0 clamp(22px, 4vw, 56px);}

.articles-type1__block{overflow: hidden;
	border: 1px solid rgba(80, 65, 45, 0.16);
	border-radius: 14px;
	background: #f8f4ec;}

.articles-type1__link{display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;}

.articles-type1__link:hover h2{color: #9a5c3f;}

.articles-type1__link:hover img{transform: scale(1.03);}

.articles-type1__block img{display: block;
	width: 100%;
	height: 170px;
	object-fit: cover;
	transition: transform 0.45s ease;}

.articles-type1__block .articles-type1__link > div{display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 20px 22px 22px;}

.articles-type1__block .articles-type1__link > div > span:not(.btn){display: inline-block;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #9a7a56;
	font-weight: 700;}

.articles-type1__block h2{margin: 0 0 14px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.12;
	font-weight: 400;
	color: #221b16;
	transition: color 0.25s ease;}

.articles-type1__block p{margin: 0 0 22px;
	font-size: 15px;
	line-height: 1.5;
	color: #36312c;}

.articles-type1__footer{display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: auto;}

.articles-type1__block .rr-meta{display: flex;
	align-items: center;
	gap: 12px;
	color: #5f574f;}

.articles-type1__block .rr-meta span{margin: 0;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: normal;
	text-transform: none;
	color: inherit;}

.articles-type1__block .rr-meta span + span::before{content: "•";
	margin-right: 12px;}

.articles-type1__block .btn{display: inline-flex;
	align-items: center;
	gap: 12px;
	width: fit-content;
	padding: 0;
	border: 0;
	background: transparent;
	color: #a26142;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;}

.articles-type1__block .btn::after{content: "→";
	display: inline-block;
	font-size: 22px;
	line-height: 1;
	transform: translateY(-1px);
	transition: transform 0.25s ease;}

.articles-type1__link:hover .btn::after{transform: translate(5px, -1px);}

.articles-type1__block.big-block{grid-column: 1 / -1;}

.articles-type1__block.big-block .articles-type1__link{display: grid;
	grid-template-columns: 42% 1fr;
	align-items: stretch;
	min-height: 320px;}

.articles-type1__block.big-block img{width: 100%;
	height: 100%;
	min-height: 320px;
	object-fit: cover;}

.articles-type1__block.big-block .articles-type1__link > div{display: flex;
	flex-direction: column;
	padding: 42px 50px;}

.articles-type1__block.big-block h2{max-width: 680px;
	font-size: 40px;
	line-height: 1.08;}

.articles-type1__block.big-block p{max-width: 650px;
	font-size: 18px;
	line-height: 1.45;}

.articles-type1__block.big-block .articles-type1__footer{margin-top: auto;}

.articles-type1__block:not(.big-block) h2{font-size: 23px;}

.articles-type1__block:not(.big-block) p{display: none;}

.articles-type1__block:not(.big-block) .articles-type1__footer{display: block;
	margin-top: auto;}

.articles-type1__block:not(.big-block) .btn{display: none;}

.articles-type1__link:hover img{transform: scale(1.03);}

@media (max-width: 920px){
.articles-type1{grid-template-columns: repeat(2, minmax(0, 1fr));}
.articles-type1__block.big-block{grid-column: 1 / -1;}
.articles-type1__block.big-block .articles-type1__link{grid-template-columns: 1fr;}
.articles-type1__block.big-block img{height: 320px;
		min-height: 0;}
.articles-type1__block.big-block .articles-type1__link > div{padding: 30px;}
.articles-type1__block.big-block h2{font-size: 34px;}
}

@media (max-width: 520px){
.articles-type1{grid-template-columns: 1fr;
		gap: 18px;}
.articles-type1__block{border-radius: 12px;}
.articles-type1__block.big-block img,
.articles-type1__block img{height: 230px;}
.articles-type1__block.big-block .articles-type1__link > div,
.articles-type1__block:not(.big-block) .articles-type1__link > div{padding: 22px;}
.articles-type1__block.big-block h2,
.articles-type1__block h2{font-size: 26px;}
.articles-type1__block.big-block p{font-size: 16px;}
.articles-type1__block.big-block .articles-type1__footer{flex-direction: column;
		align-items: flex-start;
		gap: 16px;}
.articles-type1__block.big-block .btn{margin-top: 0;}
}