.galeno-map-card__eyebrow {
	color: var(--wp--preset--color--action-secondary);
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 750;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.galeno-map-card__action {
	color: var(--galeno-indigo);
	font-family: var(--wp--preset--font-family--ui);
	font-weight: 750;
	margin-block-start: 0.35rem;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.galeno-map-experience {
	margin-block-start: clamp(1.5rem, 4vw, 2.75rem);
}

.galeno-map-stage {
	background:
		linear-gradient(120deg, rgba(62, 61, 150, 0.96), rgba(0, 107, 143, 0.88)),
		linear-gradient(30deg, #3e3d96, #00aeef);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: clamp(1.1rem, 2vw, 1.75rem);
	box-shadow: 0 1.5rem 3.5rem rgba(23, 33, 43, 0.14);
	min-block-size: clamp(28rem, 52vw, 36rem);
	overflow: hidden;
	position: relative;
}

.galeno-map-stage::before {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) 0 0 / 3rem 3rem,
		linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px) 0 0 / 3rem 3rem;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.galeno-map-stage__frame {
	background: var(--wp--preset--color--surface-secondary);
	border: 0;
	block-size: 100%;
	inline-size: 100%;
	inset: 0;
	position: absolute;
}

.galeno-map-overlay {
	background: linear-gradient(145deg, rgba(47, 46, 121, 0.97), rgba(62, 61, 150, 0.94));
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 1.25rem;
	box-shadow: 0 1.25rem 3rem rgba(23, 33, 43, 0.28);
	color: #fff;
	display: grid;
	gap: 0.85rem;
	inset-block: clamp(1rem, 3vw, 2rem);
	inset-inline-start: clamp(1rem, 3vw, 2rem);
	max-inline-size: 31rem;
	padding: clamp(1.5rem, 4vw, 3rem);
	position: absolute;
	transition: max-inline-size 220ms ease;
	z-index: 2;
}

.galeno-map-overlay :where(h3, p, a) {
	color: inherit;
	margin-block: 0;
}

.galeno-map-overlay h3 {
	font-size: clamp(1.75rem, 3.3vw, 2.75rem);
	line-height: 1.08;
}

.galeno-map-overlay .galeno-map-card__eyebrow {
	color: #9be7ff;
}

.galeno-map-overlay__mark {
	align-items: center;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	display: inline-flex;
	block-size: 4rem;
	inline-size: 4rem;
	justify-content: center;
}

.galeno-map-overlay__mark span {
	background: #fff;
	border: 0.3rem solid var(--galeno-cyan);
	border-radius: 50% 50% 50% 0;
	block-size: 1.8rem;
	inline-size: 1.8rem;
	transform: rotate(-45deg);
}

.galeno-map-overlay__button {
	background: #fff;
	border: 2px solid #fff;
	border-radius: 999px;
	color: var(--galeno-indigo);
	cursor: pointer;
	font: 750 var(--wp--preset--font-size--button) / 1.2 var(--wp--preset--font-family--ui);
	inline-size: fit-content;
	min-block-size: 2.9rem;
	padding: 0.7rem 1.1rem;
}

.galeno-map-overlay .galeno-map-card__action {
	color: #fff;
	inline-size: fit-content;
}

.galeno-map-stage.is-map-active .galeno-map-overlay {
	max-inline-size: 23rem;
}

.galeno-map-privacy {
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--body-small);
	margin-block: 0.75rem 0;
}