.project-page-content {
	margin-top: 1.5rem;
}

/* === Project Image === */
.project-image {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

.project-image img {
    max-width: 100%;
    border-radius: 1rem;
}

/* === Content Sections === */
.project-page-content .entry {
    margin-bottom: 1rem;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.project-page-content .split-entry {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

.project-page-content .split-entry .entry {
	flex: 1;
}

.project-page-content .split-entry .img-entry {
	flex: 1;
	position: relative;
	box-shadow: 0 0 10px rgba(46, 46, 46, 0.4);
	margin-bottom: 1rem;
	border-radius: 8px;
}

.project-page-content .split-entry .img-entry::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.513);
	z-index: 10;
	border-radius: inherit;
}

.img-mouse-pan {
	width: 100%;
	height: 100%;
	clip-path: stroke-box;
	position: relative;
	border-radius: inherit;
}

.project-page-content .split-entry .img-entry img {
	position: absolute;
	transition: transform 0.1s;
	will-change: transform;
}

.project-page-content h2 {
    font-size: 1.3rem;
    border-bottom: 1px solid var(--color-border);
}

/* === Footer === */
.project-footer {
    text-align: center;
    color: var(--color-secondary-text);
}

.project-footer a {
    color: var(--color-link);
    text-decoration: none;
}

.project-footer a:hover {
    color: var(--color-link-hover);
    text-decoration: underline;
}

@media (max-width: 500px) {
	.project-page-content .split-entry {
		flex-direction: column;
		align-items: center;
	}

	.project-page-content .split-entry .img-entry {
		flex: none;
		width: 100%;
		max-width: 600px;
		position: relative;
		height: auto;
	}

	.project-page-content .split-entry .img-entry img {
		position: relative; /* stop absolute positioning on small screens */
		width: 100%;
		height: auto;
		display: block;
	}
}