/* Specialist lending knowledge — individual team page section 4 (components/team-specialties/team-specialties.php) */

.team-specialties {
	display: grid;
	grid-template-columns: 1fr 42%;
	gap: 64px;
	align-items: start;
}

/* Heading — DM Serif Display Regular 40, navy (wraps to ~3 lines). */
.team-specialties__heading {
	font-family: var(--font-display);
	font-weight: var(--weight-regular);
	font-size: 40px;
	line-height: 1.2;
	color: var(--color-navy-mid);
	margin: 0 0 32px;
}

.team-specialties__list {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

/* Item title — Montserrat Bold 18, navy. */
.specialty__title {
	font-family: var(--font-body);
	font-weight: var(--weight-bold);
	font-size: 18px;
	line-height: 1.3;
	color: var(--color-navy-mid);
	margin: 0 0 6px;
}
/* Item description — Montserrat Regular 18, navy. */
.specialty__text {
	font-family: var(--font-body);
	font-weight: var(--weight-regular);
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-navy-mid);
	margin: 0;
}

/* Photo — rounded, top-aligned in the right column; zooms in on hover. */
.team-specialties__media {
	overflow: hidden;
	border-radius: var(--radius-card);
}
.team-specialties__media img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}
.team-specialties__media:hover img {
	transform: scale(1.08);
}

@media (max-width: 1024px) {
	.team-specialties { grid-template-columns: 1fr; gap: 32px; }
	.team-specialties__heading { font-size: 32px; }
	.team-specialties__media { order: -1; }
}