/* Rude Academy — Hero widget. Extracted verbatim from source index.html. */

.hero {
	padding: 96px 0 120px;
	border-bottom: 1px solid var(--line);
}
.hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	background: var(--ink);
	color: var(--bone);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	border-radius: 100px;
	margin-bottom: 32px;
}
.hero__eyebrow::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--gold);
}
.hero__title {
	font-size: clamp(52px, 9vw, 128px);
	margin-bottom: 32px;
	overflow-wrap: break-word;
	word-break: break-word;
}
@media (max-width: 380px) {
	.hero__title { font-size: 40px; }
}
.hero__title .accent { color: var(--gold); }
.hero__lead {
	font-size: clamp(18px, 1.6vw, 22px);
	line-height: 1.5;
	color: #333;
	max-width: 640px;
	margin-bottom: 40px;
}
.hero__actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 72px;
}

.hero__stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border-top: 1px solid var(--line);
	padding-top: 40px;
}
.hero__stat { padding-right: 24px; }
.hero__stat + .hero__stat {
	border-left: 1px solid var(--line);
	padding-left: 24px;
}
.hero__stat-num {
	font-family: "Archivo Black", sans-serif;
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1;
	margin-bottom: 6px;
}
.hero__stat-label {
	font-size: 13px;
	color: var(--muted);
	line-height: 1.4;
}

@media (max-width: 680px) {
	.hero { padding: 64px 0 80px; }
	.hero__stats { grid-template-columns: repeat(2, 1fr); gap: 28px; }
	.hero__stat + .hero__stat { border-left: none; padding-left: 0; }
	.hero__stat:nth-child(3),
	.hero__stat:nth-child(4) {
		border-top: 1px solid var(--line);
		padding-top: 24px;
	}
}