/* --- Start: Press --- */
.press-hero {
	padding: 96px 0 72px;
	background: var(--yellow);
}

.press-hero h1 {
	font-family: var(--ff-display);
	font-weight: 700;
	font-size: var(--fs-huge);
	letter-spacing: var(--ls-heading-hero);
	line-height: 0.95;
	margin-bottom: 20px;
}

.press-hero .lead {
	font-size: var(--fs-normal);
	line-height: 1.5;
	color: var(--ink);
	max-width: 62ch;
	margin-top: 28px;
}

.press-hero .actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 36px;
}

.press-body {
	padding: 64px 0 120px;
}

.press-body .wrap {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.press-body h2 {
	font-family: var(--ff-display);
	font-weight: 700;
	font-size: var(--fs-large);
	letter-spacing: var(--ls-heading);
	margin-bottom: 32px;
}

.assets-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.asset-item {
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--radius-md);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
}

.asset-item .preview {
	width: 100%;
	height: 80px;
	border-radius: var(--radius-sm);
	display: grid;
	place-items: center;
}

.asset-item .preview.light { background: var(--surface); }
.asset-item .preview.dark  { background: var(--ink); }
.asset-item .preview.yellow  { background: var(--yellow); }

.asset-item .preview img {
	max-height: 50px;
	width: auto;
}

.asset-item h6 {
	font-family: var(--ff-mono);
	font-size: var(--fs-xsmall);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--muted);
}

.asset-item p {
	font-size: var(--fs-xsmall);
	line-height: 1.5;
	color: var(--ink);
}

.swatch-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.sw {
	border-radius: var(--radius-md);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-family: var(--ff-mono);
	font-size: var(--fs-xsmall);
}

.sw h6 {
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: var(--fs-xsmall);
}

.sw .v { font-weight: 400; opacity: 0.7; display: block; margin-top: 2px; }
.sw .hex { opacity: 0.6; }

.sw-yellow {
	background: var(--yellow);
	color: var(--ink);
}

.sw-ink {
	background: var(--ink);
	color: var(--paper);
}

.sw-paper {
	background: var(--paper);
	color: var(--ink);
	border: 1px solid var(--line);
}


.facts dl {
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: 12px 24px;
	font-size: var(--fs-small);
	line-height: 1.5;
}

.facts dt { color: var(--muted); }
.facts dd { color: var(--ink); }
.facts dd a { text-decoration: underline; text-underline-offset: 3px; }

.facts-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	align-items: start;
}

.boiler {
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--radius-md);
	padding: 28px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.boiler h6 {
	font-family: var(--ff-mono);
	font-size: var(--fs-xsmall);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
}

.boiler p {
	font-size: var(--fs-small);
	line-height: 1.6;
	color: var(--ink);
}

@media (max-width: 1024px) {
	.assets-grid { grid-template-columns: 1fr 1fr; }
	.swatch-grid { grid-template-columns: 1fr 1fr; }
	.facts-layout { grid-template-columns: 1fr; }
	.facts dl { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
	.assets-grid { grid-template-columns: 1fr; }
	.swatch-grid { grid-template-columns: 1fr 1fr; }
}
/* --- End: Press --- */