/* ====================================================
   FRONT PAGE — small additions on top of the DSAI-RC
   design system in style.css (--dsairc-* tokens, .dsairc-hero,
   .dsairc-stats, .dsairc-about-*, .dsairc-section-projects,
   .dsairc-partners, .dsairc-news-showcase). Nothing here
   redefines colors or shape — it only fills the few gaps
   the front-page template needs.
   ==================================================== */

/* About — portrait image beside the text/areas column */
.dsairc-about-media {
	margin: 0;
	align-self: stretch;
}

.dsairc-about-media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 320px;
	object-fit: cover;
	border-radius: var(--dsairc-radius);
	box-shadow: var(--dsairc-shadow);
}

/* Area cards are rendered as <li> — reset default list spacing */
.dsairc-about-areas li.dsairc-area-card {
	margin: 0;
}

.dsairc-about-badge-text {
	line-height: 1.25;
}

@media (max-width: 900px) {
	.dsairc-about-media img {
		min-height: 260px;
	}
}

@media (max-width: 600px) {
	.dsairc-about-areas {
		grid-template-columns: 1fr;
	}
}