/* OBJECT etc – forsiden. Alle tall er Figma-målene på 1366 px (× --obj-enhet). */
.forside {
	--u: var(--obj-enhet);
	max-width: 1600px;
	margin: 0 auto;
	padding: calc(132 * var(--u)) 0 calc(120 * var(--u)); /* navbar → teksten (198 − 66) */
}

/* Den store teksten */
.forside__tekst {
	position: relative;
	margin: 0;
	padding-left: calc(43 * var(--u));
	font-size: calc(128 * var(--u));
	font-weight: 400;
	line-height: normal;
	color: var(--hand-black);
}
.forside__linje { display: block; white-space: pre; }

/* Bildet i parentesen */
.forside__hovedbilde {
	position: absolute;
	left: calc(109 * var(--u));
	top: calc(27 * var(--u));
	width: calc(157 * var(--u));
	aspect-ratio: 1 / 1;
}
.forside__hovedbilde img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* De fire bildene: samme 333 px-kolonner som gridet, bildet midt i hver kolonne */
.forside__bilder {
	display: grid;
	grid-template-columns: repeat(4, calc(333 * var(--u)));
	padding-left: calc(17 * var(--u));
	margin-top: calc(153 * var(--u));
}
.forside__bilde {
	display: block;
	justify-self: center;
	width: calc(235 * var(--u));
	aspect-ratio: 235 / 250;
	border: 1px solid #fff;
	mix-blend-mode: darken;
	overflow: hidden;
}
.forside__bilde img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Mobil: to bilder i bredden */
@media (max-width: 767px) {
	.forside__bilder {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 24px;
		padding: 0 calc(17 * var(--u));
		margin-top: 48px;
	}
	.forside__bilde { width: 70.6%; }
}