/*
 * Home Page Styles — assets/css/pages/home.css
 * OurChapter warm editorial redesign.
 * Depends on: main-v2.css (tokens, base, nav, footer)
 * Mobile-first. 390px base.
 */

/* ============================================================
   HERO — light, warm, editorial (no dark cosmos)
   ============================================================ */
.pg-home-hero {
	position: relative;
	background: var(--pg-bone);
	overflow: hidden;
	color: var(--pg-ink);
}

/* Soft warm clay glow behind the poster visual */
.pg-home-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 80% 60% at 65% 40%, rgba(176,135,91,.08) 0%, transparent 70%);
	pointer-events: none;
	z-index: 0;
}

/* Hide the cosmos starfield canvas — does not fit light theme */
.pg-home-hero__canvas {
	display: none;
}

/* Hide the dark vignette overlay */
.pg-home-hero__vignette {
	display: none;
}

@media (min-width: 900px) {
	.pg-home-hero {
		min-height: 90vh;
		display: flex;
		flex-direction: column;
	}
	.pg-home-hero__wrap {
		flex: 1 1 auto;
		display: flex;
		align-items: center;
		width: 100%;
		padding-top: clamp(80px, 6vh, 110px);
		padding-bottom: clamp(36px, 4vh, 64px);
	}
	.pg-home-usps { min-height: 10vh; }
}

.pg-home-hero__wrap {
	position: relative;
	z-index: 2;
	padding-top: clamp(120px, 15vw, 150px);
	padding-bottom: clamp(80px, 10vw, 120px);
}

.pg-home-hero__grid {
	display: flex;
	flex-direction: column;
	gap: 52px;
}

/* Badge — warm light pill */
.pg-home-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px;
	background: rgba(176,135,91,.10);
	border: 1px solid rgba(176,135,91,.25);
	border-radius: var(--radius-pill);
	margin-bottom: 28px;
	font-size: 12.5px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--pg-brass-text);
	font-weight: 700;
}

.pg-home-hero__badge-dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--pg-brass);
	flex-shrink: 0;
}

.pg-home-hero__h1 {
	font-family: var(--font-display);
	font-weight: 700;
	color: var(--pg-ink);
	font-size: clamp(40px, 8vw, 76px);
	line-height: 1.02;
	letter-spacing: -.01em;
	margin: 0 0 22px;
	text-wrap: balance;
}

.pg-home-hero__h1 em {
	font-style: italic;
	color: var(--pg-brass);
}

.pg-home-hero__sub {
	color: #6E665A;
	font-size: clamp(16px, 2vw, 18px);
	line-height: 1.6;
	max-width: 30em;
	margin: 0;
}

.pg-home-hero__cta-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 38px;
}

/* Secondary CTA — ink with brass underline */
.pg-home-hero__secondary-cta {
	color: var(--pg-ink);
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1.5px solid var(--pg-brass);
	padding-bottom: 2px;
	opacity: .8;
	transition: opacity .2s, color .2s;
}

.pg-home-hero__secondary-cta:hover {
	opacity: 1;
	color: var(--pg-brass-text);
}

/* Social proof — visible on light bg */
.pg-home-hero__social-proof {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 40px;
	flex-wrap: wrap;
}

.pg-home-hero__trust-badge {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 6px 12px;
	border-radius: var(--radius-pill, 999px);
	background: rgba(42,37,31,.05);
	border: 1px solid rgba(42,37,31,.10);
}

.pg-home-hero__trust-text {
	font-size: 13px;
	color: #6E665A;
	letter-spacing: .005em;
	text-transform: none;
	white-space: nowrap;
}

.pg-home-hero__trust-text strong {
	color: var(--pg-ink);
	font-weight: 700;
}

.pg-home-hero__stars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
}
.pg-home-hero__stars .pg-stars { display: inline-flex; align-items: center; gap: 1px; }
.pg-home-hero__stars svg {
	width: 15px;
	height: 15px;
	color: var(--pg-brass-glow, #D4A85A);
	fill: currentColor;
}

.pg-home-hero__trust-badge--rating .pg-home-hero__trust-text strong {
	color: var(--pg-brass-text);
}

.pg-home-hero__trust-badge--ship svg {
	color: var(--pg-brass);
	flex-shrink: 0;
}

@media (max-width: 420px) {
	.pg-home-hero__trust-badge { padding: 6px 10px; }
	.pg-home-hero__trust-text { font-size: 12px; white-space: normal; }
}

/* Poster frame — elevated shadow on light bg */
.pg-home-hero__visual {
	display: flex;
	justify-content: center;
}

.pg-home-hero__poster-col {
	max-width: 380px;
	width: 100%;
}

.pg-home-hero__poster-tilt {
	transform-style: preserve-3d;
	transition: transform .2s ease-out;
	will-change: transform;
}

.pg-home-hero__poster-frame {
	background: var(--pg-midnight-deep, #141A2E);
	padding: 14px;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 24px 64px rgba(20,26,46,.18), 0 4px 16px rgba(20,26,46,.10);
}

.pg-home-hero__poster-inner {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 4;
	background: linear-gradient(180deg, #10183a 0%, #161d3e 55%, #241a45 100%);
	overflow: hidden;
	border: 1px solid rgba(182,137,63,.18);
}

/* Poster canvas stays dark — it's the star art */
.pg-home-hero__poster-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.pg-home-hero__poster-border {
	position: absolute;
	inset: 14px;
	border: 1px solid rgba(217,201,168,.28);
	pointer-events: none;
}

.pg-home-hero__poster-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 8% 9%;
	text-align: center;
	color: #EDEBF6;
}

.pg-home-hero__poster-coords {
	font-family: var(--font-display);
	font-style: italic;
	font-size: 11px;
	letter-spacing: .18em;
	color: #A9B0CC;
	margin-bottom: 12px;
}

.pg-home-hero__poster-script {
	font-size: 30px;
	line-height: .9;
	color: #E7DFFb;
	margin-bottom: 4px;
}

.pg-home-hero__poster-title {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 30px;
	letter-spacing: .01em;
	line-height: 1.04;
}

.pg-home-hero__poster-date {
	font-size: 10.5px;
	letter-spacing: .42em;
	text-transform: uppercase;
	color: #9DA4C4;
	margin-top: 8px;
	padding-left: .42em;
}

.pg-home-hero__poster-note {
	text-align: center;
	margin-top: 18px;
	font-size: 12px;
	letter-spacing: .04em;
	color: var(--pg-warm-grey);
}

@media (min-width: 860px) {
	.pg-home-hero__grid {
		display: grid;
		grid-template-columns: 1.04fr .96fr;
		gap: 56px;
		align-items: center;
	}
	.pg-home-hero__visual {
		justify-content: flex-end;
	}
	.pg-home-hero__poster-col {
		max-width: 440px;
		margin: 0 0 0 auto;
	}
}

/* ============================================================
   USP STRIP — now on light bone bg (outside dark hero)
   ============================================================ */
.pg-home-usps {
	position: relative;
	z-index: 2;
	background: var(--pg-paper);
	border-top: 1px solid var(--pg-hairline);
	border-bottom: 1px solid var(--pg-hairline);
	color: var(--pg-ink);
	display: flex;
	align-items: center;
	padding: clamp(14px, 2vh, 22px) 0;
}
.pg-home-usps__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(18px, 3vw, 36px);
	width: 100%;
}
@media (min-width: 780px) {
	.pg-home-usps__grid { grid-template-columns: repeat(4, 1fr); }
}
.pg-home-usp { display: flex; align-items: center; gap: 13px; }
.pg-home-usp__ic {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(176,135,91,.10);
	color: var(--pg-brass);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pg-home-usp__txt { display: flex; flex-direction: column; gap: 1px; }
.pg-home-usp__txt strong { font-size: 14.5px; font-weight: 700; color: var(--pg-ink); line-height: 1.2; }
.pg-home-usp__txt span { font-size: 12.5px; color: #6E665A; line-height: 1.3; }

/* ============================================================
   PRODUCTS
   ============================================================ */
.pg-home-products {
	padding: clamp(64px, 8vw, 110px) 0 clamp(64px, 8vw, 96px);
}

.pg-home-products__header {
	max-width: 640px;
	margin-bottom: 72px;
}

.pg-home-products__header .pg-eyebrow {
	margin-bottom: 18px;
}

.pg-home-products__h2 {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: clamp(28px, 4vw, 44px);
	line-height: 1.06;
	letter-spacing: -.01em;
	margin: 0;
	color: var(--pg-ink);
	text-wrap: balance;
}

/* Product row */
.pg-home-product-row {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.pg-home-product-row__visual {
	display: flex;
	justify-content: center;
}

.pg-home-product-row__frame-wrap {
	width: 100%;
	max-width: 360px;
}

.pg-home-product-row__frame {
	padding: 13px;
	border-radius: var(--radius-flat);
	box-shadow: var(--shadow-poster);
}

.pg-home-product-row__frame--dark {
	background: #14110d;
}

.pg-home-product-row__frame--light {
	background: var(--pg-bone);
	border: 1px solid rgba(27,26,23,.08);
	box-shadow: 0 30px 70px rgba(27,26,23,.16);
}

.pg-home-product-row__poster {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: hidden;
}

.pg-home-product-row__frame--dark .pg-home-product-row__poster {
	border: 1px solid rgba(182,137,63,.18);
}

.pg-home-product-row__frame--light .pg-home-product-row__poster {
	border: 1px solid rgba(27,26,23,.12);
}

.pg-home-product-row__canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.pg-home-product-row__pin {
	position: absolute;
	left: 50%;
	top: 42%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--pg-brass);
	box-shadow: 0 0 0 5px rgba(182,137,63,.18);
}

.pg-home-product-row__map-pin {
	position: absolute;
	left: 54%;
	top: 40%;
	transform: translate(-50%, -100%);
	width: 14px;
	height: 14px;
	border-radius: 50% 50% 50% 0;
	background: var(--pg-brass);
	transform: translateX(-50%) rotate(-45deg);
	box-shadow: 0 4px 10px rgba(0,0,0,.4);
}

.pg-home-product-row__border {
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(217,201,168,.26);
	pointer-events: none;
}

.pg-home-product-row__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 9% 9%;
	text-align: center;
}

.pg-home-product-row__script {
	font-size: 25px;
	line-height: .9;
}

.pg-home-product-row__script--brass {
	color: var(--pg-brass);
}

.pg-home-product-row__title--light {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 24px;
	color: #EDEBF6;
}

.pg-home-product-row__title--dark {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 34px;
	line-height: 1;
	color: var(--pg-ink);
}

.pg-home-product-row__date--light {
	font-size: 9px;
	letter-spacing: .4em;
	text-transform: uppercase;
	color: #9DA4C4;
	margin-top: 7px;
	padding-left: .4em;
}

.pg-home-product-row__born {
	font-size: 9px;
	letter-spacing: .34em;
	text-transform: uppercase;
	color: var(--pg-warm-grey);
	margin-bottom: 8px;
}

.pg-home-product-row__stats {
	font-size: 10px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #5A554C;
	margin-top: 9px;
}

/* Text side */
.pg-home-product-row__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}

.pg-home-product-row__label-dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--pg-brass);
	flex-shrink: 0;
}

.pg-home-product-row__label-text {
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--pg-brass-text);
	font-weight: 700;
}

.pg-home-product-row__title-h3 {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 30px;
	margin: 0 0 14px;
	color: var(--pg-ink);
}

.pg-home-product-row__desc {
	color: #4A4742;
	font-size: 16.5px;
	line-height: 1.65;
	margin: 0 0 22px;
	max-width: 34em;
}

.pg-home-product-row__footer {
	display: flex;
	align-items: center;
	gap: 22px;
	flex-wrap: wrap;
}

.pg-home-product-row__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--pg-brass-text);
	font-weight: 700;
	font-size: 15.5px;
	border-bottom: 2px solid var(--pg-brass);
	padding-bottom: 4px;
	transition: color .25s ease;
}

.pg-home-product-row__cta:hover {
	color: var(--pg-ink);
}

.pg-home-product-row__cta span {
	display: inline-block;
	transition: transform .35s cubic-bezier(.2,.9,.3,1);
}

.pg-home-product-row__cta:hover span {
	transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
	.pg-home-product-row__cta:hover span { transform: none; }
}

.pg-home-product-row__price {
	color: var(--pg-warm-grey-text);
	font-size: 14.5px;
}

.pg-home-product-row__price strong {
	color: var(--pg-ink);
}

.pg-home-products__divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(176,135,91,.3), transparent);
	margin: 72px 0;
}

/* Product card hover (if used in grid layout) */
.pg-product-card {
	background: var(--pg-card);
	border-radius: var(--radius-md);
	overflow: hidden;
	border: 1px solid var(--pg-hairline);
	transition: box-shadow 0.25s, transform 0.25s;
}

.pg-product-card:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-4px);
}

.pg-product-card img {
	transition: transform 0.4s ease;
}

.pg-product-card:hover img {
	transform: scale(1.03);
}

@media (min-width: 860px) {
	.pg-home-product-row {
		display: grid;
		grid-template-columns: 1.02fr .98fr;
		gap: 76px;
		align-items: center;
	}
	.pg-home-product-row--reverse {
		grid-template-columns: .98fr 1.02fr;
	}
	.pg-home-product-row--reverse .pg-home-product-row__visual {
		order: 2;
	}
	.pg-home-product-row--reverse .pg-home-product-row__body {
		order: 1;
	}
}

/* ============================================================
   Themed product blocks — subtle theme layer on a warm base
   (navy stays for poster-art only; here we only HINT the theme)
   ============================================================ */
.pg-home-product-row {
	position: relative;
	isolation: isolate;
	padding: clamp(26px, 3.6vw, 46px) clamp(22px, 3.4vw, 48px);
	border-radius: 26px;
	margin-top: clamp(28px, 3.6vw, 48px);
}

/* Panel + soft theme wash */
.pg-home-product-row::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	border-radius: inherit;
	border: 1px solid var(--pg-hairline);
	background: var(--pg-card);
}

/* Theme motif layer (masked so it fades, never fights the text) */
.pg-home-product-row::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
}

/* Sterrenkaart — immersive night wash + denser starfield toward the poster */
.pg-home-product-row--t-stars::before {
	background:
		radial-gradient(135% 110% at 84% -8%, rgba(27, 32, 48, 0.30), rgba(31, 38, 64, 0.10) 38%, transparent 66%),
		var(--pg-card);
}
.pg-home-product-row--t-stars::after {
	background-image:
		radial-gradient(rgba(255, 250, 238, 0.55) 1.1px, transparent 1.7px),
		radial-gradient(rgba(201, 160, 119, 0.55) 1.2px, transparent 1.8px),
		radial-gradient(rgba(42, 37, 31, 0.20) 1px, transparent 1.5px);
	background-size: 34px 34px, 52px 52px, 26px 26px;
	background-position: 0 0, 17px 21px, 9px 13px;
	-webkit-mask-image: radial-gradient(150% 120% at 86% -4%, #000 26%, transparent 78%);
	mask-image: radial-gradient(150% 120% at 86% -4%, #000 26%, transparent 78%);
}

/* Geboorteposter — richer blush wash + visible contour rings */
.pg-home-product-row--t-contour::before {
	background:
		radial-gradient(125% 105% at 16% -8%, rgba(193, 142, 120, 0.26), rgba(193, 142, 120, 0.08) 42%, transparent 68%),
		var(--pg-card);
}
.pg-home-product-row--t-contour::after {
	background-image:
		repeating-radial-gradient(circle at 18% 26%, transparent 0 16px, rgba(176, 135, 91, 0.14) 16px 17.5px);
	-webkit-mask-image: radial-gradient(135% 120% at 14% 8%, #000 12%, transparent 70%);
	mask-image: radial-gradient(135% 120% at 14% 8%, #000 12%, transparent 70%);
}

/* Citymap — immersive night map: brighter street grid + a lit avenue */
.pg-home-product-row--t-streets::before {
	background:
		radial-gradient(135% 110% at 84% -8%, rgba(27, 32, 48, 0.26), rgba(31, 38, 64, 0.08) 40%, transparent 66%),
		var(--pg-card);
}
.pg-home-product-row--t-streets::after {
	background-image:
		repeating-linear-gradient(0deg, rgba(42, 37, 31, 0.10) 0 1px, transparent 1px 30px),
		repeating-linear-gradient(90deg, rgba(42, 37, 31, 0.10) 0 1px, transparent 1px 30px),
		repeating-linear-gradient(38deg, rgba(201, 160, 119, 0.22) 0 1.6px, transparent 1.6px 64px);
	-webkit-mask-image: radial-gradient(150% 120% at 86% -4%, #000 22%, transparent 76%);
	mask-image: radial-gradient(150% 120% at 86% -4%, #000 22%, transparent 76%);
}

/* Reverse rows: glow/motif follows the poster to the left */
.pg-home-product-row--reverse.pg-home-product-row--t-stars::before {
	background:
		radial-gradient(135% 110% at 16% -8%, rgba(27, 32, 48, 0.30), rgba(31, 38, 64, 0.10) 38%, transparent 66%),
		var(--pg-card);
}
.pg-home-product-row--reverse.pg-home-product-row--t-streets::before {
	background:
		radial-gradient(135% 110% at 16% -8%, rgba(27, 32, 48, 0.26), rgba(31, 38, 64, 0.08) 40%, transparent 66%),
		var(--pg-card);
}
.pg-home-product-row--reverse.pg-home-product-row--t-stars::after,
.pg-home-product-row--reverse.pg-home-product-row--t-streets::after {
	-webkit-mask-image: radial-gradient(150% 120% at 14% -4%, #000 22%, transparent 76%);
	mask-image: radial-gradient(150% 120% at 14% -4%, #000 22%, transparent 76%);
}

/* Dividers redundant now that each block is a card */
.pg-home-products__divider {
	display: none;
}

/* ============================================================
   HOW IT WORKS — warm sand/paper (no dark cosmos)
   ============================================================ */
.pg-home-steps {
	padding: clamp(64px, 8vw, 104px) 0;
}

.pg-home-steps__header {
	text-align: center;
	max-width: 560px;
	margin: 0 auto clamp(40px, 6vw, 64px);
}

.pg-home-steps__header h2 {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: clamp(28px, 4vw, 40px);
	line-height: 1.06;
	letter-spacing: -.01em;
	margin: 0;
	color: var(--pg-ink);
	text-wrap: balance;
}

/* Hide the ridgeline canvas */
.pg-home-steps__canvas-wrap {
	display: none;
}

.pg-home-steps__grid {
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
}

.pg-home-steps__step {
	text-align: center;
}

/* Step numbers: warm brass circle on paper */
.pg-home-steps__number {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: rgba(176,135,91,.12);
	border: 1px solid rgba(176,135,91,.30);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 22px;
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 26px;
	color: var(--pg-brass-text);
}

.pg-home-steps__title {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 23px;
	margin: 0 0 10px;
	color: var(--pg-ink);
}

.pg-home-steps__desc {
	color: #6E665A;
	font-size: 15.5px;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 26em;
}

@media (min-width: 860px) {
	.pg-home-steps__grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 40px;
	}
}

/* ============================================================
   PROOF / STATS + REVIEWS
   ============================================================ */
.pg-home-proof {
	padding-bottom: clamp(64px, 8vw, 96px);
}

.pg-home-proof__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px 16px;
	border-top: 1px solid rgba(42,37,31,.10);
	border-bottom: 1px solid rgba(42,37,31,.10);
	padding: 34px 0;
	margin-bottom: 72px;
}

.pg-home-proof__stat {
	text-align: center;
}

.pg-home-proof__stat-value {
	font-weight: 800;
	font-size: 30px;
	letter-spacing: -.01em;
	color: var(--pg-ink);
}

.pg-home-proof__stat-label {
	font-size: 13px;
	color: var(--pg-warm-grey-text);
	letter-spacing: .04em;
	margin-top: 4px;
}

.pg-home-proof__reviews {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Review cards — warm card treatment */
.pg-home-review-card {
	background: var(--pg-card, #FCFAF4);
	border: 1px solid var(--pg-hairline, rgba(27,26,23,.08));
	padding: 30px 28px;
	border-radius: var(--radius-flat);
}

.pg-home-review-card__stars {
	color: var(--pg-brass-text);
	letter-spacing: 2px;
	font-size: 14px;
	margin-bottom: 14px;
}

.pg-home-review-card__quote {
	font-family: var(--font-display);
	font-style: italic;
	font-size: 18px;
	line-height: 1.5;
	color: var(--pg-ink);
	margin: 0 0 20px;
	padding: 0;
	border: none;
}

.pg-home-review-card__author {
	font-size: 14px;
	color: #6E665A;
}

.pg-home-review-card__author strong {
	color: var(--pg-ink);
}

@media (min-width: 560px) {
	.pg-home-proof__stats {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 32px;
	}
	.pg-home-proof__stat {
		flex: 1;
		min-width: 120px;
	}
}

@media (min-width: 860px) {
	.pg-home-proof__reviews {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 24px;
	}
}

/* ============================================================
   INTERIORS
   ============================================================ */
.pg-home-interiors {
	position: relative;
	overflow: hidden;
	padding: clamp(64px, 8vw, 96px) 0;
}

/* Hide the atlas/map canvas */
.pg-home-interiors__canvas {
	display: none;
}

.pg-home-interiors__wrap {
	position: relative;
	z-index: 1;
}

.pg-home-interiors__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 40px;
}

.pg-home-interiors__h2 {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: clamp(26px, 4vw, 40px);
	line-height: 1.06;
	letter-spacing: -.01em;
	margin: 0;
	color: var(--pg-ink);
	text-wrap: balance;
	max-width: 18em;
}

.pg-home-interiors__sub {
	font-size: 14.5px;
	color: var(--pg-warm-grey-text);
	max-width: 24em;
	margin: 0;
}

.pg-home-interiors__grid {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.pg-home-interiors__img-large,
.pg-home-interiors__img-wrap {
	position: relative;
	border-radius: var(--radius-sm);
	overflow: hidden;
	background: var(--pg-paper);
	min-height: 200px;
	box-shadow: var(--shadow-sm);
}

.pg-home-interiors__img-stack {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.pg-home-interiors__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.pg-home-interiors__img-placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--pg-warm-grey-text);
	font-size: 13px;
	letter-spacing: .04em;
	text-align: center;
	padding: 16px;
}

@media (min-width: 560px) {
	.pg-home-interiors__grid {
		flex-direction: row;
		height: 470px;
	}
	.pg-home-interiors__img-large {
		flex: 1.45;
		min-height: unset;
	}
	.pg-home-interiors__img-stack {
		flex: 1;
		gap: 16px;
	}
	.pg-home-interiors__img-wrap {
		flex: 1;
		min-height: unset;
	}
}

/* ============================================================
   CLOSING CTA — deep navy (poster art context, starfield stays)
   ============================================================ */
.pg-home-cta {
	position: relative;
	background: var(--pg-midnight-deep, #141A2E);
	padding: clamp(80px, 10vw, 120px) 0;
	overflow: hidden;
	text-align: center;
}

.pg-home-cta__canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: .7;
	pointer-events: none;
}

.pg-home-cta__wrap {
	position: relative;
	z-index: 1;
}

.pg-home-cta__script {
	font-size: 34px;
	color: var(--pg-brass-glow);
	margin-bottom: 8px;
}

.pg-home-cta__h2 {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: clamp(28px, 4vw, 52px);
	line-height: 1.05;
	color: var(--pg-bone);
	margin: 0 auto 24px;
	max-width: 16em;
	text-wrap: balance;
}

.pg-home-cta__sub {
	color: rgba(244,239,230,.7);
	font-size: 17.5px;
	line-height: 1.6;
	max-width: 30em;
	margin: 0 auto 38px;
}