/* =========================================================================
   Press Release detail (v2)  —  layered on top of home-v2.css (Uncut Sans,
   .hv-shell, vertical frame rails, sticky nav).

   Built from Figma "Press Release" (8C41…, desktop 189:18050 / mobile 189:18225).
   No dark hero: a light article — logo row (publication logo left, Hyperface
   logo right), the title, and the rendered press body. Inset to the 160px rail.
   ========================================================================= */

:root {
	--pr-teal: #2ad9c4;
	--pr-ink: #111;
}

.pr-body {
	background: #fff;
	padding-block: 100px;
}
.pr-inner {
	max-width: min(1600px, 100%);
	margin-inline: auto;
}

/* Logo row */
.pr-logos {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-block: 24px;
}
.pr-logos__channel {
	height: 50px;
	width: auto;
	max-width: 260px;
	object-fit: contain;
}
.pr-logos__hf {
	height: 50px;
	width: auto;
	object-fit: contain;
}

/* Article */
.pr-article {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 40px;
}
.pr-title {
	margin: 0;
	font-weight: 600;
	font-size: 40px;
	line-height: 1.4;
	letter-spacing: -0.8px;
	color: var(--pr-ink);
}

/* Rendered body */
.pr-prose {
	color: var(--pr-ink);
}
.pr-prose > :first-child {
	margin-top: 0;
}
.pr-prose p,
.pr-prose li {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: -0.18px;
	color: var(--pr-ink);
}
.pr-prose p {
	margin: 0 0 18px;
}
.pr-prose strong,
.pr-prose b {
	font-weight: 600;
}
.pr-prose h2,
.pr-prose h3 {
	margin: 40px 0 16px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.4px;
	color: var(--pr-ink);
}
.pr-prose h2 { font-size: 26px; }
.pr-prose h3 { font-size: 22px; }
.pr-prose a {
	color: var(--pr-teal);
	text-decoration: underline;
	word-break: break-word;
}
.pr-prose ul,
.pr-prose ol {
	margin: 0 0 18px;
	padding-left: 1.2em;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.pr-prose img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}
.pr-prose figure {
	margin: 24px 0;
}
.pr-prose figure img {
	display: block;
	margin-inline: auto;
}

/* -------------------------------------------------------------------------
   MOBILE  (Figma 189:18225)
   ------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.pr-body {
		padding-block: 24px 40px;
	}
	.pr-logos {
		padding-block: 8px;
		gap: 16px;
	}
	.pr-logos__channel,
	.pr-logos__hf {
		height: 20px;
	}
	.pr-article {
		gap: 24px;
		margin-top: 24px;
	}
	.pr-title {
		font-size: 26px;
		letter-spacing: -0.52px;
	}
	.pr-prose p,
	.pr-prose li {
		font-size: 16px;
		letter-spacing: -0.16px;
	}
	.pr-prose h2 { font-size: 20px; }
	.pr-prose h3 { font-size: 18px; }
}