/**
 * PackPlus V2 — Section 02: Packaging Universe (Sprint 3R)
 *
 * Image-led editorial collage replacing the Sprint 3A typographic
 * "constellation". Five real PackPlus studio photographs at varied
 * spans/aspect-ratios (tall, wide, small offset, medium, full-width) —
 * a designed CSS Grid, not fragile absolute-positioned masonry.
 */

.pp-universe {
	background: var(--pp-paper);
	color: var(--pp-text);
}

.pp-universe__collage {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: clamp(9rem, 19vw, 15rem);
	gap: var(--pp-space-md);
	margin-top: var(--pp-space-xl);
}

.pp-universe__item {
	position: relative;
}

.pp-universe__item--01 { grid-column: 1 / 6; grid-row: 1 / 3; }
.pp-universe__item--02 { grid-column: 6 / 13; grid-row: 1 / 2; }
.pp-universe__item--03 { grid-column: 6 / 9; grid-row: 2 / 3; }
.pp-universe__item--04 { grid-column: 9 / 13; grid-row: 2 / 3; }
.pp-universe__item--05 { grid-column: 1 / 13; grid-row: 3 / 4; }

.pp-universe__item .pp-media {
	height: 100%;
}