.projects-feed {
	overflow-x: clip;
	position: relative;
}

.project-single {
	padding-top: var(--space-s);
	padding-bottom: var(--space-s);
	border-bottom: var(--border);
	position: relative;
	overflow: hidden;
}
.floating-image {
	position: absolute;
	pointer-events: none;
	transform: translate(-50%, -50%);
	z-index: 90;
	transition: opacity 0.3s ease;
	width: 410px !important;
	aspect-ratio: 4/5;
	overflow: hidden;
	background: rgb(255, 255, 255);
}
@media screen and (max-width: 1025px) {
	.floating-image {
		display: none !important;
	}
}

.floating-image.hidden {
	opacity: 0;
}

.floating-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform-origin: center;
}
.project-single__related-services {
	z-index: 9;
	gap: 15px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
}

.project-single a.clickable-parent {
	text-decoration: none !important;
}
.project-single__title {
	position: relative;
	transform-origin: left bottom;
}
@media screen and (max-width: 1025px) {
	.project-single__title {
		transform: unset !important;
	}
}

.project-single__title::after {
	content: attr(data-hover-text);
	position: absolute;
	left: 0;
	bottom: -350%;
	white-space: nowrap;
	opacity: 0;
	transform: translateY(350%);
	pointer-events: none;
}

@keyframes titleUp {
	to {
		transform: translateY(-350%);
	}
}

@keyframes afterUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.project-single__title {
	transition: 0.2s ease-out;
}
.projects-feed:has(.project-single:hover) .project-single__title {
	color: var(--base-light);
}
.project-single svg path {
	transition: 0.2s ease-out;
}
@media screen and (min-width: 1026px) {
	.projects-feed:has(.project-single:hover) .project-single:hover svg path {
		fill: var(--base) !important;
	}
	.projects-feed:has(.project-single:hover) svg path {
		fill: var(--base-light) !important;
	}
}
.project-single:hover .project-single__title {
	color: var(--base) !important;
}
.project-single.hover-activated .project-single__title,
.project-single.focus-activated .project-single__title {
	animation: titleUp 0.5s ease forwards;
}

@media screen and (min-width: 1026px) {
	.project-single.hover-activated .project-single__title::after,
	.project-single.focus-activated .project-single__title::after {
		animation: afterUp 0.5s ease forwards;
	}
}

/* Featured view */
.projects-feed--featured + .projects-feed--small {
	margin-top: var(--space-xl);
}
@media screen and (max-width: 1025px) {
	.projects-feed--featured {
		margin-top: var(--space-l);
	}
}
.projects-feed--featured-nth2 .project-single--featured {
	grid-column: 1/9;
}

.projects-feed--featured-nth2 .project-single--featured + .project-single--featured {
	grid-column: 9/13;
}

.projects-feed--featured-nth3 .project-single--featured {
	grid-column: span 4;
}

.projects-feed--featured-nth3 .project-single--featured {
	grid-column: span 4;
}

@media screen and (min-width: 1026px) {
	.projects-feed--featured-nth3 .post-feed-project__image {
		aspect-ratio: 1 / 1.3;
	}
	.projects-feed--featured-nth3 {
		align-items: start;
	}
	.projects-feed--featured .project-single--featured .post-feed-project__image {
	height: 70vh;
	}
}

.post-feed-project__image {
	flex-grow: 1;
	overflow: hidden;
}

.projects-feed--featured .post-feed-project__image img {
	min-height: 100%;
	width: 100%;
	object-fit: cover;
}
.post-feed-project__image img {
	display: block;
	transition: transform 0.35s ease-out;
}
@media screen and (min-width: 1026px) {
	.project-single--featured:has(a.clickable-parent:is(:hover, :focus-visible)) .post-feed-project__image img {
		transform: scale(1.1);
	}
}
.projects-feed--small {
	flex-grow: 1;
	width: 100%;
}
.post-feed-project__title {
	white-space: nowrap;
}
@media screen and (max-width: 1025px) {
	.post-feed-project__title-wrapper h3 {
		height: 0;
		opacity: 0;
	}
}
.projects-feed--small .pill--no-link {
	padding: 1rem !important;
}

/* Pagination version */
section.project-pagination {
	padding-bottom: 0;
}
.project-pagination svg {
	width: 64px;
	height: auto;
	position: relative;
	transition: 0.2s ease-out;
	left: 0;
}
.project-pagination svg path {
	fill: var(--base);
}
.project-pagination .prev-project svg {
	transform: rotate(180deg);
}
@media screen and (min-width:1026px) {
.prev-project.prev-project.prev-project:has(a.clickable-parent:is(:hover, :focus-visible)) svg {
	left: -10px;
}
.next-project.next-project.next-project:has(a.clickable-parent:is(:hover, :focus-visible)) svg {
	left: 10px;
}}
@media screen and (max-width: 1025px) {
	.prev-project {
		display: flex;
		align-items: flex-end;
		text-align: right;
	}
	.prev-project svg,
	.next-project svg {
		width: 40px;
		height: auto;
	}
	.next-project {
		text-align: left;
	}
	.prev-project a,
	.next-project a{
		line-break:anywhere;
	}
}

@media screen and (max-width: 1025px) {
	.project-single__meta div.project-single__related {
		display: none !important;
	}
	/*
	.project-single__related-services {
		justify-content: flex-start !important;
	}
		*/
}
@media screen and (min-width: 1026px) {
	.projects-feed a.link--primary {
		top: -5px;
		position: relative;
	}
}

@media screen and (max-width: 1025px) {
	.projects-feed a.link--primary {
		order: 3;
		margin-top: var(--space-xl);
		margin-left: auto;
	}
}