.home-featured-item,
	.home-latest-item {
		display: flex;
	}

	.home-featured-card,
	.home-latest-card {
		width: 100%;
		height: 100%;
		border: 1px solid #e4e4e8;
		box-shadow: 0 8px 24px rgba(36, 37, 56, .05);
		transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
	}

	.home-featured-card__link {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		color: #555;
		text-decoration: none;
	}

	.home-featured-card__link:hover {
		color: #555;
	}

	.home-featured-card__link:focus-visible {
		outline: 3px solid var(--cta-color);
		outline-offset: -3px;
	}

	.home-featured-card:hover,
	.home-featured-card:focus-within {
		border-color: #d3b37d;
		box-shadow: 0 12px 30px rgba(36, 37, 56, .1);
		transform: translateY(-2px);
	}

	.home-featured-card .th-img {
		display: block;
		position: relative;
		flex: 0 0 auto;
		aspect-ratio: 350 / 197;
		background: #ececf0;
		overflow: hidden;
	}

	.home-featured-card .th-img picture {
		display: block;
		width: 100%;
		height: 100%;
	}

	.home-featured-card .th-img img {
		display: block;
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		border-radius: 0;
		transition: transform .28s ease;
	}

	.home-featured-card:hover .th-img img,
	.home-featured-card:focus-within .th-img img {
		transform: scale(1.025);
	}

	.home-featured-card__placeholder {
		display: grid !important;
		place-items: center;
		color: #fff;
		background:
			radial-gradient(circle at 18% 22%, rgba(255, 165, 0, .85), transparent 28%),
			linear-gradient(135deg, #242538 0%, #343650 58%, #6d4317 100%) !important;
		font-size: 14px;
		font-weight: 800;
		letter-spacing: .14em;
		text-transform: uppercase;
	}

	.home-featured-card .post-btm-sec {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		padding: 24px 24px 22px;
	}

	.home-featured-card .btm-wrp {
		margin-bottom: 0;
	}

	.home-featured-card .cat-name {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin-bottom: 13px;
	}

	.home-featured-card .cat-name span {
		display: inline-flex;
		align-items: center;
		min-height: 26px;
		padding: 4px 10px;
		color: #754300;
		background: #fff4df;
		border: 1px solid #f1d49d;
		border-radius: 999px;
		font-size: 12px;
		font-weight: 800;
		letter-spacing: .07em;
		line-height: 16px;
		text-transform: uppercase;
	}

	.home-featured-card .cat-name span::after {
		content: none;
	}

	.home-featured-card .post-btm-sec h2 {
		display: -webkit-box;
		margin: 0 0 12px;
		color: var(--primary-color);
		font-size: 20px;
		font-weight: 750;
		line-height: 1.45;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.home-featured-card .excerpt {
		display: -webkit-box;
		margin: 0 0 24px;
		color: #5d5f69;
		font-size: 15px;
		line-height: 1.65;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.home-featured-card .read-more-link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		margin-top: auto;
		padding-top: 17px;
		color: #754300;
		border-top: 1px solid #ececf0;
		font-size: 14px;
		font-weight: 800;
		line-height: 20px;
	}

	.home-featured-card__arrow {
		display: inline-grid;
		flex: 0 0 38px;
		place-items: center;
		width: 38px;
		height: 38px;
		color: #fff;
		background: var(--primary-color);
		border-radius: 50%;
		font-size: 20px;
		line-height: 1;
		transition: background-color .2s ease, transform .2s ease;
	}

	.home-featured-card:hover .home-featured-card__arrow,
	.home-featured-card:focus-within .home-featured-card__arrow {
		background: #8a4f00;
		transform: translateX(2px);
	}

/* Preserve the complete image, including publication marks. */
.popular-post-sec .home-featured-card .th-img { aspect-ratio: 16 / 9; }
.popular-post-sec .home-featured-card .th-img img { position: static; width: 100%; height: 100%; object-fit: contain; }
.popular-post-sec .home-featured-card .post-btm-sec h2 { display: block; overflow: visible; -webkit-line-clamp: unset; font-size: 20px; line-height: 1.45; }
.popular-post-sec .home-featured-card .excerpt { color: #5d5f69; }
.popular-post-sec .home-featured-card:hover .th-img img { transform: none; }
.popular-post-sec .row { row-gap: 24px; }
@media (prefers-reduced-motion: reduce) { .home-featured-card, .home-featured-card .th-img img, .home-featured-card__arrow { transition: none; } .home-featured-card:hover { transform: none; } }