.home-coaches__header {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--grid-gap);
	margin-bottom: var(--space-lg);
}

.home-coaches__eyebrow {
	grid-column: 1 / span 3;
	padding-top: 0.7rem;
}

.home-coaches__header h2 {
	grid-column: 4 / -1;
	font-size: clamp(3rem, 6vw, 7rem);
}

.home-coaches__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--grid-gap);
}

.coach-card:nth-child(even) {
	margin-top: var(--space-lg);
}

.coach-card__media {
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--color-dark-soft);
	border-radius: 1rem;
}

.coach-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(0%);
	transition:
		transform 700ms cubic-bezier(0.16, 1, 0.3, 1),
		filter 700ms ease;
}

.coach-card__link:hover .coach-card__image {
	filter: grayscale(100%);
	transform: scale(1.04);
}

.coach-card__placeholder {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: var(--color-white);
	font-size: clamp(5rem, 10vw, 10rem);
	font-weight: 700;
}

.coach-card__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1.25rem;
}

.coach-card__content h3 {
	font-size: clamp(1.4rem, 2vw, 2rem);
}

.coach-card__content p {
	margin-top: 0.4rem;
	color: rgba(16, 16, 16, 0.6);
	font-size: 0.8rem;
	text-transform: uppercase;
}

.coach-card__arrow {
	display: grid;
	width: 3rem;
	height: 3rem;
	flex: 0 0 3rem;
	place-items: center;
	border: 1px solid rgba(16, 16, 16, 0.3);
	border-radius: 0.75rem;
	transition:
		background-color var(--transition-base),
		color var(--transition-base);
}

.coach-card__link:hover .coach-card__arrow {
	background: var(--color-accent);
	color: var(--color-white);
}

.home-coaches__footer {
	display: flex;
	justify-content: flex-end;
	margin-top: var(--space-lg);
}

@media (max-width: 959px) {
	.home-coaches__eyebrow,
	.home-coaches__header h2 {
		grid-column: 1 / -1;
	}

	.home-coaches__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.coach-card:nth-child(even) {
		margin-top: 3rem;
	}
}

@media (max-width: 599px) {
	.home-coaches__grid {
		grid-template-columns: 1fr;
	}

	.coach-card:nth-child(even) {
		margin-top: 0;
	}

	.home-coaches__footer .button {
		width: 100%;
	}
}

.home-coaches__title-word {
	display: inline-block;
	will-change: transform, opacity;
}

.coach-card__media {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.home-coaches__title-word {
		opacity: 1 !important;
		transform: none !important;
	}
}