/* ==========================================================================
   programs.css – Programme image cards
   Part of the Devraj Pathak theme. Breakpoints are in responsive.css.
   ========================================================================== */

.dp-program-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.dp-program:first-child { grid-column: span 2; }
.dp-program-grid--6,
.dp-program-grid--3 { grid-template-columns: repeat(3, 1fr); }
.dp-program-grid--6 .dp-program:first-child,
.dp-program-grid--3 .dp-program:first-child { grid-column: auto; }
.dp-program a {
	position: relative; display: flex; align-items: flex-end;
	min-height: 360px; height: 100%;
	border-radius: var(--dp-radius); overflow: hidden;
	color: var(--dp-white); isolation: isolate;
}
.dp-program img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;
	transition: transform .8s var(--dp-ease);
}
.dp-program a::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(180deg, rgba(14, 33, 28, 0) 25%, rgba(14, 33, 28, .92) 100%);
}
.dp-program a:hover img { transform: scale(1.06); }
.dp-program__body { display: flex; flex-direction: column; gap: 6px; padding: 26px; }
.dp-program__count {
	align-self: flex-start;
	padding: 4px 12px; border-radius: 999px;
	background: rgba(255, 255, 255, .16); backdrop-filter: blur(6px);
	font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
.dp-program__title { font-family: var(--dp-font-head); font-size: 30px; font-weight: 600; line-height: 1.1; }
.dp-program__text { font-size: 14.5px; color: rgba(255, 255, 255, .8); line-height: 1.55; }
.dp-program__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-weight: 700; color: var(--dp-gold-2); font-size: 14px; }
.dp-program a:hover .dp-program__link .dp-icon { transform: translateX(4px); }
.dp-program__link .dp-icon { transition: transform .2s; }
