/**
 * File: assets/css/pages/news/base.css
 * Description: News / posts index page styles for Magida Creative Co.
 *
 * Pass 15.0 change:
 * - Gives the WordPress Posts page the same premium inner-page atmosphere.
 * - Adds a coded hero visual so the News page does not feel empty without images.
 * - Styles featured and standard post cards with responsive spacing.
 */

.magida-template--news {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(
			circle at 0 12%,
			rgba(0, 221, 255, 0.2),
			transparent 30rem
		),
		radial-gradient(
			circle at 92% 22%,
			rgba(130, 92, 255, 0.18),
			transparent 34rem
		),
		linear-gradient(
			180deg,
			rgba(10, 29, 45, 0.96) 0%,
			rgba(4, 6, 12, 0.98) 46%,
			rgba(4, 5, 10, 1) 100%
		);
}

.magida-template--news::before {
	/* Pass 15.0: page-local grid overlay keeps News aligned with the unified page language. */
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: 104px 104px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.92), transparent 86%);
	opacity: 0.46;
}

.magida-news-hero,
.magida-news-feed {
	position: relative;
	z-index: 1;
}

.magida-news-visual {
	min-width: 0;
}

.magida-news-visual__shell {
	position: relative;
	min-height: clamp(400px, 48vw, 620px);
	padding: clamp(1.2rem, 2.6vw, 2.5rem);
	border: 1px solid rgba(0, 221, 255, 0.32);
	border-radius: clamp(2rem, 4vw, 3.6rem);
	background:
		radial-gradient(
			circle at 24% 20%,
			rgba(0, 221, 255, 0.22),
			transparent 15rem
		),
		radial-gradient(
			circle at 88% 78%,
			rgba(117, 79, 255, 0.26),
			transparent 18rem
		),
		linear-gradient(145deg, rgba(11, 30, 52, 0.84), rgba(8, 9, 20, 0.94));
	box-shadow: 0 32px 120px rgba(0, 0, 0, 0.36);
	transform: perspective(1200px) rotateX(var(--magida-news-tilt-x, 0deg))
		rotateY(var(--magida-news-tilt-y, 0deg));
	transition: transform 0.28s ease;
	overflow: hidden;
}

.magida-news-visual__shell::before {
	/* Pass 15.0: subtle diagonal signal line behind the card. */
	content: "";
	position: absolute;
	inset: 32% -10% auto -10%;
	height: 2px;
	background: linear-gradient(
		90deg,
		rgba(0, 221, 255, 0.76),
		rgba(119, 89, 255, 0.86)
	);
	transform: rotate(-8deg);
	opacity: 0.75;
}

.magida-news-visual__panel {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 2rem;
	background: rgba(7, 10, 21, 0.84);
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}

.magida-news-visual__panel--back {
	inset: 16% 8% 21% 8%;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 52%),
		rgba(12, 21, 40, 0.78);
}

.magida-news-visual__panel--front {
	inset: 24% 11% 13% 15%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(1rem, 2vw, 1.4rem);
	padding: clamp(1.5rem, 3vw, 2.6rem);
	background:
		radial-gradient(
			circle at 72% 42%,
			rgba(118, 84, 255, 0.14),
			transparent 12rem
		),
		radial-gradient(
			circle at 19% 73%,
			rgba(0, 221, 255, 0.14),
			transparent 11rem
		),
		rgba(5, 7, 16, 0.95);
}

.magida-news-visual__eyebrow,
.magida-news-card__meta,
.magida-news-card__link {
	font-family: var(--magida-font-heading);
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.magida-news-visual__eyebrow {
	color: var(--magida-cyan);
	font-size: 0.82rem;
}

.magida-news-visual__headline {
	display: grid;
	gap: 0.05em;
	font-family: var(--magida-font-heading);
	font-size: clamp(2.4rem, 5vw, 4.8rem);
	font-weight: 1000;
	line-height: 0.86;
	letter-spacing: -0.08em;
	color: var(--magida-white);
}

.magida-news-visual__bars {
	display: grid;
	gap: 0.7rem;
	max-width: 23rem;
}

.magida-news-visual__bars span {
	display: block;
	height: 0.8rem;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		rgba(0, 221, 255, 0.78),
		rgba(121, 85, 255, 0.82)
	);
}

.magida-news-visual__bars span:nth-child(2) {
	width: 82%;
}

.magida-news-visual__bars span:nth-child(3) {
	width: 58%;
}

.magida-news-visual__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
}

.magida-news-visual__chips span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.85rem;
	padding: 0 1.1rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.05);
	color: var(--magida-white);
	font-family: var(--magida-font-heading);
	font-weight: 900;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.magida-news-visual__orbit {
	position: absolute;
	border: 1px solid rgba(0, 221, 255, 0.34);
	border-radius: 999px;
	background: radial-gradient(
		circle at 50% 50%,
		rgba(0, 221, 255, 0.2),
		transparent 56%
	);
}

.magida-news-visual__orbit--one {
	right: 11%;
	bottom: 12%;
	width: 9.5rem;
	aspect-ratio: 1;
}

.magida-news-visual__orbit--two {
	left: 12%;
	top: 18%;
	width: 3.8rem;
	aspect-ratio: 1;
}

.magida-news-feed {
	padding: clamp(4rem, 8vw, 8rem) 0 clamp(5rem, 9vw, 9rem);
}

.magida-news-feed__header {
	max-width: 52rem;
	margin-bottom: clamp(2rem, 5vw, 4rem);
}

.magida-news-feed__header h2 {
	max-width: 48rem;
	margin: 0;
	color: var(--magida-white);
	font-family: var(--magida-font-heading);
	font-size: clamp(2.5rem, 6vw, 5.6rem);
	font-weight: 1000;
	line-height: 0.92;
	letter-spacing: -0.08em;
}

.magida-news-feed__header p:last-child {
	max-width: 45rem;
	margin: 1.3rem 0 0;
	color: var(--magida-text-soft);
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	line-height: 1.8;
}

.magida-news-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
}

.magida-news-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 1.7rem;
	background:
		radial-gradient(
			circle at 88% 18%,
			rgba(117, 79, 255, 0.14),
			transparent 14rem
		),
		linear-gradient(180deg, rgba(14, 23, 42, 0.88), rgba(7, 10, 20, 0.92));
	box-shadow: 0 20px 70px rgba(0, 0, 0, 0.26);
	overflow: hidden;
	transform: translateY(0);
	transition:
		transform 0.28s ease,
		border-color 0.28s ease,
		box-shadow 0.28s ease;
}

.magida-news-card:hover {
	transform: translateY(-6px);
	border-color: rgba(0, 221, 255, 0.34);
	box-shadow: 0 26px 90px rgba(0, 221, 255, 0.09);
}

.magida-news-card--featured {
	grid-column: span 2;
	flex-direction: row;
	min-height: 28rem;
}

.magida-news-card__media {
	position: relative;
	display: block;
	min-height: 15rem;
	background: rgba(255, 255, 255, 0.04);
	overflow: hidden;
}

.magida-news-card--featured .magida-news-card__media {
	flex: 0 0 45%;
}

.magida-news-card__image {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 15rem;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.magida-news-card:hover .magida-news-card__image {
	transform: scale(1.05);
}

.magida-news-card__fallback {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 15rem;
	background:
		radial-gradient(
			circle at 52% 52%,
			rgba(0, 221, 255, 0.22),
			transparent 8rem
		),
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.06),
			rgba(255, 255, 255, 0.015)
		);
}

.magida-news-card__fallback span {
	position: absolute;
	inset: auto 12% 34% 12%;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		rgba(0, 221, 255, 0.74),
		rgba(130, 92, 255, 0.78)
	);
	transform: rotate(-7deg);
}

.magida-news-card__fallback span:nth-child(2) {
	inset: 34% 18% auto 18%;
	opacity: 0.45;
	transform: rotate(8deg);
}

.magida-news-card__fallback strong {
	position: relative;
	z-index: 1;
	color: var(--magida-white);
	font-family: var(--magida-font-heading);
	font-size: clamp(4rem, 8vw, 8rem);
	font-weight: 1000;
	letter-spacing: -0.1em;
	text-shadow: 0 0 32px rgba(0, 221, 255, 0.18);
}

.magida-news-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: clamp(1.25rem, 2.2vw, 2rem);
}

.magida-news-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 0.9rem;
	margin-bottom: 1rem;
	color: var(--magida-cyan);
	font-size: 0.72rem;
}

.magida-news-card__meta span:not(:last-child)::after {
	content: "/";
	margin-left: 0.9rem;
	color: rgba(255, 255, 255, 0.36);
}

.magida-news-card__title {
	margin: 0;
	color: var(--magida-white);
	font-family: var(--magida-font-heading);
	font-size: clamp(1.55rem, 3vw, 3.2rem);
	font-weight: 1000;
	line-height: 0.98;
	letter-spacing: -0.07em;
}

.magida-news-card:not(.magida-news-card--featured) .magida-news-card__title {
	font-size: clamp(1.45rem, 2vw, 2.1rem);
}

.magida-news-card__title a {
	color: inherit;
	text-decoration: none;
}

.magida-news-card__excerpt {
	margin: 1rem 0 1.5rem;
	color: var(--magida-text-soft);
	line-height: 1.75;
}

.magida-news-card__link {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	width: fit-content;
	margin-top: auto;
	color: var(--magida-white);
	font-size: 0.8rem;
	text-decoration: none;
	transition:
		color 0.25s ease,
		gap 0.25s ease;
}

.magida-news-card__link:hover {
	gap: 0.85rem;
	color: var(--magida-cyan);
}

.magida-news-empty {
	max-width: 52rem;
	padding: clamp(2rem, 5vw, 4rem);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 2rem;
	background:
		radial-gradient(
			circle at 82% 0,
			rgba(0, 221, 255, 0.15),
			transparent 18rem
		),
		rgba(8, 12, 24, 0.82);
	box-shadow: 0 24px 90px rgba(0, 0, 0, 0.25);
}

.magida-news-empty__icon {
	display: grid;
	place-items: center;
	width: 4.5rem;
	aspect-ratio: 1;
	margin-bottom: 1.4rem;
	border: 1px solid rgba(0, 221, 255, 0.32);
	border-radius: 1.3rem;
	background: rgba(0, 221, 255, 0.08);
	color: var(--magida-white);
	font-family: var(--magida-font-heading);
	font-size: 2.4rem;
	font-weight: 1000;
}

.magida-news-empty h3 {
	margin: 0;
	color: var(--magida-white);
	font-family: var(--magida-font-heading);
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 1000;
	line-height: 0.95;
	letter-spacing: -0.07em;
}

.magida-news-empty p {
	max-width: 38rem;
	margin: 1rem 0 1.5rem;
	color: var(--magida-text-soft);
	line-height: 1.8;
}

[data-magida-news-reveal] {
	opacity: 0;
	transform: translateY(24px);
	transition:
		opacity 0.65s ease,
		transform 0.65s ease;
}

[data-magida-news-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 1180px) {
	.magida-news-card--featured {
		grid-column: 1 / -1;
	}
}

@media (max-width: 960px) {
	.magida-news-visual__shell {
		min-height: 34rem;
	}

	.magida-news-grid {
		grid-template-columns: 1fr;
	}

	.magida-news-card--featured {
		flex-direction: column;
		min-height: 0;
	}

	.magida-news-card--featured .magida-news-card__media {
		flex-basis: auto;
	}
}

@media (max-width: 700px) {
	.magida-template--news {
		background:
			radial-gradient(
				circle at 0 10%,
				rgba(0, 221, 255, 0.18),
				transparent 20rem
			),
			linear-gradient(
				180deg,
				rgba(9, 29, 45, 0.96) 0%,
				rgba(4, 6, 12, 0.98) 46%,
				rgba(4, 5, 10, 1) 100%
			);
	}

	.magida-news-visual__shell {
		min-height: 28rem;
		border-radius: 2rem;
	}

	.magida-news-visual__panel--back {
		inset: 11% 5% 17% 5%;
	}

	.magida-news-visual__panel--front {
		inset: 21% 7% 10% 7%;
		border-radius: 1.5rem;
	}

	.magida-news-feed {
		padding-top: 3.5rem;
	}

	.magida-news-card__meta span:not(:last-child)::after {
		margin-left: 0.6rem;
	}
}

/* MAGIDA PASS 15.1: Feed header supports the new decorative newsroom status rail. */
.magida-news-feed__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: clamp(1.5rem, 4vw, 3rem);
}

.magida-news-feed__header > div:first-child {
	max-width: 50rem;
}

.magida-news-feed__status {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.6rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(7, 12, 24, 0.66);
	box-shadow: 0 16px 50px rgba(0, 0, 0, 0.22);
}

.magida-news-feed__status span {
	display: inline-flex;
	align-items: center;
	min-height: 2.2rem;
	padding: 0 0.95rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--magida-text-soft);
	font-family: var(--magida-font-heading);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.magida-news-card {
	isolation: isolate;
}

.magida-news-card__glow {
	position: absolute;
	right: -3rem;
	bottom: -3.4rem;
	z-index: -1;
	width: 10rem;
	aspect-ratio: 1;
	border: 1px solid rgba(0, 221, 255, 0.18);
	border-radius: 999px;
	background: radial-gradient(
		circle,
		rgba(0, 221, 255, 0.18),
		transparent 68%
	);
	opacity: 0.55;
	pointer-events: none;
}

@media (max-width: 900px) {
	.magida-news-feed__header {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 700px) {
	.magida-news-feed__status {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* MAGIDA NEWS GLOBAL HERO MIGRATION PASS 22.11:
   News archive now uses the shared global inner hero shell, so these overrides are scoped only to the News template.
   The extra .magida-news-template class intentionally beats shared inner-page defaults without editing the global CSS file. */
.magida-template--news.magida-news-template {
	--magida-inner-page-visual-height: clamp(430px, 36vw, 560px);
	--magida-inner-page-visual-max-width: 760px;
}

/* MAGIDA PASS 22.11: Keep the News visual artwork filling the approved global right-card frame. */
.magida-template--news .magida-inner-hero--news .magida-news-visual {
	--magida-news-tilt-x: 0deg;
	--magida-news-tilt-y: 0deg;
	min-width: 0;
	transform: perspective(900px) rotateX(var(--magida-news-tilt-x))
		rotateY(var(--magida-news-tilt-y));
	transform-style: preserve-3d;
}

.magida-template--news .magida-news-visual__shell {
	height: 100%;
	min-height: inherit;
	border-radius: inherit;
	transform: none;
}

@media (min-width: 1181px) {
	.magida-template--news.magida-news-template {
		/* MAGIDA PASS 22.11: Match the approved Pricing/Careers desktop hero rhythm for top gap, title scale, and card size. */
		--magida-inner-page-hero-top: clamp(60px, 5vw, 88px);
		--magida-inner-page-hero-bottom: clamp(66px, 5.4vw, 96px);
		--magida-inner-page-breadcrumb-space: clamp(34px, 3vw, 52px);
		--magida-inner-page-grid-gap: clamp(42px, 5vw, 86px);
		--magida-inner-page-visual-height: clamp(420px, 31vw, 520px);
		--magida-inner-page-title-size: clamp(4rem, 7.35vw, 7.45rem);
		--magida-inner-page-visual-max-width: 760px;
	}

	.magida-template--news .magida-inner-hero--news {
		min-height: min(720px, calc(100vh - 92px));
	}

	.magida-template--news .magida-inner-hero--news .magida-inner-hero__inner {
		align-items: start;
		grid-template-columns: minmax(0, 0.92fr) minmax(470px, 0.9fr);
	}

	.magida-template--news .magida-inner-hero--news .magida-inner-hero__content,
	.magida-template--news .magida-inner-hero--news .magida-inner-hero__visual {
		align-self: start;
	}

	.magida-template--news .magida-inner-hero--news .magida-inner-hero__visual {
		margin-top: 0;
	}

	.magida-template--news .magida-news-visual__panel--front {
		/* MAGIDA PASS 22.11: Slightly tighter front-card inset prevents the News artwork from feeling cropped inside the global frame. */
		inset: 18% 8% 9% 8%;
	}
}

@media (max-width: 1180px) {
	.magida-template--news.magida-news-template {
		/* MAGIDA PASS 22.11: Tablet/mobile inherits the unified stacked hero rhythm without touching other pages. */
		--magida-inner-page-hero-top: 52px;
		--magida-inner-page-hero-bottom: 66px;
		--magida-inner-page-breadcrumb-space: 34px;
		--magida-inner-page-title-size: clamp(3.35rem, 15vw, 5.2rem);
		--magida-inner-page-visual-height: clamp(430px, 76vw, 540px);
	}
}

@media (max-width: 700px) {
	.magida-template--news.magida-news-template {
		/* MAGIDA PASS 22.11: Keep the News visual readable on mobile after moving into the global hero frame. */
		--magida-inner-page-title-size: clamp(3.1rem, 17vw, 4.3rem);
		--magida-inner-page-visual-height: 28rem;
	}

	.magida-template--news .magida-news-visual__panel--front {
		inset: 19% 6% 9% 6%;
	}
}

/* MAGIDA NEWS HERO CLIPPING FIX PASS 22.11.1:
   Tighten only the News hero artwork internals so the already-approved global hero layout stays intact.
   This fixes the headline and bottom chips clipping on desktop, tablet, and mobile without touching global files. */
.magida-template--news
	.magida-inner-hero--news
	.magida-news-visual__panel--front {
	justify-content: flex-start;
	gap: clamp(0.7rem, 1.25vw, 1rem);
	overflow: hidden;
}

.magida-template--news .magida-inner-hero--news .magida-news-visual__headline {
	font-size: clamp(2.25rem, 4.15vw, 4.1rem);
	line-height: 0.92;
}

.magida-template--news .magida-inner-hero--news .magida-news-visual__bars {
	gap: 0.55rem;
}

.magida-template--news .magida-inner-hero--news .magida-news-visual__bars span {
	height: clamp(0.48rem, 0.72vw, 0.68rem);
}

.magida-template--news .magida-inner-hero--news .magida-news-visual__stream,
.magida-template--news .magida-inner-hero--news .magida-news-visual__chips {
	gap: 0.55rem;
}

.magida-template--news .magida-inner-hero--news .magida-news-visual__stream {
	margin-top: 0.2rem;
}

.magida-template--news
	.magida-inner-hero--news
	.magida-news-visual__stream
	span,
.magida-template--news
	.magida-inner-hero--news
	.magida-news-visual__chips
	span {
	min-height: 2.18rem;
	padding: 0 0.82rem;
	font-size: 0.68rem;
}

@media (min-width: 1181px) {
	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__panel--front {
		/* MAGIDA PASS 22.11.1: More usable vertical room inside the front card, while keeping the outer hero card unchanged. */
		inset: 14% 8% 6% 8%;
		padding: clamp(1.35rem, 2.2vw, 2rem);
	}
}

@media (max-width: 1180px) {
	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__panel--front {
		/* MAGIDA PASS 22.11.1: Tablet gets a taller readable front-card area so chips no longer hit the bottom edge. */
		inset: 13% 7% 7% 7%;
		padding: clamp(1.2rem, 3.2vw, 2rem);
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__headline {
		font-size: clamp(2rem, 6.4vw, 3.6rem);
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__stream
		span,
	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__chips
		span {
		min-height: 2rem;
		padding: 0 0.7rem;
		font-size: 0.62rem;
	}
}

@media (max-width: 700px) {
	.magida-template--news.magida-news-template {
		/* MAGIDA PASS 22.11.1: Small lift only for the visual card so the final chip row is not clipped on phones. */
		--magida-inner-page-visual-height: 29rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__panel--front {
		inset: 11% 6% 5% 6%;
		gap: 0.5rem;
		padding: 1.05rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__headline {
		font-size: clamp(1.85rem, 9.7vw, 2.45rem);
		line-height: 0.92;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-visual__bars {
		gap: 0.45rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__bars
		span {
		height: 0.48rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__stream {
		gap: 0.42rem;
		margin-top: 0.1rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__stream
		span {
		min-height: 1.75rem;
		padding: 0 0.55rem;
		font-size: 0.54rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-visual__chips {
		gap: 0.45rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__chips
		span {
		min-height: 1.95rem;
		padding: 0 0.72rem;
		font-size: 0.62rem;
	}
}

/* MAGIDA DESKTOP NEWS HERO VISUAL FINE-TUNING PASS 24.1.22c:
   Desktop-only correction after visual review of Pass 24.1.22b.
   Keeps the shared inner-hero baseline untouched and only calms the News artwork inside its approved frame. */
@media (min-width: 1181px) {
	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__panel--front {
		/* Lower the editorial card so the large headline no longer feels clipped into the top rim of the hero visual. */
		inset: 20% 8% 8% 8%;
		gap: clamp(0.62rem, 1.05vw, 0.9rem);
		padding: clamp(1.15rem, 1.85vw, 1.75rem);
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__headline {
		/* Slightly reduces the visual title scale so the words sit as a composed signal-board element instead of pressing against the frame. */
		font-size: clamp(2rem, 3.45vw, 3.55rem);
		line-height: 0.94;
		letter-spacing: -0.07em;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-visual__bars {
		max-width: 20rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-visual__stream,
	.magida-template--news .magida-inner-hero--news .magida-news-visual__chips {
		gap: 0.48rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__stream
		span,
	.magida-template--news
		.magida-inner-hero--news
		.magida-news-visual__chips
		span {
		min-height: 2rem;
		padding: 0 0.72rem;
		font-size: 0.62rem;
	}
}

/* MAGIDA NEWS HERO VISUAL RECOVERY PASS 24.1.22e:
   Replaces the archive hero artwork with isolated board classes so the previous
   old-panel clipping rules cannot affect desktop, tablet, or mobile. */
.magida-template--news .magida-inner-hero--news .magida-news-visual {
	--magida-news-tilt-x: 0deg;
	--magida-news-tilt-y: 0deg;
	display: grid;
	place-items: center;
	overflow: hidden;
	transform: perspective(900px) rotateX(var(--magida-news-tilt-x))
		rotateY(var(--magida-news-tilt-y));
	transform-style: preserve-3d;
}

.magida-news-board {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: inherit;
	padding: clamp(1.15rem, 2.2vw, 2rem);
	isolation: isolate;
}

.magida-news-board::before {
	content: "";
	position: absolute;
	inset: clamp(1rem, 2vw, 1.8rem);
	z-index: -2;
	border: 1px solid rgba(5, 223, 254, 0.28);
	border-radius: clamp(1.7rem, 3vw, 3rem);
	background:
		radial-gradient(
			circle at 18% 18%,
			rgba(5, 223, 254, 0.2),
			transparent 15rem
		),
		radial-gradient(
			circle at 88% 84%,
			rgba(124, 106, 251, 0.22),
			transparent 17rem
		),
		linear-gradient(145deg, rgba(11, 30, 52, 0.82), rgba(8, 9, 20, 0.94));
	box-shadow: 0 30px 95px rgba(0, 0, 0, 0.34);
}

.magida-news-board::after {
	content: "";
	position: absolute;
	left: 12%;
	right: 10%;
	top: 18%;
	height: 2px;
	z-index: -1;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		rgba(5, 223, 254, 0.8),
		rgba(124, 106, 251, 0.78)
	);
	transform: rotate(-5deg);
	opacity: 0.58;
}

.magida-news-board__card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: min(86%, 34rem);
	min-height: min(72%, 23rem);
	padding: clamp(1.35rem, 2.6vw, 2.45rem);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: clamp(1.35rem, 2.4vw, 2rem);
	background:
		radial-gradient(
			circle at 78% 42%,
			rgba(124, 106, 251, 0.13),
			transparent 12rem
		),
		radial-gradient(
			circle at 20% 76%,
			rgba(5, 223, 254, 0.13),
			transparent 10rem
		),
		rgba(5, 7, 16, 0.95);
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
	overflow: hidden;
}

.magida-news-board__grid {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 4.5rem 4.5rem;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.86), transparent 88%);
	opacity: 0.5;
}

.magida-news-board__label,
.magida-news-board__actions span {
	font-family: var(--magida-font-heading);
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.magida-news-board__label {
	position: relative;
	z-index: 1;
	margin-bottom: clamp(0.9rem, 1.5vw, 1.25rem);
	color: var(--magida-cyan);
	font-size: clamp(0.66rem, 0.9vw, 0.82rem);
}

.magida-news-board__title {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 0.04em;
	font-family: var(--magida-font-heading);
	font-size: clamp(2.2rem, 3.6vw, 3.85rem);
	font-weight: 1000;
	line-height: 0.9;
	letter-spacing: -0.08em;
	color: var(--magida-white);
}

.magida-news-board__lines {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 0.52rem;
	width: min(78%, 21rem);
	margin-top: clamp(1rem, 1.6vw, 1.35rem);
}

.magida-news-board__lines span {
	display: block;
	height: clamp(0.44rem, 0.6vw, 0.62rem);
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		rgba(5, 223, 254, 0.78),
		rgba(124, 106, 251, 0.84)
	);
}

.magida-news-board__lines span:nth-child(2) {
	width: 86%;
}

.magida-news-board__lines span:nth-child(3) {
	width: 62%;
}

.magida-news-board__actions {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: clamp(1rem, 1.7vw, 1.4rem);
}

.magida-news-board__actions span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	padding: 0 0.78rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.055);
	color: var(--magida-white);
	font-size: 0.62rem;
}

.magida-news-board__actions span:not(:last-child)::after {
	content: "→";
	margin-left: 0.55rem;
	color: var(--magida-cyan);
}

.magida-news-board__halo,
.magida-news-board__signal {
	position: absolute;
	pointer-events: none;
	border-radius: 999px;
}

.magida-news-board__halo {
	border: 1px solid rgba(5, 223, 254, 0.26);
	background: radial-gradient(
		circle,
		rgba(5, 223, 254, 0.12),
		transparent 68%
	);
}

.magida-news-board__halo--one {
	right: 13%;
	bottom: 16%;
	width: clamp(7rem, 11vw, 9.5rem);
	aspect-ratio: 1;
}

.magida-news-board__halo--two {
	left: 14%;
	top: 18%;
	width: clamp(2.8rem, 4vw, 4rem);
	aspect-ratio: 1;
}

.magida-news-board__signal {
	width: 0.78rem;
	aspect-ratio: 1;
	background: var(--magida-cyan);
	box-shadow: 0 0 24px rgba(5, 223, 254, 0.55);
}

.magida-news-board__signal--one {
	left: 25%;
	top: 24%;
}

.magida-news-board__signal--two {
	right: 17%;
	bottom: 23%;
}

@media (min-width: 1181px) {
	.magida-template--news .magida-inner-hero--news .magida-news-board {
		padding: clamp(1.1rem, 1.7vw, 1.55rem);
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__card {
		width: min(84%, 35rem);
		min-height: min(70%, 22rem);
	}
}

@media (max-width: 1180px) {
	.magida-template--news .magida-inner-hero--news .magida-news-board {
		padding: clamp(1rem, 3vw, 1.7rem);
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__card {
		width: min(86%, 36rem);
		min-height: min(70%, 24rem);
	}

	.magida-news-board__title {
		font-size: clamp(2.25rem, 7vw, 3.7rem);
	}
}

@media (max-width: 700px) {
	.magida-template--news.magida-news-template {
		--magida-inner-page-visual-height: 25rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board {
		padding: 0.9rem;
	}

	.magida-news-board::before {
		inset: 0;
		border-radius: 1.75rem;
	}

	.magida-news-board::after {
		left: 12%;
		right: 12%;
		top: 22%;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__card {
		width: 88%;
		min-height: 68%;
		padding: 1.15rem;
		border-radius: 1.35rem;
	}

	.magida-news-board__label {
		margin-bottom: 0.78rem;
		font-size: 0.62rem;
	}

	.magida-news-board__title {
		font-size: clamp(1.85rem, 10vw, 2.55rem);
		line-height: 0.92;
	}

	.magida-news-board__lines {
		gap: 0.42rem;
		width: 82%;
		margin-top: 0.88rem;
	}

	.magida-news-board__lines span {
		height: 0.42rem;
	}

	.magida-news-board__actions {
		gap: 0.38rem;
		margin-top: 0.9rem;
	}

	.magida-news-board__actions span {
		min-height: 1.6rem;
		padding: 0 0.52rem;
		font-size: 0.5rem;
		letter-spacing: 0.09em;
	}

	.magida-news-board__actions span:not(:last-child)::after {
		display: none;
	}

	.magida-news-board__halo--one {
		right: 9%;
		bottom: 16%;
		width: 6.6rem;
	}

	.magida-news-board__halo--two {
		left: 12%;
		top: 20%;
		width: 2.6rem;
	}
}

@media (max-width: 420px) {
	.magida-template--news.magida-news-template {
		--magida-inner-page-visual-height: 23rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__card {
		width: 90%;
		min-height: 70%;
	}

	.magida-news-board__actions span:nth-child(3) {
		display: none;
	}
}

/* MAGIDA NEWS HERO VISUAL UNITY POLISH PASS 24.1.22f:
   Keeps the recovered Signal Board artwork, but scales it down so the News
   hero follows the calmer About/shared inner-hero visual rhythm. Scoped to the
   News page only. */
.magida-template--news .magida-inner-hero--news .magida-news-board {
	padding: clamp(1.4rem, 2.6vw, 2.4rem);
}

.magida-template--news .magida-inner-hero--news .magida-news-board::before {
	inset: clamp(1.75rem, 3.2vw, 3.15rem);
	border-color: rgba(5, 223, 254, 0.2);
	background:
		radial-gradient(
			circle at 18% 18%,
			rgba(5, 223, 254, 0.15),
			transparent 13rem
		),
		radial-gradient(
			circle at 88% 84%,
			rgba(124, 106, 251, 0.17),
			transparent 15rem
		),
		linear-gradient(145deg, rgba(10, 27, 48, 0.72), rgba(8, 9, 20, 0.9));
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.magida-template--news .magida-inner-hero--news .magida-news-board::after {
	left: 16%;
	right: 16%;
	top: 24%;
	opacity: 0.4;
}

.magida-template--news .magida-inner-hero--news .magida-news-board__card {
	width: min(72%, 30rem);
	min-height: min(58%, 18.5rem);
	padding: clamp(1.15rem, 2.1vw, 1.85rem);
	border-color: rgba(255, 255, 255, 0.09);
	box-shadow: 0 20px 64px rgba(0, 0, 0, 0.26);
}

.magida-template--news .magida-inner-hero--news .magida-news-board__label {
	margin-bottom: clamp(0.65rem, 1.05vw, 0.95rem);
	font-size: clamp(0.58rem, 0.72vw, 0.7rem);
}

.magida-template--news .magida-inner-hero--news .magida-news-board__title {
	font-size: clamp(1.9rem, 2.85vw, 3rem);
	letter-spacing: -0.075em;
}

.magida-template--news .magida-inner-hero--news .magida-news-board__lines {
	width: min(76%, 18rem);
	gap: 0.42rem;
	margin-top: clamp(0.75rem, 1.2vw, 1rem);
}

.magida-template--news .magida-inner-hero--news .magida-news-board__lines span {
	height: clamp(0.34rem, 0.48vw, 0.48rem);
}

.magida-template--news .magida-inner-hero--news .magida-news-board__actions {
	gap: 0.42rem;
	margin-top: clamp(0.8rem, 1.25vw, 1.05rem);
}

.magida-template--news
	.magida-inner-hero--news
	.magida-news-board__actions
	span {
	min-height: 1.72rem;
	padding: 0 0.62rem;
	font-size: 0.54rem;
	letter-spacing: 0.105em;
}

.magida-template--news .magida-inner-hero--news .magida-news-board__halo--one {
	right: 14%;
	bottom: 18%;
	width: clamp(5.8rem, 8.5vw, 7.6rem);
	opacity: 0.72;
}

.magida-template--news .magida-inner-hero--news .magida-news-board__halo--two {
	left: 16%;
	top: 22%;
	width: clamp(2.25rem, 3.1vw, 3.2rem);
	opacity: 0.72;
}

.magida-template--news .magida-inner-hero--news .magida-news-board__signal {
	width: 0.58rem;
}

@media (max-width: 1180px) {
	.magida-template--news .magida-inner-hero--news .magida-news-board {
		padding: clamp(1.2rem, 3.8vw, 2.1rem);
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board::before {
		inset: clamp(1.15rem, 3vw, 2rem);
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__card {
		width: min(76%, 31rem);
		min-height: min(58%, 18.5rem);
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__title {
		font-size: clamp(1.85rem, 5vw, 2.9rem);
	}
}

@media (max-width: 700px) {
	.magida-template--news.magida-news-template {
		--magida-inner-page-visual-height: 22rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board {
		padding: 0.85rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board::before {
		inset: 0.55rem;
		border-radius: 1.55rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board::after {
		left: 18%;
		right: 18%;
		top: 24%;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__card {
		width: 82%;
		min-height: 58%;
		padding: 1rem;
		border-radius: 1.2rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__label {
		margin-bottom: 0.58rem;
		font-size: 0.55rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__title {
		font-size: clamp(1.48rem, 8.4vw, 2.05rem);
		line-height: 0.94;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__lines {
		width: 78%;
		gap: 0.34rem;
		margin-top: 0.68rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-board__lines
		span {
		height: 0.34rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-board__actions {
		margin-top: 0.72rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-board__actions
		span {
		min-height: 1.42rem;
		padding: 0 0.44rem;
		font-size: 0.46rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-board__halo--one {
		right: 10%;
		bottom: 18%;
		width: 5.5rem;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-board__halo--two {
		left: 14%;
		top: 22%;
		width: 2.3rem;
	}
}

@media (max-width: 420px) {
	.magida-template--news.magida-news-template {
		--magida-inner-page-visual-height: 20.5rem;
	}

	.magida-template--news .magida-inner-hero--news .magida-news-board__card {
		width: 84%;
		min-height: 58%;
	}

	.magida-template--news
		.magida-inner-hero--news
		.magida-news-board__actions
		span:nth-child(3) {
		display: none;
	}
}

/*
 * MAGIDA PASS 24.1.24e — Legacy Hero CSS Override Neutralizer
 * News archive still loaded older page CSS after the shared hero system, so its
 * template-level tokens were replacing the About-matched global hero contract.
 * Keep the lower News page styles, but let the universal inner hero own the hero rhythm.
 */
.magida-template--news.magida-news-template {
	--magida-inner-page-hero-top: clamp(42px, 4vw, 62px);
	--magida-inner-page-hero-bottom: clamp(48px, 4.4vw, 72px);
	--magida-inner-page-breadcrumb-space: clamp(24px, 2.5vw, 38px);
	--magida-inner-page-grid-gap: clamp(34px, 4.5vw, 72px);
	--magida-inner-page-title-size: clamp(3.95rem, 7.15vw, 7.35rem);
	--magida-inner-page-description-size: clamp(1.08rem, 1.48vw, 1.34rem);
	--magida-inner-page-visual-height: clamp(350px, 25vw, 430px);
	--magida-inner-page-visual-max-width: 760px;
}

@media (min-width: 1181px) {
	.magida-template--news.magida-news-template {
		--magida-inner-page-hero-top: clamp(42px, 4vw, 62px);
		--magida-inner-page-hero-bottom: clamp(48px, 4.4vw, 72px);
		--magida-inner-page-breadcrumb-space: clamp(24px, 2.5vw, 38px);
		--magida-inner-page-grid-gap: clamp(34px, 4.5vw, 72px);
		--magida-inner-page-title-size: clamp(3.95rem, 7.15vw, 7.35rem);
		--magida-inner-page-visual-height: clamp(350px, 25vw, 430px);
	}

	.magida-template--news .magida-inner-hero--news {
		min-height: min(630px, calc(100vh - var(--magida-header-height, 82px)));
		padding-top: var(--magida-inner-page-hero-top);
		padding-bottom: var(--magida-inner-page-hero-bottom);
	}

	.magida-template--news .magida-inner-hero--news .magida-inner-hero__inner {
		grid-template-columns: minmax(0, 0.98fr) minmax(480px, 0.88fr);
		gap: var(--magida-inner-page-grid-gap);
		align-items: start;
	}

	.magida-template--news .magida-inner-hero--news .magida-inner-hero__visual {
		height: auto;
		min-height: var(--magida-inner-page-visual-height);
		max-width: var(--magida-inner-page-visual-max-width);
	}
}

@media (max-width: 1180px) {
	.magida-template--news.magida-news-template {
		--magida-inner-page-hero-top: clamp(42px, 4vw, 62px);
		--magida-inner-page-hero-bottom: clamp(48px, 4.4vw, 72px);
		--magida-inner-page-breadcrumb-space: clamp(24px, 2.5vw, 38px);
		--magida-inner-page-title-size: clamp(3.55rem, 10vw, 6.4rem);
		--magida-inner-page-visual-height: clamp(330px, 48vw, 440px);
	}
}

@media (max-width: 760px) {
	.magida-template--news.magida-news-template {
		--magida-inner-page-hero-top: 46px;
		--magida-inner-page-hero-bottom: 56px;
		--magida-inner-page-breadcrumb-space: 28px;
		--magida-inner-page-title-size: clamp(2.85rem, 15vw, 4.65rem);
		--magida-inner-page-visual-height: clamp(320px, 90vw, 410px);
	}
}

/*
 * MAGIDA PASS 24.1.34 — News Archive Content Spacing Polish
 * Tightens only the News archive feed rhythm below the locked universal hero.
 * The shared hero/header system remains untouched.
 */
.magida-template--news .magida-news-feed {
	padding-top: clamp(2.4rem, 4.5vw, 4.75rem);
	padding-bottom: clamp(3.8rem, 6vw, 6.25rem);
}

.magida-template--news .magida-news-feed__header {
	margin-bottom: clamp(1.75rem, 3vw, 2.75rem);
}

.magida-template--news .magida-news-grid {
	gap: clamp(1rem, 1.75vw, 1.35rem);
}

@media (min-width: 1181px) {
	.magida-template--news .magida-news-feed {
		padding-top: clamp(2.25rem, 3.4vw, 4.25rem);
		padding-bottom: clamp(3.5rem, 5.4vw, 5.75rem);
	}

	.magida-template--news .magida-news-feed__header {
		margin-bottom: clamp(1.65rem, 2.4vw, 2.45rem);
	}
}

@media (max-width: 960px) {
	.magida-template--news .magida-news-feed {
		padding-top: clamp(2.75rem, 7vw, 4rem);
		padding-bottom: clamp(3.5rem, 8vw, 5.25rem);
	}

	.magida-template--news .magida-news-feed__header {
		margin-bottom: clamp(1.6rem, 5vw, 2.4rem);
	}
}

@media (max-width: 700px) {
	.magida-template--news .magida-news-feed {
		padding-top: 2.8rem;
		padding-bottom: 4.25rem;
	}
}