.portfolio-inner-page {
	padding-top: clamp(80px, 5.21vw, 5.21vw);
}

.portfolio-inner-page section.back-section {
	margin-bottom: clamp(30px, 3.13vw, 3.13vw);
}

.portfolio-inner-page .related-portfolio {
	padding-bottom: clamp(80px, 7.292vw, 7.292vw);
}

.portfolio-inner-page > section {
	padding: 0 clamp(30px, 10.94vw, 10.94vw) 0;
}

/* Banner Section */
.portfolio-inner-page .portfolio-banner-section img {
	width: 100%;
	object-fit: contain;
}

.portfolio-inner-page .content-container .portfolio-title {
	margin-bottom: clamp(1.2rem, 2.29vw, 2.29vw);
}

.portfolio-inner-page .content-container .portfolio-tags {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(0.65rem, 0.94vw, 0.94vw);
}

.portfolio-inner-page .content-container .portfolio-tags .tag {
	font-size: clamp(0.9rem, 1.56vw, 1.56vw);
	padding: clamp(6px, 0.42vw, 0.42vw) clamp(1.6rem, 1.82vw, 1.82vw);
	line-height: 1;
	font-weight: 400;
	border: clamp(1.5px, 0.08vw, 0.08vw) solid black;
	border-radius: 999px;
}

.portfolio-inner-page .content-container {
	margin-bottom: clamp(3rem, 4.17vw, 4.17vw);
}

.portfolio-inner-page .content-container .top {
	margin-bottom: clamp(2rem, 3.91vw, 3.91vw);
}

/* Case Study Section */
.portfolio-inner-page .portfolio-case-study-section {
	display: flex;
	flex-direction: column;
	gap: clamp(0.85rem, 0.68vw, 0.68vw);
	padding-bottom: clamp(80px, 6.25vw, 6.25vw);
}

.portfolio-inner-page .portfolio-case-study-section .image-holder:not(.middle),
.portfolio-inner-page .portfolio-case-study-section .image-holder.middle .middle-image {
	overflow: hidden;
	border: clamp(2px, 0.16vw, 0.16vw) solid #000;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
}

.portfolio-inner-page .portfolio-case-study-section .image-holder:not(.middle) img,
.portfolio-inner-page .portfolio-case-study-section .image-holder.middle .middle-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.portfolio-inner-page .portfolio-case-study-section .image-holder.middle .middle-image {
	aspect-ratio: 480 / 600;
}

.portfolio-inner-page .portfolio-case-study-section .image-holder.top {
	width: 100%;
	height: auto;
	aspect-ratio: 1460 / 810;
	overflow: hidden;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
}

.portfolio-inner-page .portfolio-case-study-section .image-holder.middle {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(0.85rem, 0.68vw, 0.68vw);
}

/* Related Portfolio */
.portfolio-inner-page .related-portfolio .related-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem clamp(6px, 0.52vw, 0.52vw);
}

.portfolio-inner-page .related-portfolio .related-grid .related-item {
	display: flex;
	flex-direction: column;
	gap: clamp(0.85rem, 1.04vw, 1.04vw);
}

.portfolio-inner-page .related-portfolio .related-grid .related-item .image-holder {
	aspect-ratio: 725 / 525;
	width: 100%;
	height: auto;
	background: white;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.portfolio-inner-page .related-portfolio .related-grid .related-item .image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.portfolio-inner-page .related-portfolio .related-grid .related-item .content {
	display: grid;
	gap: clamp(4px, 0.63vw, 0.63vw);
	padding: 0 clamp(1rem, 1.67vw, 1.67vw);
}

.portfolio-inner-page .related-portfolio .related-grid .related-item .content .related-portfolio-title {
	font-size: clamp(1.4rem, 1.56vw, 1.56vw) !important;
	font-weight: 600;
	margin: 0;
}

.portfolio-inner-page .related-portfolio .related-grid .related-item .content .portfolio-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: clamp(4px, 0.31vw, 0.31vw);
}

.portfolio-inner-page .related-portfolio .related-grid .related-item .content .portfolio-tags .tag {
	font-size: clamp(1rem, 1.15vw, 1.15vw);
	text-transform: uppercase;
	border: clamp(1px, 0.05vw, 0.05vw) solid black;
	border-radius: 999px;
	padding: 0 clamp(1rem, 1.3vw, 1.3vw);
}

@media (max-width: 565px) {
	.portfolio-inner-page .content-container .portfolio-title {
		font-size: 1.8rem !important;
	}

	.portfolio-inner-page .related-portfolio .related-grid {
		grid-template-columns: 1fr;
	}

	.portfolio-inner-page > section {
		padding: 0 1rem;
	}

	.portfolio-inner-page .related-portfolio {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.portfolio-inner-page .portfolio-case-study-section .image-holder.middle {
		grid-template-columns: 1fr;
	}

	.portfolio-inner-page .related-portfolio .related-grid .related-item .content {
		padding: 0;
	}

	.portfolio-inner-page .related-portfolio .related-grid .related-item {
		row-gap: 0.5rem;
	}

	.portfolio-inner-page .related-portfolio .related-grid .related-item .content .portfolio-tags .tag {
		font-size: 0.85rem !important;
	}
}