@import "blog-shared.css";

/**
 * News & Media listing. Figma "News & Media Listing" 442:22523.
 */

/* ---- Featured row: big card + Recent Updates --------------------------- */
.ne-news-featured {
	display: grid;
	grid-template-columns: 1.7fr 1fr;
	gap: var(--ne-space-2xl);
	align-items: start;
}
.ne-card--feature .ne-card__media { aspect-ratio: 16 / 9; }
.ne-card--feature .ne-card__body { padding: var(--ne-space-xl); gap: var(--ne-space-s); }
.ne-card--feature .ne-card__title { font-size: var(--ne-h6-size); line-height: var(--ne-h6-line); }
.ne-card--feature .ne-card__text { font-size: var(--ne-b1-size); line-height: var(--ne-b1-line); }
.ne-card--feature .ne-card__foot { color: var(--ne-neutral-600); font-size: var(--ne-b2-size); }

.ne-news-recent {
	background: var(--ne-neutral-100);
	border: 1px solid var(--ne-neutral-200);
	border-radius: 16px;
	padding: var(--ne-space-xl);
}
.ne-news-recent__title {
	margin: 0 0 var(--ne-space-m);
	font-size: var(--ne-b3-size);
	text-transform: uppercase;
	letter-spacing: var(--ne-h9-tracking);
	color: var(--ne-secondary-400);
	font-weight: 700;
}
.ne-news-recent__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ne-news-recent__item {
	display: flex;
	gap: var(--ne-space-s);
	padding: var(--ne-space-m) 0;
	border-top: 1px solid var(--ne-neutral-200);
}
.ne-news-recent__item:first-child { border-top: 0; padding-top: 0; }
.ne-news-recent__thumb {
	flex: 0 0 auto;
	width: 76px;
	height: 76px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--ne-neutral-200);
}
.ne-news-recent__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ne-news-recent__meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ne-news-recent__cat {
	font-size: var(--ne-b3-size);
	color: var(--ne-secondary-400);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.ne-news-recent__link {
	color: var(--ne-primary-500);
	font-weight: 700;
	font-size: var(--ne-b2-size);
	line-height: 1.35;
	text-decoration: none;
}
.ne-news-recent__link:hover { color: var(--ne-primary-400); }
.ne-news-recent__date { color: var(--ne-neutral-600); font-size: var(--ne-b3-size); }

/* ---- Testimonials ------------------------------------------------------ */
.ne-testimonial {
	display: flex;
	flex-direction: column;
	gap: var(--ne-space-m);
	height: 100%;
	margin: 0;
	padding: var(--ne-space-2xl);
	background: var(--ne-neutral-100);
	border: 1px solid var(--ne-neutral-200);
	border-radius: 16px;
}
.ne-testimonial__mark { color: var(--ne-tertiary-300); }
.ne-testimonial__mark .ne-icon { width: 34px; height: 34px; }
.ne-testimonial__quote {
	margin: 0;
	color: var(--ne-neutral-900);
	font-size: var(--ne-h7-size);
	line-height: var(--ne-h7-line);
}
.ne-testimonial__cite { display: flex; align-items: center; gap: var(--ne-space-s); margin-top: auto; }
.ne-testimonial__avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.ne-testimonial__name { font-weight: 700; color: var(--ne-primary-500); }

/* ---- Awards / accreditations gallery ----------------------------------- */
.ne-awards-gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--ne-space-l);
}
.ne-awards-gallery__tile {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--ne-space-s);
	padding: var(--ne-space-l);
	background: var(--ne-neutral-100);
	border: 1px solid var(--ne-neutral-200);
	border-radius: 14px;
	text-align: center;
	transition: box-shadow .2s ease, transform .2s ease;
}
.ne-awards-gallery__tile:hover { box-shadow: var(--ne-shadow-deep); transform: translateY(-3px); }
.ne-awards-gallery__tile img { width: 100%; height: 132px; object-fit: cover; border-radius: 10px; }
.ne-awards-gallery__cap { color: var(--ne-neutral-800); font-size: var(--ne-b2-size); font-weight: 600; }
.ne-awards-gallery__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px; height: 64px;
	border-radius: 50%;
	background: var(--ne-secondary-a10);
	color: var(--ne-secondary-400);
	margin: var(--ne-space-l) auto var(--ne-space-xs);
}
.ne-awards-gallery__icon .ne-icon { width: 30px; height: 30px; }

/* ---- Press releases table ---------------------------------------------- */
.ne-press-table {
	border: 1px solid var(--ne-neutral-200);
	border-radius: 16px;
	overflow: hidden;
}
.ne-press-table__head,
.ne-press-table__row {
	display: grid;
	grid-template-columns: 160px 1fr auto;
	align-items: center;
	gap: var(--ne-space-l);
	padding: var(--ne-space-m) var(--ne-space-xl);
}
.ne-press-table__head {
	background: var(--ne-primary-500);
	color: var(--ne-neutral-100);
	font-size: var(--ne-b3-size);
	text-transform: uppercase;
	letter-spacing: var(--ne-h9-tracking);
	font-weight: 700;
}
.ne-press-table__row { border-top: 1px solid var(--ne-neutral-200); }
.ne-press-table__row:nth-child(even) { background: var(--ne-primary-a10); }
.ne-press-table__date { color: var(--ne-neutral-700); font-size: var(--ne-b2-size); white-space: nowrap; }
.ne-press-table__subject { color: var(--ne-primary-500); font-weight: 600; }
.ne-press-table__action { justify-self: end; }
.ne-press-table__na { color: var(--ne-neutral-500); }

/* ---- Responsive -------------------------------------------------------- */
@media (max-width: 1024px) {
	.ne-news-featured { grid-template-columns: 1fr; }
	.ne-awards-gallery { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.ne-awards-gallery { grid-template-columns: repeat(2, 1fr); }
	.ne-press-table__head { display: none; }
	.ne-press-table__row {
		grid-template-columns: 1fr auto;
		grid-template-areas: "date action" "subject subject";
		row-gap: var(--ne-space-xs);
	}
	.ne-press-table__date { grid-area: date; }
	.ne-press-table__action { grid-area: action; }
	.ne-press-table__subject { grid-area: subject; }
}