/**
 * Identity: Neo-Brutalist — hard edges, offset shadows, high contrast blocks.
 */

body.llw-layout-split {
	--llw-max-width: 1160px;
	--llw-radius: 0;
	--llw-color-text: #111111;
	--llw-color-text-muted: #444444;
	--llw-color-surface: #fff9c4;
	--llw-color-surface-elevated: #ffffff;
	--llw-color-border-subtle: #111111;
	font-family: var(--llw-identity-font-body, "DM Sans", sans-serif);
	color: #111;
	background: var(--llw-color-accent, #fff200);
}

body.llw-layout-split .site-header {
	background: #fff;
	border-bottom: 4px solid #111;
	box-shadow: 8px 8px 0 #111;
	margin-bottom: 0;
}

body.llw-layout-split .site-header__logo--text {
	font-family: var(--llw-identity-font-title, "Archivo Black", sans-serif);
	font-size: 1.35rem;
	text-transform: uppercase;
	color: #111;
}

body.llw-layout-split .site-header__logo,
body.llw-layout-split .site-header__logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.55rem;
	border: 3px solid #111;
	background: #111;
	box-shadow: 4px 4px 0 var(--llw-color-accent, #fff200);
}

body.llw-layout-split .site-header__logo img,
body.llw-layout-split .custom-logo-link img {
	height: 36px;
	max-width: 148px;
}

body.llw-layout-split .site-header__logo--text {
	border: 3px solid #111;
	background: #fff;
	box-shadow: 4px 4px 0 #111;
	padding: 0.35rem 0.65rem;
}

body.llw-layout-split .site-header__logo-placeholder {
	background: var(--llw-color-accent, #fff200);
	border: 2px solid #111;
	border-radius: 0;
}

body.llw-layout-split .site-header__btn--primary {
	background: #111;
	border-color: #111;
	color: var(--llw-color-accent, #fff200);
}

body.llw-layout-split .site-header__btn--outline {
	border-color: #111;
	color: #111;
	background: #fff;
}

body.llw-layout-split .primary-menu > .menu-item > a {
	font-weight: 700;
	color: #111;
	border: 2px solid transparent;
	padding: 0.35rem 0.5rem;
}

body.llw-layout-split .primary-menu > .menu-item > a:hover,
body.llw-layout-split .primary-menu > .menu-item > a:focus-visible,
body.llw-layout-split .primary-menu > .menu-item.current-menu-item > a,
body.llw-layout-split .primary-menu > .menu-item.current-menu-ancestor > a {
	border-color: #111;
	background: var(--llw-color-accent, #fff200);
	color: #111;
}

body.llw-layout-split .site-footer {
	background: #111;
	color: #fff;
	border-top: 4px solid #111;
}

body.llw-layout-split .site-footer__links a {
	color: var(--llw-color-accent, #fff200);
	font-weight: 700;
}

.llw-layout-split.llw-home {
	background: var(--llw-color-accent, #fff200);
}

.llw-layout-split .home-hero {
	padding: 3rem 0;
	background: #fff;
	border-bottom: 4px solid #111;
}

.llw-layout-split .home-hero__grid {
	grid-template-columns: 1fr;
	gap: 2rem;
}

.llw-layout-split .home-hero__content {
	border: 4px solid #111;
	padding: 2rem;
	box-shadow: 12px 12px 0 #111;
	background: #fff;
}

.llw-layout-split .home-hero__badge {
	border-radius: 0;
	background: #111;
	border: 3px solid #111;
	color: var(--llw-color-accent, #fff200);
	box-shadow: 4px 4px 0 var(--llw-color-accent, #fff200);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.llw-layout-split .home-hero__title {
	font-family: var(--llw-identity-font-title, "Archivo Black", sans-serif);
	font-size: clamp(2rem, 4.5vw, 3.5rem);
	line-height: 1.05;
	text-transform: uppercase;
	color: #111;
}

.llw-layout-split .home-gradient-text {
	background: #111;
	color: var(--llw-color-accent, #fff200);
	padding: 0.05em 0.2em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.llw-layout-split .home-hero__media {
	order: 2;
}

.llw-layout-split .home-hero-card {
	border: 4px solid #111;
	border-radius: 0;
	box-shadow: 12px 12px 0 #111;
	background: #fff;
}

body.llw-layout-split .llw-home .home-hero-card .home-live-data__title,
body.llw-layout-split .llw-home .home-hero-card .home-highlights__title {
	color: #111;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body.llw-layout-split .llw-home .home-hero-card .home-live-data__item {
	background: #f3f4f6;
	border: 3px solid #111;
	border-radius: 0;
	box-shadow: 4px 4px 0 #111;
}

body.llw-layout-split .llw-home .home-hero-card .home-live-data__number {
	color: #111;
	font-family: var(--llw-identity-font-title, "Archivo Black", sans-serif);
}

body.llw-layout-split .llw-home .home-hero-card .home-live-data__label,
body.llw-layout-split .llw-home .home-hero-card .home-highlights__list li {
	color: #333;
}

.llw-layout-split .home-btn {
	border-radius: 0;
	border-width: 3px;
	font-weight: 800;
	text-transform: uppercase;
	box-shadow: 4px 4px 0 #111;
}

.llw-layout-split .home-btn--primary {
	background: #111;
	border-color: #111;
	color: var(--llw-color-accent, #fff200);
}

.llw-layout-split .home-section {
	padding: 3.5rem 0;
}

.llw-layout-split .home-section:nth-child(odd):not(.home-hero) {
	background: #fff;
}

.llw-layout-split .home-section:nth-child(even) {
	background: var(--llw-color-accent, #fff200);
}

.llw-layout-split .home-section-title {
	font-family: var(--llw-identity-font-title, "Archivo Black", sans-serif);
	text-transform: uppercase;
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	color: #111;
}

.llw-layout-split .home-section-description,
.llw-layout-split .home-section-description--rich {
	color: #333;
}

.llw-layout-split .home-section-badge {
	background: #111;
	border: 2px solid #111;
	color: var(--llw-color-accent, #fff200);
	border-radius: 0;
}

.llw-layout-split .home-feature-card,
.llw-layout-split .home-promo-card,
.llw-layout-split .llw-game-card {
	border: 3px solid #111;
	border-radius: 0;
	box-shadow: 6px 6px 0 #111;
	background: #fff;
}

body.llw-layout-split .llw-home .home-feature-card__link {
	color: #111;
	text-decoration: underline;
	text-decoration-color: rgba(17, 17, 17, 0.35);
	text-underline-offset: 0.18em;
}

body.llw-layout-split .llw-home .home-feature-card:hover .home-feature-card__link {
	color: #111;
	text-decoration-color: #111;
}

/* White brutal cards — yellow accent text fails on #fff surfaces */
body.llw-layout-split .llw-home .home-promo-card__value,
body.llw-layout-split .llw-home .home-ratings__score,
body.llw-layout-split .llw-home .home-ratings-card__score,
body.llw-layout-split .llw-home .home-review-card__rating {
	color: #111;
	font-family: var(--llw-identity-font-title, "Archivo Black", sans-serif);
}

body.llw-layout-split .llw-home .home-info-card__text a,
body.llw-layout-split .llw-home .home-section-description--rich a {
	color: #111;
	text-decoration: underline;
	text-decoration-color: rgba(17, 17, 17, 0.35);
	text-underline-offset: 0.15em;
}

body.llw-layout-split .llw-home .home-info-card__text a:hover,
body.llw-layout-split .llw-home .home-section-description--rich a:hover {
	text-decoration-color: #111;
}

body.llw-layout-split .llw-home .home-info-card__number {
	background: var(--llw-color-accent, #fff200);
	color: #111;
	border: 2px solid #111;
}

body.llw-layout-split .llw-home .home-ratings__summary,
body.llw-layout-split .llw-home .home-ratings-card,
body.llw-layout-split .llw-home .home-review-card,
body.llw-layout-split .llw-home .home-info-card {
	border: 3px solid #111;
	border-radius: 0;
	box-shadow: 4px 4px 0 #111;
	background: #fff;
}

body.llw-layout-split .llw-home .home-ratings__count,
body.llw-layout-split .llw-home .home-ratings__meta,
body.llw-layout-split .llw-home .home-ratings-card__meta,
body.llw-layout-split .llw-home .home-review-card__platform {
	color: #444;
}

.llw-layout-split .home-experiences .home-experience-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

@media (max-width: 768px) {
	.llw-layout-split .home-experiences .home-experience-grid {
		grid-template-columns: 1fr;
	}
}
