/* =========================================================
   DIVISION CARDS (MEDIA / CONSULTING / MEGA EVENTS)
========================================================= */

/*=========================================
DIVISION CARDS
=========================================*/

.mcg-cards{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:1.25rem;

	align-items:start;

}

/*=========================================
CARD
=========================================*/

.mcg-card{

	position:relative;

	width:100%;

	height:250px;

	border-radius:24px;

	background:#090909;

	border:1px solid rgba(255,255,255,.08);

	box-shadow:
		0 10px 35px rgba(0,0,0,.30),
		inset 0 0 0 1px rgba(255,255,255,.03);

	transition:
		transform .45s ease,
		box-shadow .45s ease,
		border-color .45s ease;

}

.mcg-card:hover{

	transform:translateY(-8px) scale(1.02);

	border-color:var(--mcg-card-accent);

	box-shadow:
		0 18px 45px rgba(0,0,0,.40),
		0 0 20px color-mix(in srgb,var(--mcg-card-accent) 35%,transparent);

}



/*=========================================
IMAGE
=========================================*/

.mcg-card__media{

	position:absolute;

	inset:0;

	z-index:1;

}

.mcg-card__image{

	width:100%;
	height:100%;

	object-fit:cover;

	object-position:center center;

	filter:
		brightness(.92)
		saturate(1.05);

	transition:
		transform .7s ease,
		filter .7s ease;

}

.mcg-card:hover .mcg-card__image{

	transform:scale(1.05);

	filter:
		brightness(1)
		saturate(1.15);

}


/*=========================================
OVERLAY
=========================================*/

.mcg-card__overlay{

	position:absolute;
	inset:0;
	z-index:2;

	background:linear-gradient(
		to top,
		rgba(0,0,0,.08) 0%,
		rgba(0,0,0,.03) 30%,
		rgba(0,0,0,0) 65%
	);

}
/*=========================================
ACCENT GLOW
=========================================*/

.mcg-card::after{

	content:"";

	position:absolute;

	inset:0;

	z-index:3;

	border-radius:inherit;

	box-shadow:

		inset 0 0 0 1px color-mix(in srgb,var(--mcg-card-accent) 55%,transparent),

		0 0 0 rgba(0,0,0,0);

	opacity:.55;

	transition:.45s;

}

.mcg-card:hover::after{

	opacity:1;

	box-shadow:

		inset 0 0 0 1px var(--mcg-card-accent),

		0 0 28px color-mix(in srgb,var(--mcg-card-accent) 45%,transparent);

}

/* gradient scrim so text is always legible over the photo */
.mcg-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(10, 10, 10, 0.05) 0%, rgba(10, 10, 10, 0.55) 55%, rgba(10, 10, 10, 0.92) 100%);
	pointer-events: none;
}

.mcg-card__content{

	position:absolute;

	top:32px;

	left:30px;

	right:30px;

	z-index:5;

	width:calc(100% - 60px);

}

.mcg-card__number {
	font-family: var(--mcg-font-display);
	color: var(--mcg-card-accent);
	font-size: 1.1rem;
	letter-spacing: 0.05em;
}

.mcg-card__title {
	font-size: 1.9rem;
	margin-block: 0.35rem 0.6rem;
}

.mcg-card__rule {
	display: block;
	width: 42px;
	height: 3px;
	background: var(--mcg-card-accent);
	margin-bottom: 0.9rem;
	transition: width var(--mcg-dur-base) var(--mcg-ease);
}
.mcg-card:hover .mcg-card__rule { width: 72px; }

.mcg-card__desc {
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.95rem;
	max-width: 26ch;
	margin-bottom: 1.4rem;
}

.mcg-card__arrow {
	width: 46px;
	height: 46px;
	border: 1.5px solid var(--mcg-card-accent);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--mcg-card-accent);
	transition: background var(--mcg-dur-fast) var(--mcg-ease), color var(--mcg-dur-fast) var(--mcg-ease), transform var(--mcg-dur-fast) var(--mcg-ease);
}
.mcg-card:hover .mcg-card__arrow {
	background: var(--mcg-card-accent);
	color: var(--mcg-bg);
	transform: translateX(4px);
}

/* Accent-specific glow tone (used for the border-glow hover per spec) */
.mcg-card--blue   { --mcg-card-accent: var(--mcg-blue); }
.mcg-card--orange { --mcg-card-accent: var(--mcg-orange); }
.mcg-card--purple { --mcg-card-accent: var(--mcg-purple); }