/*
 * MMOZine V2 Game Hub presentation.
 *
 * The existing Game CPT, metadata adapters, Post-to-Game relationships and
 * related-content queries remain authoritative. This layer is scoped to public
 * single Game records and reuses the shared Sprint A/B V2 foundation.
 */

body.single-game {
	--v2-game-hub-content-width: 120rem;
	--v2-game-hub-gutter: clamp(1rem, 3.4vw, 3rem);

	background: var(--v2-color-canvas);
	color: var(--v2-color-text);
}

.single-game .site-header {
	background: #061016;
	border-color: var(--v2-color-border-soft);
}

.single-game .site-header__inner {
	grid-template-columns: minmax(9rem, 0.8fr) auto minmax(9rem, 0.8fr);
	max-width: var(--v2-game-hub-content-width);
	min-height: 4.5rem;
	padding: 0.65rem var(--v2-game-hub-gutter);
}

.single-game .wordmark__name {
	font-size: clamp(1.55rem, 2vw, 2rem);
}

.single-game .wordmark__tagline {
	display: none;
}

.single-game .mmozine-menu {
	gap: clamp(1rem, 2.1vw, 2.25rem);
}

.single-game .mmozine-menu a,
.single-game .header-action,
.single-game .header-account,
.single-game .header-account__name {
	font-size: 0.68rem;
}

.single-game .site-header__divider {
	background: var(--v2-color-border);
	height: 1.75rem;
}

.v2-game-hub-page,
.v2-game-hub-page .game-hub-content {
	background: var(--v2-color-canvas);
	color: var(--v2-color-text);
	min-width: 0;
}

.v2-game-hub-page h1,
.v2-game-hub-page h2,
.v2-game-hub-page h3,
.v2-game-hub-page p,
.v2-game-hub-page a,
.v2-game-hub-page dd,
.v2-game-hub-page dt {
	overflow-wrap: anywhere;
}

.v2-game-hub-page .page-shell {
	max-width: var(--v2-game-hub-content-width);
	padding-inline: var(--v2-game-hub-gutter);
}

/* Cinematic Game identity */
.v2-game-hub-page .game-hub-hero {
	background: var(--v2-color-surface);
	color: var(--v2-color-text);
	min-height: clamp(36rem, 40vw, 46rem);
}

.v2-game-hub-page .game-hub-hero__art {
	filter: saturate(0.9) contrast(1.04);
	object-position: center 38%;
}

.v2-game-hub-page .game-hub-hero__shade {
	background:
		linear-gradient(90deg, rgb(3 8 12 / 96%) 0%, rgb(3 8 12 / 80%) 30%, rgb(3 8 12 / 28%) 64%, rgb(3 8 12 / 74%) 100%),
		linear-gradient(0deg, rgb(3 8 12 / 98%) 0%, rgb(3 8 12 / 9%) 55%, rgb(3 8 12 / 34%) 100%);
}

.v2-game-hub-page .game-hub-hero__inner {
	align-items: stretch;
	display: grid;
	gap: clamp(1.5rem, 3vw, 4rem);
	grid-template-columns: minmax(0, 1fr) minmax(19rem, 25rem);
	grid-template-rows: auto minmax(0, 1fr);
	min-height: clamp(36rem, 40vw, 46rem);
	padding-block: clamp(1.1rem, 2vw, 1.8rem) clamp(1.5rem, 3vw, 3rem);
}

.v2-game-hub-page .game-hub-breadcrumb {
	align-self: start;
	color: var(--v2-color-meta);
	font-family: var(--v2-font-ui);
	font-size: 0.64rem;
	font-weight: 600;
	grid-column: 1;
	letter-spacing: 0;
	text-transform: none;
}

.v2-game-hub-page .game-hub-breadcrumb a {
	color: var(--v2-color-text-soft);
}

.v2-game-hub-page .game-hub-breadcrumb a:hover {
	color: var(--v2-color-text);
}

.v2-game-hub-page .game-hub-breadcrumb span:not([aria-current]) {
	color: var(--v2-color-meta);
}

.v2-game-hub-page .game-hub-breadcrumb [aria-current] {
	color: var(--v2-color-meta);
}

.v2-game-hub-page .game-hub-hero__copy {
	align-self: center;
	grid-column: 1;
	margin: 0;
	max-width: 45rem;
	padding-block: clamp(2rem, 6vw, 6rem);
}

.v2-game-hub-page .game-hub-status {
	color: var(--v2-color-text-soft);
	font-family: var(--v2-font-ui);
	font-size: 0.66rem;
	letter-spacing: 0.08em;
	margin-bottom: 1rem;
}

.v2-game-hub-page .game-hub-status span {
	background: var(--v2-color-red);
	border-radius: 0;
	height: 0.12rem;
	width: 1.15rem;
}

.v2-game-hub-page .game-hub-hero h1 {
	font-family: var(--v2-font-editorial);
	font-size: clamp(3.5rem, 6.2vw, 7rem);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 0.88;
	text-wrap: balance;
}

.v2-game-hub-page .game-hub-hero__description {
	color: var(--v2-color-text-soft);
	font-family: var(--v2-font-ui);
	font-size: clamp(1rem, 1.35vw, 1.22rem);
	line-height: 1.55;
	margin-top: 1.5rem;
	max-width: 42rem;
}

.v2-game-hub-page .game-hub-meta-panel {
	align-self: center;
	background: rgb(5 13 18 / 91%);
	border: 1px solid var(--v2-color-border);
	grid-column: 2;
	grid-row: 1 / 3;
	margin: 0;
	min-width: 0;
	padding: clamp(1.25rem, 2vw, 2rem);
}

.v2-game-hub-page .game-hub-meta-panel__primary {
	display: block;
}

.v2-game-hub-page .game-hub-meta-panel__primary > div {
	align-items: baseline;
	border-bottom: 1px solid var(--v2-color-border-soft);
	border-right: 0;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(6.2rem, 0.75fr) minmax(0, 1.25fr);
	padding: 0.78rem 0;
}

.v2-game-hub-page .game-hub-meta-panel dt,
.v2-game-hub-page .game-hub-meta-panel__secondary span {
	color: var(--v2-color-meta);
	font-family: var(--v2-font-ui);
	font-size: 0.64rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.v2-game-hub-page .game-hub-meta-panel dd {
	color: var(--v2-color-text);
	font-family: var(--v2-font-ui);
	font-size: 0.74rem;
	line-height: 1.35;
	margin: 0;
}

.v2-game-hub-page .game-hub-meta-panel__secondary {
	border-top: 0;
	display: block;
}

.v2-game-hub-page .game-hub-meta-panel__secondary p {
	border-bottom: 1px solid var(--v2-color-border-soft);
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(6.2rem, 0.75fr) minmax(0, 1.25fr);
	padding: 0.78rem 0;
}

.v2-game-hub-page .game-hub-meta-panel__secondary strong {
	color: var(--v2-color-text);
	font-family: var(--v2-font-ui);
	font-size: 0.7rem;
	font-weight: 600;
	margin: 0;
}

.v2-game-hub-page .game-hub-website-link {
	background: var(--v2-color-red);
	border: 1px solid var(--v2-color-red);
	border-radius: var(--v2-radius-sm);
	color: #fff;
	font-family: var(--v2-font-ui);
	font-size: 0.66rem;
	justify-content: center;
	letter-spacing: 0.025em;
	margin-top: 1.35rem;
	min-height: 3rem;
	min-width: 0;
	padding: 0.8rem 1rem;
	width: 100%;
}

.v2-game-hub-page .game-hub-website-link:hover {
	background: var(--v2-color-red-deep);
	border-color: var(--v2-color-red-deep);
}

/* Existing section navigation, rendered as V2 tabs */
.v2-game-hub-page .game-hub-navigation {
	background: #061016;
	border-color: var(--v2-color-border);
	color: var(--v2-color-text);
}

.v2-game-hub-page .game-hub-navigation__inner {
	gap: clamp(1.75rem, 4vw, 4.5rem);
}

.v2-game-hub-page .game-hub-navigation a {
	border-bottom-width: 2px;
	color: var(--v2-color-meta);
	font-family: var(--v2-font-ui);
	font-size: 0.66rem;
	letter-spacing: 0.045em;
	padding-block: 1.05rem 0.95rem;
}

.v2-game-hub-page .game-hub-navigation a:first-child,
.v2-game-hub-page .game-hub-navigation a:hover,
.v2-game-hub-page .game-hub-navigation a:focus-visible {
	border-bottom-color: var(--v2-color-red);
	color: var(--v2-color-text);
}

/* Editorial sections */
.v2-game-hub-page .game-hub-content {
	padding-bottom: clamp(3.5rem, 7vw, 7rem);
}

.v2-game-hub-page .game-hub-section {
	border-color: var(--v2-color-border-soft);
	padding-block: clamp(2.75rem, 5vw, 5rem);
}

.v2-game-hub-page .game-hub-section__heading {
	border-left: 3px solid var(--v2-color-red);
	margin-bottom: clamp(1.5rem, 2.8vw, 2.5rem);
	padding-left: 1rem;
}

.v2-game-hub-page .game-hub-section__heading > p,
.v2-game-hub-page .game-hub-section__heading > div > p {
	color: var(--v2-color-red);
	font-family: var(--v2-font-ui);
	font-size: 0.62rem;
	letter-spacing: 0.08em;
	margin-bottom: 0.35rem;
}

.v2-game-hub-page .game-hub-section__heading h2 {
	color: var(--v2-color-text);
	font-family: var(--v2-font-editorial);
	font-size: clamp(1.8rem, 2.8vw, 2.8rem);
	font-weight: 500;
	letter-spacing: -0.025em;
	line-height: 1.05;
}

.v2-game-hub-page .game-hub-overview__grid {
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 0.85fr) minmax(24rem, 1.15fr);
}

.v2-game-hub-page .game-hub-overview__grid--text-only {
	grid-template-columns: minmax(0, var(--v2-reading-width));
}

.v2-game-hub-page .game-hub-overview__copy {
	color: var(--v2-color-text-soft);
	font-family: var(--v2-font-editorial);
	font-size: clamp(1.05rem, 1.3vw, 1.2rem);
	line-height: 1.75;
	max-width: var(--v2-reading-width);
}

.v2-game-hub-page .game-hub-overview__copy a {
	color: var(--v2-color-red);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.v2-game-hub-page .game-hub-overview__artwork {
	aspect-ratio: 16 / 9;
	background: var(--v2-color-surface);
	border: 1px solid var(--v2-color-border-soft);
	min-height: 0;
}

.v2-game-hub-page .game-hub-overview__artwork img {
	filter: saturate(0.9);
}

/* Image-led coverage with separators rather than boxed cards */
.v2-game-hub-page .game-hub-card-grid,
.v2-game-hub-page .game-hub-feature-grid {
	gap: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.v2-game-hub-page .game-hub-story-card,
.v2-game-hub-page .game-hub-feature-card {
	background: transparent;
	border: 0;
	border-right: 1px solid var(--v2-color-border-soft);
	padding-inline: clamp(0.8rem, 1.4vw, 1.4rem);
}

.v2-game-hub-page .game-hub-story-card:first-child,
.v2-game-hub-page .game-hub-feature-card:first-child {
	padding-left: 0;
}

.v2-game-hub-page .game-hub-story-card:last-child,
.v2-game-hub-page .game-hub-feature-card:last-child {
	border-right: 0;
	padding-right: 0;
}

.v2-game-hub-page .game-hub-story-card__image,
.v2-game-hub-page .game-hub-feature-card__image {
	aspect-ratio: 16 / 10;
	background: var(--v2-color-surface-raised);
	border: 1px solid var(--v2-color-border-soft);
}

.v2-game-hub-page .game-hub-story-card__image img,
.v2-game-hub-page .game-hub-feature-card__image img {
	filter: saturate(0.9);
}

.v2-game-hub-page .game-hub-story-card__body,
.v2-game-hub-page .game-hub-feature-card__body {
	padding: 0.9rem 0 0;
}

.v2-game-hub-page .game-hub-card-label {
	color: var(--v2-color-red);
	font-family: var(--v2-font-ui);
	font-size: 0.58rem;
	letter-spacing: 0.07em;
	margin-bottom: 0.4rem;
}

.v2-game-hub-page .game-hub-story-card h3,
.v2-game-hub-page .game-hub-feature-card h3 {
	color: var(--v2-color-text);
	font-family: var(--v2-font-editorial);
	font-size: clamp(1.08rem, 1.55vw, 1.42rem);
	font-weight: 500;
	line-height: 1.08;
	margin-bottom: 0.65rem;
}

.v2-game-hub-page .game-hub-story-card h3 a:hover,
.v2-game-hub-page .game-hub-feature-card h3 a:hover,
.v2-game-hub-page .game-hub-review-card h3 a:hover {
	color: var(--v2-color-red);
}

.v2-game-hub-page .game-hub-story-card time,
.v2-game-hub-page .game-hub-feature-card time {
	color: var(--v2-color-meta);
	font-family: var(--v2-font-ui);
	font-size: 0.62rem;
}

.v2-game-hub-page .game-hub-feature-card__body > p:not(.game-hub-card-label) {
	color: var(--v2-color-text-soft);
	font-family: var(--v2-font-ui);
	font-size: 0.78rem;
	line-height: 1.5;
	margin-bottom: 0.85rem;
}

/* Latest Review preserves the existing score and metadata view models */
.v2-game-hub-page .game-hub-review {
	background: transparent;
}

.v2-game-hub-page .game-hub-review__grid {
	gap: clamp(1.5rem, 2.5vw, 2.75rem);
	grid-template-columns: minmax(0, 3fr) minmax(18rem, 0.85fr);
}

.v2-game-hub-page .game-hub-review__grid--review-only {
	grid-template-columns: minmax(0, 1fr);
}

.v2-game-hub-page .game-hub-review-card {
	background: var(--v2-color-surface);
	border: 1px solid var(--v2-color-border-soft);
	color: var(--v2-color-text);
	grid-template-columns: minmax(16rem, 1.05fr) minmax(0, 1.35fr) 7.5rem;
	min-height: 22rem;
}

.v2-game-hub-page .game-hub-review-card--no-image {
	grid-template-columns: minmax(0, 1fr) 7.5rem;
}

.v2-game-hub-page .game-hub-review-card__image {
	min-height: 22rem;
}

.v2-game-hub-page .game-hub-review-card__image img {
	filter: saturate(0.9);
}

.v2-game-hub-page .game-hub-review-card__body {
	padding: clamp(1.5rem, 3vw, 3rem);
}

.v2-game-hub-page .game-hub-review-card h3,
.v2-game-hub-page .game-hub-key-info h3 {
	color: var(--v2-color-text);
	font-family: var(--v2-font-editorial);
	font-weight: 500;
}

.v2-game-hub-page .game-hub-review-card h3 {
	font-size: clamp(1.9rem, 3vw, 3.2rem);
	line-height: 0.98;
}

.v2-game-hub-page .game-hub-review-card__body > p:not(.game-hub-card-label) {
	color: var(--v2-color-text-soft);
	font-family: var(--v2-font-ui);
	font-size: 0.86rem;
	line-height: 1.55;
}

.v2-game-hub-page .game-hub-review-card__platform {
	border-color: var(--v2-color-border);
	color: var(--v2-color-text-soft);
	font-family: var(--v2-font-ui);
}

.v2-game-hub-page .game-hub-review-score {
	background: transparent;
	border-left: 1px solid var(--v2-color-red);
	color: var(--v2-color-red);
}

.v2-game-hub-page .game-hub-review-score strong {
	font-family: var(--v2-font-ui);
	font-size: clamp(3.5rem, 5.5vw, 5rem);
	font-weight: 800;
}

.v2-game-hub-page .game-hub-key-info {
	background: transparent;
	border: 1px solid var(--v2-color-border-soft);
	padding: clamp(1.25rem, 2vw, 2rem);
}

.v2-game-hub-page .game-hub-key-info h3 {
	font-size: 1.55rem;
}

.v2-game-hub-page .game-hub-key-info dl > div {
	border-color: var(--v2-color-border-soft);
}

.v2-game-hub-page .game-hub-key-info dt {
	color: var(--v2-color-meta);
	font-family: var(--v2-font-ui);
	font-size: 0.6rem;
}

.v2-game-hub-page .game-hub-key-info dd {
	color: var(--v2-color-text);
	font-family: var(--v2-font-ui);
	font-size: 0.78rem;
}

.v2-game-hub-page .game-hub-key-info > a {
	color: var(--v2-color-red);
	font-family: var(--v2-font-ui);
}

.v2-game-hub-page a:focus-visible {
	outline-color: var(--v2-color-red);
}

/* Shared V2-compatible footer presentation, scoped to Game Hubs. */
.single-game .site-footer {
	background: #061016;
	border-color: var(--v2-color-border-soft);
	color: var(--v2-color-text);
}

.single-game .site-footer__grid,
.single-game .site-footer__legal {
	max-width: var(--v2-game-hub-content-width);
	padding-inline: var(--v2-game-hub-gutter);
}

.single-game .site-footer__brand p,
.single-game .site-footer__newsletter p,
.single-game .site-footer__legal {
	color: var(--v2-color-meta);
}

.single-game .site-footer__social span,
.single-game .site-footer__newsletter form {
	border-color: var(--v2-color-border);
}

@media (max-width: 73.75rem) {
	.v2-game-hub-page .game-hub-hero__inner {
		gap: 2rem;
		grid-template-columns: minmax(0, 1fr) minmax(18rem, 21rem);
	}

	.v2-game-hub-page .game-hub-card-grid,
	.v2-game-hub-page .game-hub-feature-grid {
		gap: 1.75rem 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.v2-game-hub-page .game-hub-story-card:nth-child(2n),
	.v2-game-hub-page .game-hub-feature-card:nth-child(2n) {
		border-right: 0;
		padding-right: 0;
	}

	.v2-game-hub-page .game-hub-story-card:nth-child(2n + 1),
	.v2-game-hub-page .game-hub-feature-card:nth-child(2n + 1) {
		padding-left: 0;
	}

	.v2-game-hub-page .game-hub-review__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.v2-game-hub-page .game-hub-key-info dl {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 64rem) {
	.v2-game-hub-page .game-hub-hero,
	.v2-game-hub-page .game-hub-hero__inner {
		min-height: 0;
	}

	.v2-game-hub-page .game-hub-hero__shade {
		background:
			linear-gradient(90deg, rgb(3 8 12 / 92%) 0%, rgb(3 8 12 / 32%) 100%),
			linear-gradient(0deg, rgb(3 8 12 / 99%) 0%, rgb(3 8 12 / 35%) 68%, rgb(3 8 12 / 40%) 100%);
	}

	.v2-game-hub-page .game-hub-hero__inner {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		padding-bottom: 2rem;
	}

	.v2-game-hub-page .game-hub-breadcrumb,
	.v2-game-hub-page .game-hub-hero__copy,
	.v2-game-hub-page .game-hub-meta-panel {
		grid-column: 1;
	}

	.v2-game-hub-page .game-hub-breadcrumb {
		grid-row: 1;
	}

	.v2-game-hub-page .game-hub-hero__copy {
		grid-row: 2;
		padding-block: clamp(4rem, 13vw, 7rem) 1rem;
	}

	.v2-game-hub-page .game-hub-meta-panel {
		grid-row: 3;
		width: 100%;
	}

	.v2-game-hub-page .game-hub-meta-panel__primary {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.v2-game-hub-page .game-hub-meta-panel__primary > div {
		display: block;
		padding-right: 1rem;
	}

	.v2-game-hub-page .game-hub-meta-panel dd {
		margin-top: 0.3rem;
	}

	.v2-game-hub-page .game-hub-meta-panel__secondary {
		align-items: stretch;
		display: flex;
		gap: 1rem;
	}

	.v2-game-hub-page .game-hub-meta-panel__secondary p {
		align-content: center;
		border-bottom: 0;
		display: grid;
		flex: 1;
		margin: 0;
		padding-block: 1rem 0;
	}

	.v2-game-hub-page .game-hub-website-link {
		margin-left: auto;
		width: min(20rem, 100%);
	}

	.v2-game-hub-page .game-hub-overview__grid {
		grid-template-columns: 1fr;
	}

	.v2-game-hub-page .game-hub-overview__artwork {
		max-width: 52rem;
	}

	.v2-game-hub-page .game-hub-review-card {
		grid-template-columns: minmax(13rem, 0.85fr) minmax(0, 1.15fr) 6.5rem;
	}
}

@media (max-width: 48rem) {
	.single-game .site-header__inner {
		grid-template-columns: 1fr auto;
		min-height: 4rem;
	}

	.v2-game-hub-page .game-hub-hero h1 {
		font-size: clamp(3.2rem, 14vw, 5rem);
	}

	.v2-game-hub-page .game-hub-meta-panel__primary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.v2-game-hub-page .game-hub-meta-panel__secondary {
		display: block;
	}

	.v2-game-hub-page .game-hub-website-link {
		margin-left: 0;
		width: 100%;
	}

	.v2-game-hub-page .game-hub-review-card {
		grid-template-columns: minmax(0, 1fr) 5.75rem;
	}

	.v2-game-hub-page .game-hub-review-card__image {
		aspect-ratio: 16 / 9;
		grid-column: 1 / -1;
		min-height: 0;
	}

	.v2-game-hub-page .game-hub-key-info dl {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 38rem) {
	body.single-game {
		--v2-game-hub-gutter: 1rem;
	}

	.v2-game-hub-page .game-hub-hero__copy {
		padding-block: 4rem 0.5rem;
	}

	.v2-game-hub-page .game-hub-hero__description {
		font-size: 0.96rem;
	}

	.v2-game-hub-page .game-hub-meta-panel {
		padding: 1rem;
	}

	.v2-game-hub-page .game-hub-meta-panel__primary {
		grid-template-columns: 1fr;
	}

	.v2-game-hub-page .game-hub-meta-panel__primary > div,
	.v2-game-hub-page .game-hub-meta-panel__secondary p {
		display: grid;
		gap: 0.75rem;
		grid-template-columns: minmax(5.5rem, 0.7fr) minmax(0, 1.3fr);
		padding: 0.65rem 0;
	}

	.v2-game-hub-page .game-hub-meta-panel dd {
		margin: 0;
	}

	.v2-game-hub-page .game-hub-navigation__inner {
		gap: 1.5rem;
	}

	.v2-game-hub-page .game-hub-section {
		padding-block: 2.5rem;
	}

	.v2-game-hub-page .game-hub-card-grid,
	.v2-game-hub-page .game-hub-feature-grid {
		display: block;
	}

	.v2-game-hub-page .game-hub-story-card,
	.v2-game-hub-page .game-hub-feature-card,
	.v2-game-hub-page .game-hub-story-card:nth-child(2n),
	.v2-game-hub-page .game-hub-feature-card:nth-child(2n) {
		border-bottom: 1px solid var(--v2-color-border-soft);
		border-right: 0;
		padding: 0 0 1.25rem;
	}

	.v2-game-hub-page .game-hub-story-card + .game-hub-story-card,
	.v2-game-hub-page .game-hub-feature-card + .game-hub-feature-card {
		padding-top: 1.25rem;
	}

	.v2-game-hub-page .game-hub-story-card__image,
	.v2-game-hub-page .game-hub-feature-card__image {
		aspect-ratio: 16 / 9;
	}

	.v2-game-hub-page .game-hub-review-card {
		grid-template-columns: minmax(0, 1fr) 5rem;
	}

	.v2-game-hub-page .game-hub-review-card__body {
		padding: 1.25rem;
	}

	.v2-game-hub-page .game-hub-review-card h3 {
		font-size: 1.8rem;
	}

	.v2-game-hub-page .game-hub-key-info dl {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 24.375rem) {
	.v2-game-hub-page .game-hub-hero h1 {
		font-size: clamp(2.8rem, 15vw, 4rem);
	}

	.v2-game-hub-page .game-hub-review-card {
		grid-template-columns: minmax(0, 1fr) 4.5rem;
	}

	.v2-game-hub-page .game-hub-review-score {
		padding: 0.6rem;
	}
}

@media (max-width: 20rem) {
	.v2-game-hub-page .game-hub-breadcrumb {
		font-size: 0.56rem;
	}

	.v2-game-hub-page .game-hub-hero h1 {
		font-size: 2.75rem;
	}

	.v2-game-hub-page .game-hub-review-card {
		display: block;
	}

	.v2-game-hub-page .game-hub-review-score {
		border-left: 0;
		border-top: 1px solid var(--v2-color-red);
		min-height: 6rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.v2-game-hub-page .game-hub-story-card img,
	.v2-game-hub-page .game-hub-feature-card img {
		transform: none;
		transition: none;
	}
}