/**
 * GRZ Gaming — premium category gateways and cinematic news (dev82).
 *
 * Real category/post artwork remains the visual source. Category thumbnails
 * dissolve into the cached image-derived palette so there is no detached art
 * tile or hard left/right seam.
 */

body.home .grz-cat-section,
body.home .grz-news-section {
	padding-block: 18px 22px;
}

body.home .grz-cat-section .grz-v5-head,
body.home .grz-news-section .grz-v5-head {
	margin-bottom: 14px;
}

body.home .grz-cat-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

body.home .grz-home .grz-cat-tile,
body.home .grz-cat-tile {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 34px;
	align-items: center;
	min-width: 0;
	min-height: 126px;
	overflow: hidden;
	padding: 18px 14px 18px 48%;
	border: 1px solid rgba(255, 255, 255, .62);
	border-radius: 14px;
	background:
		linear-gradient(108deg, rgba(var(--grz-cat-dark-rgb, 5, 56, 142), .58) 0%, rgba(var(--grz-cat-dark-rgb, 5, 56, 142), .94) 58%, rgb(var(--grz-cat-dark-rgb, 5, 56, 142)) 100%);
	box-shadow: 0 14px 30px rgba(12, 27, 50, .13), inset 0 1px 0 rgba(255, 255, 255, .13);
	color: #fff;
	text-decoration: none;
	isolation: isolate;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.home .grz-cat-tile__media {
	position: absolute;
	inset: 0 auto 0 0;
	z-index: -2;
	display: block;
	width: 68%;
	height: 100%;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: rgba(var(--grz-cat-accent-rgb, 7, 98, 230), .28);
	-webkit-mask-image: linear-gradient(90deg, #000 0%, #000 46%, rgba(0, 0, 0, .94) 60%, rgba(0, 0, 0, .48) 79%, transparent 100%);
	mask-image: linear-gradient(90deg, #000 0%, #000 46%, rgba(0, 0, 0, .94) 60%, rgba(0, 0, 0, .48) 79%, transparent 100%);
}

body.home .grz-cat-tile__image,
body.home .grz-cat-tile__placeholder {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	object-position: center;
	transform: scale(1.025);
	transition: transform 360ms cubic-bezier(.2, .75, .25, 1);
}

body.home .grz-cat-tile__scrim {
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(4, 13, 29, .08) 0%, rgba(var(--grz-cat-dark-rgb, 5, 56, 142), .2) 37%, rgba(var(--grz-cat-dark-rgb, 5, 56, 142), .86) 66%, rgb(var(--grz-cat-dark-rgb, 5, 56, 142)) 100%),
		linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(2, 12, 29, .13));
}

body.home .grz-cat-tile__info {
	position: relative;
	z-index: 1;
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .4);
}

body.home .grz-cat-tile__eyebrow {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .74);
	font: 760 .58rem/1 Manrope, Inter, Arial, sans-serif;
	letter-spacing: .13em;
	text-transform: uppercase;
}

body.home .grz-cat-tile__name {
	display: -webkit-box;
	overflow: hidden;
	color: #fff;
	font: 820 clamp(.94rem, 1.15vw, 1.1rem)/1.14 Manrope, Inter, Arial, sans-serif;
	letter-spacing: -.025em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.home .grz-cat-tile__count {
	margin-top: 7px;
	color: rgba(255, 255, 255, .78);
	font: 650 .67rem/1.2 Inter, Arial, sans-serif;
}

body.home .grz-cat-tile__go {
	position: relative;
	z-index: 1;
	display: grid;
	width: 30px;
	height: 30px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 999px;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	transition: background 180ms ease, transform 180ms ease;
}

body.home .grz-cat-tile__go .grz-icon {
	width: 15px;
	height: 15px;
}

body.home .grz-cat-tile:hover,
body.home .grz-cat-tile:focus-visible {
	border-color: rgba(255, 255, 255, .9);
	box-shadow: 0 18px 38px rgba(9, 23, 48, .2), inset 0 1px 0 rgba(255, 255, 255, .18);
	transform: translateY(-3px);
}

body.home .grz-cat-tile:hover .grz-cat-tile__image,
body.home .grz-cat-tile:focus-visible .grz-cat-tile__image {
	transform: scale(1.075);
}

body.home .grz-cat-tile:hover .grz-cat-tile__go,
body.home .grz-cat-tile:focus-visible .grz-cat-tile__go {
	background: rgba(255, 255, 255, .2);
	transform: translateX(2px);
}

body.home .grz-news-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

body.home .grz-home .grz-news-card,
body.home .grz-news-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	min-width: 0;
	min-height: 216px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .58);
	border-radius: 14px;
	background: #0b1728;
	box-shadow: 0 14px 30px rgba(12, 27, 50, .14);
	isolation: isolate;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.home .grz-news-card__media {
	position: absolute;
	inset: 0;
	z-index: -2;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body.home .grz-news-card__image,
body.home .grz-news-card__fallback {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.015);
	transition: transform 420ms cubic-bezier(.2, .75, .25, 1);
}

body.home .grz-news-card::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(5, 14, 27, .08) 5%, rgba(5, 14, 27, .38) 46%, rgba(5, 14, 27, .96) 100%);
	content: "";
	pointer-events: none;
}

body.home .grz-news-card__body {
	position: relative;
	z-index: 1;
	display: flex;
	height: 100%;
	min-width: 0;
	flex-direction: column;
	justify-content: flex-end;
	gap: 7px;
	padding: 18px;
	color: #fff;
}

body.home .grz-news-card__meta {
	display: flex;
	align-items: center;
	gap: 7px;
	color: rgba(255, 255, 255, .72);
	font: 670 .61rem/1.2 Inter, Arial, sans-serif;
}

body.home .grz-news-card__tag {
	padding: 3px 7px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 999px;
	background: rgba(7, 22, 43, .42);
	color: #fff;
	backdrop-filter: blur(7px);
}

body.home .grz-news-card__title {
	margin: 0;
	font: 820 clamp(.9rem, 1.15vw, 1.08rem)/1.22 Manrope, Inter, Arial, sans-serif;
	letter-spacing: -.022em;
}

body.home .grz-news-card__title a,
body.home .grz-news-card__more {
	color: #fff;
	text-decoration: none;
}

body.home .grz-news-card__excerpt {
	display: -webkit-box;
	overflow: hidden;
	margin: 0;
	color: rgba(255, 255, 255, .72);
	font: 520 .68rem/1.42 Inter, Arial, sans-serif;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.home .grz-news-card__more {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 6px;
	min-height: 24px;
	margin-top: 1px;
	padding: 0;
	font: 760 .66rem/1 Inter, Arial, sans-serif;
}

body.home .grz-news-card:hover,
body.home .grz-news-card:focus-within {
	border-color: rgba(255, 255, 255, .9);
	box-shadow: 0 20px 42px rgba(9, 23, 48, .23);
	transform: translateY(-3px);
}

body.home .grz-news-card:hover .grz-news-card__image,
body.home .grz-news-card:focus-within .grz-news-card__image {
	transform: scale(1.065);
}

body.home .grz-news-card--empty {
	grid-column: 1 / -1;
	min-height: 132px;
	background: rgba(255, 255, 255, .76);
	color: #17243a;
}

@media (max-width: 1120px) {
	body.home .grz-cat-grid,
	body.home .grz-news-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.home .grz-cat-section,
	body.home .grz-news-section {
		padding-inline: 14px;
		padding-block: 16px;
	}

	body.home .grz-cat-grid,
	body.home .grz-news-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	body.home .grz-home .grz-cat-tile,
	body.home .grz-cat-tile {
		min-height: 112px;
		padding: 15px 13px 15px 47%;
	}

	body.home .grz-home .grz-news-card,
	body.home .grz-news-card {
		min-height: 210px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home .grz-cat-tile,
	body.home .grz-cat-tile__image,
	body.home .grz-cat-tile__go,
	body.home .grz-news-card,
	body.home .grz-news-card__image {
		transition: none;
	}
}

@media (forced-colors: active) {
	body.home .grz-cat-tile,
	body.home .grz-news-card {
		border: 1px solid CanvasText;
		background: Canvas;
		color: CanvasText;
	}

	body.home .grz-cat-tile__info,
	body.home .grz-cat-tile__name,
	body.home .grz-cat-tile__count,
	body.home .grz-cat-tile__eyebrow,
	body.home .grz-news-card__body,
	body.home .grz-news-card__title a,
	body.home .grz-news-card__more {
		color: CanvasText;
	}
}