/**
 * Page styles — about. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.about-value {
	background:var(--site-white-alpha-4);
	border:1px solid var(--site-white-alpha-10);
	border-radius:16px;
	padding:28px;
}

.about-value__icon {
	font-size:26px;
	color:var(--site-sky-64);
	margin-bottom:16px;
	display:block;
}

.founder-card {
	background:var(--site-blue-98);
	border:1px solid var(--site-slate-91);
	border-radius:16px;
	padding:32px 28px;
	text-align:center;
	width:260px;
}

.founder-card__initials {
	width:72px;
	height:72px;
	border-radius:50%;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 16px;
	font-size:26px;
	font-weight:800;
	color:var(--site-white);
}

.about-team {
	display:flex;
	gap:24px;
	justify-content:center;
	margin-top:48px;
	flex-wrap:wrap;
}

.founder-card__role {
	font-size:13px;
	color:var(--site-teal);
	font-weight:600;
	margin-bottom:10px;
}

.about-location {
	text-align:center;
	margin-top:32px;
}

/* Moved here from another stylesheet: this is where these classes are used. */
.eyebrow--about-values {
	color:var(--site-sky-64);
	border-color:var(--site-teal-alpha-40);
	background:var(--site-teal-alpha-12);
}
.about-location__text {
	font-size:14px;
	color:var(--site-text-muted);
}