.portfolio-archive {
	@apply !pt-32;
}
.portfolio-archive,
.old-projects {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		/* @apply bigCaslon; */
		&:before {
			@apply content-none;
		}
	}

	p,
	span {
		font-family: "Montserrat", sans-serif;
		@apply text-sm leading-relaxed;
	}
	strong {
		@apply font-semibold;
	}
}

.portfolio-project-card {
	@apply mx-auto px-12 pt-32;
	max-width: 1800px;

	&__cover {
		@apply bg-neutral-100 block overflow-hidden;
		img {
			@apply mix-blend-multiply object-cover object-center w-full;
			transition: transform 0.3s ease-in-out;
		}
		/* &:hover {
			img {
				transform: scale(1.02);
			}
		} */
	}
	&--active {
		.portfolio-project-card__cover:hover {
			img {
				transform: scale(1.02);
			}
		}
	}
	&__details {
		@apply grid   md:grid-cols-2;

		.client-name {
			@apply pt-4 text-lg font-normal underline underline-offset-4;
		}
		.excerpt {
			@apply pt-4;
			h3 {
				@apply text-xl;
				/* @apply bigCaslon text-4xl; */
				/* @apply bigCaslon text-4xl; */
			}
			p {
				@apply text-sm text-neutral-500 pb-0 mb-0;
			}
		}
		.terms {
			@apply flex gap-2;
		}
	}
	.cta--read-project {
		@apply text-sm block text-white mt-6 mb-0 w-fit;
		@apply py-3 px-5 hover:px-6 relative rounded-full bg-neutral-900 flex items-center justify-center;
		box-sizing: content-box;
		transition: all 0.3s ease-in-out;
		text-decoration: none;

		/* background-color: #34113F; */
		/* background-color: #0033DA; */

		span {
			@apply text-xs font-medium;
			text-decoration: none;
			transition: all 0.4s ease-in-out;
			@apply mr-0;
		}

		img {
			@apply w-6 h-6 opacity-0  absolute right-6 -translate-x-8;
			filter: invert(1);
		}
		&:hover {
			background-color: var(--hover-color);
			/* background-color: #0033DA; */
			/* @apply bg-deli-pink; */

			span {
				@apply mr-8;
			}
			img {
				@apply opacity-100 translate-x-0;
				transition: opacity 0.6s ease-in-out, translate 0.4s ease-in-out;
			}
		}
	}
}

/* $couleur = array(
	'web' => '#1CC7C7',
	'print' => '#C14FE3',
	'motiondesign' => '#21D5F5',
	'video' => '#21D5F5',
); */