/* ==========================================================
   PORTFOLIO- OG CV-SEKTION
   Farverne kommer fra colors.css, skrifterne fra fonts.css
   ========================================================== */

/* Overskrift og eyebrow venstrestillet */
.portfoliosection .label,
.portfoliosection .section-title,
.cvsection .label,
.cvsection .section-title {
	text-align: left;
}

/* Den lille tekst over overskriften ("Mit arbejde" / "CV") */
.portfoliosection .label,
.cvsection .label {
	margin-bottom: 2px;
	font-family: var(--font-ui);
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	color: var(--accent);
}

.portfoliosection .section-title,
.cvsection .section-title {
	margin-bottom: 36px;
	color: var(--ink);
}

/* ---------- Projekter: hover-effekt fra Claude Design ---------- */
/* Billedet zoomer langsomt ind, og kortet får en blød skygge */

.portfolio-item {
	overflow: hidden;
	transition: box-shadow 0.4s ease;
}

.portfolio-item img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.portfolio-item:hover,
.portfolio-item:focus-visible {
	box-shadow: 0 18px 40px -20px rgba(var(--dot), 0.35);
}

.portfolio-item:hover img,
.portfolio-item:focus-visible img {
	transform: scale(1.04);
}

/* Fjern det gamle mørke overlay */
.portfolio-item:after {
	display: none;
}

/* Ingen zoom for folk der har slået animationer fra */
@media (prefers-reduced-motion: reduce) {
	.portfolio-item img {
		transition: none;
	}
	.portfolio-item:hover img,
	.portfolio-item:focus-visible img {
		transform: none;
	}
}