/**
 * Team section styles
 * Loaded when: .team-section is present
 */

.team-section {
	background: linear-gradient(to bottom, #e0e0e0, #c8c8c8);

	/* ── Heading area ── */
	.team-section__top {
		text-align: center;
		padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--40) 40px;
	}

	.team-section__top-inner {
		max-width: 768px;
		margin: 0 auto;
	}

	.team-section__heading {
		font-family: var(--wp--preset--font-family--heading);
		font-size: var(--wp--preset--font-size--3x-large);
		font-weight: 700;
		line-height: 1.33;
		color: var(--wp--preset--color--primary);
		margin: 0 0 12px;
	}

	.team-section__subheading {
		font-family: var(--wp--preset--font-family--body);
		font-size: var(--wp--preset--font-size--medium-large);
		font-weight: 400;
		line-height: 1.8;
		letter-spacing: 0.72px;
		color: var(--wp--preset--color--text-muted);
		margin: 0;
	}

	/* ── Photo area — CSS Grid overlap ── */
	.team-section__photo-area {
		display: grid;
	}

	.team-section__photo,
	.team-section__overlay {
		grid-area: 1 / 1;
	}

	.team-section__photo {
		align-self: end;
		margin: 0;

		img {
			width: 100%;
			height: auto;
			display: block;
			object-fit: contain;
			object-position: center bottom;
		}
	}

	.team-section__overlay {
		align-self: stretch;
		z-index: 1;
		background: linear-gradient(
			to top,
			rgba(15, 23, 43, 0.9) 0%,
			rgba(15, 23, 43, 0.6) 18%,
			rgba(15, 23, 43, 0) 40%
		);
		display: flex;
		align-items: flex-end;
		justify-content: center;
		padding: 0 var(--wp--preset--spacing--40) 40px;
	}

	.team-section__overlay-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--wp--preset--spacing--30);
		max-width: 982px;
		text-align: center;
	}

	.team-section__description {
		font-family: var(--wp--preset--font-family--body);
		font-size: var(--wp--preset--font-size--medium-large);
		font-weight: 600;
		line-height: 1.8;
		letter-spacing: 0.72px;
		color: rgba(255, 255, 255, 0.9);
		margin: 0;
	}

	.team-section__button-wrap {
		width: 100%;
	}
}

/* ── Mobile ── */
@media (max-width: 781px) {
	.team-section {
		.team-section__top {
			padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--25) var(--wp--preset--spacing--30);
		}

		.team-section__heading {
			font-size: 28px;
			line-height: 1.33;
		}

		.team-section__subheading {
			font-size: var(--wp--preset--font-size--medium);
			line-height: 1.625;
		}

		.team-section__overlay {
			padding: 0 var(--wp--preset--spacing--25) var(--wp--preset--spacing--40);
		}

		.team-section__description {
			font-size: var(--wp--preset--font-size--medium);
			line-height: 1.625;
		}

		.team-section__photo img {
			aspect-ratio: 4 / 3;
			object-fit: cover;
		}
	}
}