/* ==========================================================================
   5. About Me (.hlp-about), on Light.
   ========================================================================== */
.e-con.hlp-portrait-wrap { position: relative; }

/* Ink badge floating off the portrait's edge */
.e-con.hlp-float-badge {
	position: absolute;
	right: -24px;
	bottom: 36px;
	z-index: 3;
	width: auto;
	max-width: 250px;
	box-shadow: var(--hlp-shadow-2);
}
.hlp-float-badge > .e-con { width: auto; }
/* tan diamond with a filled centre */
.e-con.hlp-dia {
	flex: none;
	width: 36px;
	height: 36px;
	min-height: 0;
	border: 1.5px solid var(--hlp-tan);
	transform: rotate(45deg);
	display: grid;
	place-items: center;
}
.e-con.hlp-dia::after { content: ""; width: 12px; height: 12px; background: var(--hlp-tan); }

/* stats: the first number solid, the rest outlined */
.hlp-stat-num .elementor-heading-title { font-variant-numeric: tabular-nums; color: transparent !important; -webkit-text-stroke: 1.5px var(--hlp-ink); }
.hlp-stat-num--fill .elementor-heading-title { color: var(--hlp-ink) !important; -webkit-text-stroke: 0; }

@media (max-width: 1024px) {
	.e-con.hlp-float-badge { right: 12px; }
}
