/*
 * Pictures in Time 3.8 – complete, interchangeable landing-page compositions.
 * Cinematic Story intentionally inherits the established baseline unchanged.
 */

body.pit-landing-style-cinematic .pit-portfolio {
	--pit38-profile: cinematic;
}

/* Nordic Editorial ------------------------------------------------------- */
body.pit-landing-style-nordic {
	background: #eee9df !important;
}

body.pit-landing-style-nordic .pit-portfolio {
	--pit38-profile: nordic;
	--pit38-paper: #eee9df;
	--pit38-paper-light: #f8f5ef;
	--pit38-ink: #1d2528;
	--pit38-muted: #687176;
	background: var(--pit38-paper);
	color: var(--pit38-ink);
}

body.pit-landing-style-nordic .pit-hero {
	margin: clamp(12px, 1.8vw, 30px);
	min-height: min(88vh, 940px);
	overflow: hidden;
}

body.pit-landing-style-nordic .pit-site-nav {
	padding-left: clamp(38px, 6vw, 110px);
	padding-right: clamp(38px, 6vw, 110px);
}

body.pit-landing-style-nordic .pit-hero__title {
	padding: 0 clamp(12px, 3vw, 52px) clamp(10px, 2vw, 32px);
}

body.pit-landing-style-nordic .pit-hero h1 {
	font-size: clamp(54px, 9vw, 146px) !important;
	line-height: .86 !important;
	max-width: 12ch;
	white-space: normal;
}

body.pit-landing-style-nordic .pit-intro {
	align-items: start;
	background: var(--pit38-paper-light);
	color: var(--pit38-ink);
	display: grid;
	gap: clamp(18px, 4vw, 70px);
	grid-template-columns: minmax(150px, .34fr) minmax(0, 1.66fr);
	padding: clamp(80px, 12vw, 185px) clamp(28px, 9vw, 170px);
	text-align: left;
}

body.pit-landing-style-nordic .pit-intro .pit-eyebrow {
	grid-column: 1;
	margin-top: 1em;
}

body.pit-landing-style-nordic .pit-intro h2,
body.pit-landing-style-nordic .pit-intro > p:last-child {
	grid-column: 2;
}

body.pit-landing-style-nordic .pit-intro h2 {
	font-size: clamp(44px, 6.8vw, 112px);
	line-height: .95;
	margin: 0;
	max-width: 14ch;
}

body.pit-landing-style-nordic .pit-intro > p:last-child {
	color: var(--pit38-muted);
	font-family: "PIT Open Sans", Arial, sans-serif !important;
	margin: 0;
	max-width: 720px;
}

body.pit-landing-style-nordic .pit-gallery-section {
	background: #172024;
	padding-bottom: clamp(90px, 12vw, 180px);
}

body.pit-landing-style-nordic .pit-category-covers {
	display: grid;
	gap: clamp(8px, 1vw, 16px);
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

body.pit-landing-style-nordic .pit-category-cover {
	grid-column: span 5;
	min-height: clamp(360px, 47vw, 760px);
}

body.pit-landing-style-nordic .pit-category-cover:nth-child(4n + 1),
body.pit-landing-style-nordic .pit-category-cover:nth-child(4n + 4) {
	grid-column: span 7;
}

body.pit-landing-style-nordic .pit-category-cover:nth-child(3n) {
	min-height: clamp(320px, 38vw, 620px);
}

body.pit-landing-style-nordic .pit-category-cover span {
	padding: clamp(24px, 4vw, 64px);
}

body.pit-landing-style-nordic .pit-about {
	background: var(--pit38-paper);
	color: var(--pit38-ink);
}

body.pit-landing-style-nordic .pit-about-intro {
	align-items: start;
	grid-template-columns: minmax(320px, 1.15fr) minmax(300px, .85fr);
	max-width: 1500px;
}

body.pit-landing-style-nordic .pit-about-image {
	box-shadow: 0 24px 65px rgba(35, 32, 27, .18);
	transform: none;
}

body.pit-landing-style-nordic .pit-about-copy h2,
body.pit-landing-style-nordic .pit-latest-head h3 {
	color: var(--pit38-ink) !important;
}

body.pit-landing-style-nordic .pit-about-copy .pit-about-lead,
body.pit-landing-style-nordic .pit-about-body,
body.pit-landing-style-nordic .pit-about-copy > p:last-child {
	color: var(--pit38-muted);
}

body.pit-landing-style-nordic .pit-timeline {
	background: var(--pit38-paper-light);
	color: var(--pit38-ink);
}

body.pit-landing-style-nordic .pit-timeline::before {
	opacity: .5;
}

body.pit-landing-style-nordic .pit-card::after {
	border-color: var(--pit38-paper-light);
}

body.pit-landing-style-nordic .pit-card__image,
body.pit-landing-style-nordic .pit-card:nth-child(even) .pit-card__image {
	background: #fff;
	box-shadow: 0 25px 55px rgba(42, 38, 31, .2);
	transform: none;
}

body.pit-landing-style-nordic .pit-card__year,
body.pit-landing-style-nordic .pit-card:nth-child(even) .pit-card__year {
	background: var(--pit38-paper-light);
}

body.pit-landing-style-nordic .pit-card__content h2 a {
	color: var(--pit38-ink) !important;
}

body.pit-landing-style-nordic .pit-card__meta,
body.pit-landing-style-nordic .pit-card time {
	color: #78684f;
}

/* Gallery Noir ---------------------------------------------------------- */
body.pit-landing-style-noir {
	background: #050607 !important;
}

body.pit-landing-style-noir .pit-portfolio {
	--pit38-profile: noir;
	--pit38-black: #050607;
	--pit38-panel: #0d1113;
	--pit38-line: rgba(255, 255, 255, .14);
	background: var(--pit38-black);
	color: #f4f1e9;
}

body.pit-landing-style-noir .pit-site-nav {
	background: linear-gradient(180deg, rgba(0, 0, 0, .68), transparent);
	position: fixed;
}

body.pit-landing-style-noir .pit-hero {
	min-height: 94vh;
}

body.pit-landing-style-noir .pit-hero__title {
	align-items: end;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(150px, .35fr) minmax(0, 1.65fr);
}

body.pit-landing-style-noir .pit-hero__title .pit-eyebrow {
	padding-bottom: 1.1em;
}

body.pit-landing-style-noir .pit-hero h1 {
	font-size: clamp(58px, 10vw, 165px) !important;
	line-height: .82 !important;
	max-width: 10ch;
	white-space: normal;
}

body.pit-landing-style-noir .pit-intro {
	background: var(--pit38-black);
	border-bottom: 1px solid var(--pit38-line);
	color: #f4f1e9;
	padding-bottom: clamp(95px, 13vw, 190px);
	padding-top: clamp(95px, 13vw, 190px);
}

body.pit-landing-style-noir .pit-intro h2 {
	color: #f4f1e9 !important;
	font-size: clamp(48px, 7vw, 118px);
	max-width: 15ch;
	-webkit-text-fill-color: #f4f1e9 !important;
}

body.pit-landing-style-noir .pit-intro > p:last-child {
	color: #9ea5a8;
	font-family: "PIT Open Sans", Arial, sans-serif !important;
}

body.pit-landing-style-noir .pit-gallery-section {
	background: var(--pit38-black);
	padding-left: clamp(10px, 2vw, 34px) !important;
	padding-right: clamp(10px, 2vw, 34px) !important;
}

body.pit-landing-style-noir .pit-portfolio.is-category-open .pit-gallery-section {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.pit-landing-style-noir .pit-category-covers {
	gap: clamp(7px, .8vw, 13px);
	grid-auto-flow: dense;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

body.pit-landing-style-noir .pit-category-cover {
	grid-column: span 4;
	min-height: clamp(300px, 35vw, 610px);
}

body.pit-landing-style-noir .pit-category-cover:nth-child(5n + 1),
body.pit-landing-style-noir .pit-category-cover:nth-child(5n + 5) {
	grid-column: span 8;
}

body.pit-landing-style-noir .pit-category-cover:nth-child(5n + 3) {
	min-height: clamp(360px, 47vw, 760px);
}

body.pit-landing-style-noir .pit-category-cover::after {
	background: linear-gradient(0deg, rgba(0, 0, 0, .88), transparent 58%);
}

body.pit-landing-style-noir .pit-mosaic {
	column-gap: 5px;
}

body.pit-landing-style-noir .pit-mosaic-item {
	margin-bottom: 5px;
}

body.pit-landing-style-noir .pit-about {
	background: var(--pit38-panel);
	color: #f4f1e9;
}

body.pit-landing-style-noir .pit-about-intro {
	max-width: 1550px;
}

body.pit-landing-style-noir .pit-about-image {
	box-shadow: 0 35px 85px rgba(0, 0, 0, .58);
	transform: none;
}

body.pit-landing-style-noir .pit-about-copy h2,
body.pit-landing-style-noir .pit-latest-head h3 {
	color: #f4f1e9 !important;
}

body.pit-landing-style-noir .pit-about-copy .pit-about-lead,
body.pit-landing-style-noir .pit-about-body,
body.pit-landing-style-noir .pit-about-copy > p:last-child {
	color: #aeb5b8;
}

body.pit-landing-style-noir .pit-scroll-controls button {
	border-color: rgba(255, 255, 255, .35);
	color: #fff;
}

body.pit-landing-style-noir .pit-scroll-card {
	color: #f4f1e9;
}

body.pit-landing-style-noir .pit-timeline {
	background: #080a0b;
	padding-left: clamp(18px, 5vw, 80px);
	padding-right: clamp(18px, 5vw, 80px);
}

body.pit-landing-style-noir .pit-card__image,
body.pit-landing-style-noir .pit-card:nth-child(even) .pit-card__image {
	background: #111517;
	border: 1px solid var(--pit38-line);
	box-shadow: 0 35px 75px rgba(0, 0, 0, .56);
	padding: 0;
	transform: none;
}

body.pit-landing-style-noir .pit-card:hover .pit-card__image {
	box-shadow: 0 38px 82px rgba(0, 0, 0, .7);
	transform: translateY(-4px);
}

/* En sent lazy-laddad tidslinjebild får aldrig bli kvar i besökarfunktionens dimningsläge. */
body.pit-landing-style-noir .pit-timeline .pit-card__image img,
body.pit-landing-style-noir .pit-timeline .pit-card__image img.pit33-image-loading {
	filter: none !important;
	opacity: 1 !important;
}

body.pit-landing-style-noir .pit-card::after {
	border-color: #080a0b;
}

body.pit-landing-style-noir .pit-card__year,
body.pit-landing-style-noir .pit-card:nth-child(even) .pit-card__year {
	background: #080a0b;
}

@media (max-width: 900px) {
	body.pit-landing-style-nordic .pit-category-cover,
	body.pit-landing-style-nordic .pit-category-cover:nth-child(4n + 1),
	body.pit-landing-style-nordic .pit-category-cover:nth-child(4n + 4) {
		grid-column: span 6;
	}

	body.pit-landing-style-noir .pit-category-cover,
	body.pit-landing-style-noir .pit-category-cover:nth-child(5n + 1),
	body.pit-landing-style-noir .pit-category-cover:nth-child(5n + 5) {
		grid-column: span 6;
	}
}

@media (max-width: 700px) {
	body.pit-landing-style-nordic .pit-hero {
		margin: 0;
		min-height: 82vh;
	}

	body.pit-landing-style-nordic .pit-site-nav {
		padding-left: 22px;
		padding-right: 22px;
	}

	body.pit-landing-style-nordic .pit-hero__title {
		padding: 0;
	}

	body.pit-landing-style-nordic .pit-hero h1,
	body.pit-landing-style-noir .pit-hero h1 {
		font-size: clamp(42px, 15vw, 78px) !important;
		line-height: .92 !important;
		white-space: normal;
	}

	body.pit-landing-style-nordic .pit-intro,
	body.pit-landing-style-noir .pit-hero__title {
		display: block;
	}

	body.pit-landing-style-nordic .pit-intro .pit-eyebrow,
	body.pit-landing-style-nordic .pit-intro h2,
	body.pit-landing-style-nordic .pit-intro > p:last-child {
		margin-bottom: 24px;
	}

	body.pit-landing-style-nordic .pit-category-cover,
	body.pit-landing-style-nordic .pit-category-cover:nth-child(4n + 1),
	body.pit-landing-style-nordic .pit-category-cover:nth-child(4n + 4),
	body.pit-landing-style-noir .pit-category-cover,
	body.pit-landing-style-noir .pit-category-cover:nth-child(5n + 1),
	body.pit-landing-style-noir .pit-category-cover:nth-child(5n + 5) {
		grid-column: 1 / -1;
		min-height: 84vw;
	}

	body.pit-landing-style-nordic .pit-about-intro {
		grid-template-columns: 1fr;
	}

	body.pit-landing-style-noir .pit-site-nav {
		position: absolute;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.pit-landing-style-nordic *,
	body.pit-landing-style-noir * {
		scroll-behavior: auto !important;
	}
}