.aboutx{
	box-sizing:border-box;
	width:100%;
	display:flex;
	justify-content:center;
	padding:32px 16px;
	background:linear-gradient(135deg, rgba(140,147,168,0.08) 0%, rgba(15,23,42,0.04) 45%, rgba(184,155,94,0.06) 100%);
	position:relative;
	overflow:hidden;
}

.aboutx::before{
	content:"";
	position:absolute;
	inset:-120px -80px auto auto;
	width:340px;
	height:340px;
	border-radius:9999px;
	background:radial-gradient(circle, rgba(184,155,94,0.18) 0%, rgba(184,155,94,0.00) 65%);
	pointer-events:none;
}

.aboutx *{
	box-sizing:border-box;
}

.aboutx__inner{
	width:100%;
	max-width:1200px;
	position:relative;
}

.aboutx__layout{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:16px;
}

.aboutx__main{
	display:flex;
	flex-direction:column;
	gap:16px;
	min-width:0;
}

.aboutx__side{
	display:flex;
	flex-direction:column;
	gap:16px;
	min-width:0;
}

.aboutx__head{
	display:flex;
	flex-direction:column;
	gap:8px;
	align-items:flex-start;
	padding:16px;
	border-radius:24px;
	background:rgba(255,255,255,0.55);
	border:1px solid rgba(15,23,42,0.08);
	backdrop-filter:blur(6px);
}

.aboutx__kicker,
.aboutx__title,
.aboutx__sub{
	margin:0;
}

.aboutx__kicker{
	font-size:12px;
	line-height:1.5;
	color:#475569;
	display:flex;
	align-items:center;
	gap:6px;
}

.aboutx__slash{
	color:#B89B5E;
}

.aboutx__title{
	font-size:16px;
	line-height:1.4;
	color:#0f172a;
}

.aboutx__sub{
	font-size:12px;
	line-height:1.8;
	color:#334155;
}

.aboutx__card{
	border-radius:24px;
	background:#ffffff;
	border:1px solid rgba(15,23,42,0.10);
	box-shadow:0 12px 32px rgba(15,23,42,0.08);
	overflow:hidden;
}

.aboutx__card--desc{
	padding:24px;
}

.aboutx__desc{
	font-size:12px;
	line-height:1.95;
	color:#334155;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.aboutx__desc p,
.aboutx__desc ul,
.aboutx__desc ol,
.aboutx__desc li{
	margin:0;
}

.aboutx__card--media{
	display:flex;
}

.aboutx__avatar{
	width:100%;
	height:auto;
	display:block;
	object-fit:cover;
}

.aboutx__card--contact{
	padding:16px;
	display:flex;
	flex-direction:column;
	gap:12px;
}

.aboutx__contactHead{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}

.aboutx__h2{
	margin:0;
	font-size:14px;
	line-height:1.4;
	color:#0f172a;
}

.aboutx__badge{
	font-size:10px;
	line-height:1.5;
	color:#0f172a;
	background:#e9edf6;
	border:1px solid rgba(15,23,42,0.08);
	border-radius:9999px;
	padding:6px 10px;
}

.aboutx__contactGrid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}

.aboutx__row{
	display:flex;
	flex-direction:column;
	gap:6px;
	padding:12px;
	border-radius:16px;
	background:#f3f6fb;
	border:1px solid rgba(15,23,42,0.06);
}

.aboutx__row--full{
	grid-column:1 / -1;
}

.aboutx__k{
	font-size:12px;
	line-height:1.5;
	color:#0f172a;
}

.aboutx__v{
	font-size:12px;
	line-height:1.5;
	color:#0f172a;
	text-decoration:none;
	direction:ltr;
}

.aboutx__v:focus{
	outline:2px solid #0f172a;
	outline-offset:2px;
}

.aboutx__strip{
	border-radius:24px;
	background:linear-gradient(135deg, rgba(15,23,42,0.95) 0%, rgba(31,48,94,0.92) 55%, rgba(15,23,42,0.92) 100%);
	padding:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}

.aboutx__cta{
	text-decoration:none;
	font-size:12px;
	line-height:1;
	color:#0f172a;
	background:#ffffff;
	border-radius:9999px;
	padding:12px 14px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	white-space:nowrap;
}

.aboutx__cta:focus{
	outline:2px solid #ffffff;
	outline-offset:2px;
}

.aboutx__hint{
	font-size:12px;
	line-height:1.8;
	color:rgba(255,255,255,0.88);
}

@media (min-width:900px){
	.aboutx__layout{
		display:grid;
		grid-template-columns:1.25fr 0.75fr;
		gap:16px;
		align-items:start;
	}
	.aboutx__side{
		position:sticky;
		top:72px;
		align-self:start;
	}
}

@media (max-width:640px){
	.aboutx__head{
		border-radius:16px;
		padding:16px;
		align-items:center;
	}
	.aboutx__sub{
		text-align:center;
	}
	.aboutx__card{
		border-radius:16px;
	}
	.aboutx__card--desc{
		padding:16px;
	}
	.aboutx__card--contact{
		padding:16px;
	}
	.aboutx__contactGrid{
		grid-template-columns:1fr;
	}
	.aboutx__strip{
		border-radius:16px;
		flex-direction:column;
		align-items:stretch;
	}
	.aboutx__cta{
		width:100%;
	}
	.aboutx__hint{
		text-align:center;
	}
}