/* Shared editorial components used by Blog and Category pages. */
.ampmici-editorial-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(3rem, 6vw, 6rem) var(--wp--custom--layout--gutter);
	background:
		radial-gradient(circle at 8% 15%, rgba(255,111,0,.10), transparent 25rem),
		radial-gradient(circle at 92% 82%, rgba(67,160,71,.10), transparent 24rem),
		linear-gradient(135deg, #fff 0%, #fbf8fd 48%, #f2e9f8 100%);
	border-block-end: 1px solid rgba(75,0,130,.08);
}

.ampmici-editorial-hero::after {
	content: "";
	position: absolute;
	z-index: -1;
	inline-size: 24rem;
	aspect-ratio: 1;
	border-radius: 999px;
	inset-block-start: -11rem;
	inset-inline-end: -9rem;
	border: 1px solid rgba(75,0,130,.10);
	box-shadow: 0 0 0 42px rgba(75,0,130,.025), 0 0 0 84px rgba(75,0,130,.018);
}

.ampmici-editorial-hero__inner {
	display: grid;
	grid-template-columns: minmax(0,1.05fr) minmax(19rem,.95fr);
	gap: clamp(2.5rem,6vw,6rem);
	align-items: center;
}

.ampmici-editorial-hero__copy { min-inline-size: 0; }
.ampmici-editorial-hero__kicker {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	margin: 0 0 1rem;
	color: var(--ampmici-child-purple);
	font-size: .88rem;
	font-weight: 800;
}
.ampmici-editorial-hero__kicker::before {
	content: "";
	inline-size: 1.65rem;
	block-size: 3px;
	border-radius: 99px;
	background: var(--ampmici-child-orange);
}
.ampmici-editorial-hero h1 {
	max-inline-size: 13ch;
	margin: 0;
	color: var(--ampmici-child-dark);
	font-size: clamp(2.35rem,5.4vw,4.65rem);
	line-height: 1.14;
	letter-spacing: -.035em;
	text-wrap: balance;
}
.ampmici-editorial-hero__lead {
	max-inline-size: 46rem;
	margin: 1.25rem 0 0;
	color: #5f5567;
	font-size: clamp(1.05rem,1.5vw,1.22rem);
	line-height: 1.95;
}
.ampmici-editorial-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.25rem;
	margin-block-start: 1.5rem;
	color: #6c6274;
	font-size: .9rem;
}
.ampmici-editorial-hero__meta span {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
}
.ampmici-editorial-hero__meta span::before {
	content: "";
	inline-size: .5rem;
	block-size: .5rem;
	border-radius: 50%;
	background: var(--ampmici-child-orange);
}
.ampmici-editorial-hero__meta .is-live::before {
	background: var(--ampmici-child-green);
	box-shadow: 0 0 0 5px rgba(67,160,71,.10);
}
.ampmici-editorial-hero__button {
	display: inline-flex;
	margin-block-start: 1.6rem;
	padding: .85rem 1.35rem;
	border-radius: 14px;
	background: var(--ampmici-child-purple);
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 800;
	box-shadow: 0 12px 25px rgba(75,0,130,.18);
}
.ampmici-editorial-hero__button:hover {
	background: var(--ampmici-child-purple-hover);
	transform: translateY(-1px);
}
.ampmici-editorial-hero__media {
	position: relative;
	min-block-size: clamp(20rem,35vw,31rem);
	border-radius: 34px;
	overflow: hidden;
	background: linear-gradient(145deg,#4b0082,#6a1b9a);
	box-shadow: 0 30px 70px rgba(75,0,130,.18);
}
.ampmici-editorial-hero__media::before {
	content: "";
	position: absolute;
	inset: 16px;
	z-index: 2;
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 24px;
	pointer-events: none;
}
.ampmici-editorial-hero__image {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	min-block-size: inherit;
	object-fit: cover;
}
.ampmici-editorial-hero__media.has-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,transparent 58%,rgba(36,17,61,.18));
	pointer-events: none;
}
.ampmici-editorial-hero__symbol {
	position: absolute;
	inset: 50% auto auto 50%;
	translate: -50% -50%;
	color: #fff;
	font-size: 5rem;
	opacity: .92;
}
.ampmici-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
	margin-block-end: 1.1rem;
	color: #74697d;
	font-size: .82rem;
}
.ampmici-breadcrumbs a { color: inherit; text-decoration: none; }
.ampmici-breadcrumbs a:hover { color: var(--ampmici-child-purple); }

.ampmici-section-heading { margin-block-end: clamp(1.5rem,3vw,2.25rem); }
.ampmici-section-heading > p:first-child {
	margin: 0 0 .5rem;
	color: var(--ampmici-child-orange);
	font-size: .86rem;
	font-weight: 800;
}
.ampmici-section-heading h2 { margin: 0; font-size: clamp(1.75rem,3vw,2.45rem); }
.ampmici-section-heading h2 + p {
	max-inline-size: 42rem;
	margin: .65rem 0 0;
	color: #6a6171;
}

@media (max-width: 980px) {
	.ampmici-editorial-hero__inner { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
	.ampmici-editorial-hero { padding-block: 2.6rem; }
	.ampmici-editorial-hero h1 {
		max-inline-size: none;
		font-size: clamp(2.15rem,10vw,3rem);
	}
	.ampmici-editorial-hero__media {
		min-block-size: 18rem;
		border-radius: 24px;
	}
	.ampmici-editorial-hero__media::before {
		inset: 10px;
		border-radius: 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ampmici-editorial-hero__button { transition: none; }
	.ampmici-editorial-hero__button:hover { transform: none; }
}