/* Blog listing page — scoped under .pg-blog (Figma node 1:4338) */

.pg-blog { color: var(--color-text); }
.pg-blog img { max-width: 100%; }

/* Breadcrumb */
.pg-blog__breadcrumb {
	max-width: var(--container-max);
	margin: 20px auto 0;
	padding: 0 20px;
	font-size: 12px;
	letter-spacing: 0.36px;
}
.pg-blog__breadcrumb a { color: rgba(0, 0, 0, 0.5); text-decoration: none; }
.pg-blog__breadcrumb span { color: #000; }

/* Listing section (white, per Figma) */
.pg-blog__listing {
	background: #fff;
	padding: 80px 0 90px;
}

/* Hero heading */
.pg-blog__head {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin-bottom: 50px;
	padding: 0 20px;
}
.pg-blog__title {
	font-family: var(--font-heading);
	font-weight: 400;
	font-size: 34px;
	color: #000;
}
.pg-blog__sub {
	font-size: 16px;
	letter-spacing: 0.48px;
	color: #000;
	max-width: 600px;
}

/* Cards grid */
.pg-blog__grid {
	max-width: var(--container-max);
	margin: 0 auto;
	padding: 0 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

/* Card */
.pg-blog__card {
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.pg-blog__card a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
}
.pg-blog__media {
	aspect-ratio: 406 / 326;
	overflow: hidden;
	background: var(--color-card-bg);
}
.pg-blog__media img,
.pg-blog__card > a > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.pg-blog__body {
	padding: 17px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}
.pg-blog__meta {
	font-size: 14px;
	color: #6d6161;
	margin: 0;
}
.pg-blog__card-title {
	font-family: var(--font-heading);
	font-weight: 400;
	font-size: 16px;
	color: #000;
	margin: 0;
}
.pg-blog__excerpt {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.42px;
	color: #6d6161;
	margin: 0;
}
.pg-blog__more {
	font-size: 14px;
	letter-spacing: 0.42px;
	color: #000;
	text-decoration: underline;
	margin-top: auto;
	padding-top: 4px;
}

/* Load more button */
.pg-blog__loadmore {
	display: flex;
	justify-content: center;
	margin-top: 70px;
}
.pg-blog__loadmore .btn {
	background: transparent;
	color: #000;
	border: 2px solid #000;
	border-radius: 55px;
	padding: 15px 70px;
}

/* Full-width photo band */
.pg-blog__band {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}
.pg-blog__band img {
	width: 100%;
	height: 401px;
	object-fit: cover;
	display: block;
}

/* Responsive */
@media (max-width: 1024px) {
	.pg-blog__grid { grid-template-columns: repeat(2, 1fr); }
	.pg-blog__listing { padding: 60px 0 70px; }
	.pg-blog__band { grid-template-columns: repeat(3, 1fr); }
	.pg-blog__band img { height: 300px; }
}

@media (max-width: 640px) {
	.pg-blog__grid { grid-template-columns: 1fr; gap: 24px; }
	.pg-blog__title { font-size: 26px; }
	.pg-blog__sub { font-size: 14px; }
	.pg-blog__head { margin-bottom: 35px; }
	.pg-blog__loadmore { margin-top: 45px; }
	.pg-blog__loadmore .btn { padding: 14px 45px; }
	.pg-blog__band { grid-template-columns: repeat(2, 1fr); }
	.pg-blog__band img { height: 220px; }
}