/* ========================================================
   PROJECT PAGE — layout dettaglio progetto
   ======================================================== */

/* La pagina progetto è statica — disabilita il meccanismo
   di show/hide dei panel tipico di Astral */
.project-page #main {
	display: block;
}

.project-page .panel {
	opacity: 1 !important;
	display: block !important;
}

/* Panel contenitore */
.project-panel {
	padding: 3.5em 2.5em 2.5em 2.5em;
	box-sizing: border-box;
}

/* Riga superiore: testo + immagine principale */
.project-top {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 2.5em;
	margin-bottom: 2.5em;
	box-sizing: border-box;
}

/* Colonna testo */
.project-text {
	flex: 1 1 0;
	min-width: 0;
}

.project-text header {
	padding: 0;
	margin: 0 0 1em 0;
}

.project-text p {
	margin: 0 0 1.5em 0;
	line-height: 1.7;
}

.project-text .button {
	text-decoration: none;
}

/* Immagine principale */
.project-image-main {
	flex: 0 0 55%;
	max-width: 55%;
}

.project-image-main img {
	display: block;
	width: 100%;
	height: auto;
}

/* Immagini aggiuntive — una per riga, allineate sotto la principale */
.project-extra-image {
	display: flex;
	flex-direction: row;
	gap: 2.5em;
	margin-bottom: 2.5em;
	box-sizing: border-box;
}

/* Spazio vuoto a sinistra che replica la colonna testo */
.project-extra-image::before {
	content: '';
	flex: 1 1 0;
	min-width: 0;
}

.project-extra-image img {
	flex: 0 0 55%;
	max-width: 55%;
	display: block;
	width: 55%;
	height: auto;
}

/* ---- responsive ---- */
@media screen and (max-width: 736px) {

	.project-panel {
		padding: 2em 1.5em 1.5em 1.5em;
	}

	.project-top {
		flex-direction: column;
		gap: 1.5em;
	}

	.project-image-main {
		flex: none;
		max-width: 100%;
		width: 100%;
	}

	.project-extra-image {
		gap: 1.5em;
		margin-bottom: 1.5em;
	}

	.project-extra-image::before {
		display: none;
	}

	.project-extra-image img {
		flex: none;
		max-width: 100%;
		width: 100%;
	}

}

#wrapper.project-page {
    justify-content: flex-start;
}

#nav a:first-child.active:after {
    border-bottom-width: 0;
}
#nav a:first-child.active {
    opacity: 0.5;
}