h1 {
	margin: 10 0 42px;
	padding: 0 0 18px;

	max-width: 900px;

	color: rgba(229, 232, 230, 0.94);
	font-family: var(--fire-display);
	font-size: clamp(30px, 3.5vw, 55px);
	font-weight: 400;
	letter-spacing: -0.015em;
	line-height: 0.95;
	text-align: left;

	border: 0;

	-webkit-text-fill-color: currentColor;
	-webkit-text-stroke: 0;
}

h1::after {
	content: "";

	position: absolute;
	left: 0;
	bottom: 0;

	width: 110px;
	height: 1px;

	background: var(--accent);
	opacity: 0.75;
}

h2 {
	position: relative;

	margin: 38px 0 18px;
	padding: 0 0 12px;

	color: var(--fire-accent-light);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .28em;
	line-height: 1.5;
	text-transform: uppercase;

	border: 0;
}

h2::after {
	content: "";

	position: absolute;
	left: 0;
	bottom: 0;

	width: 90px;
	height: 1px;

	background: var(--accent);
}

h3 {
	position: relative;

	margin: 30px 0 18px;
	padding: 0 0 11px;

	color: rgba(229, 233, 231, .9);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .08em;
	line-height: 1.45;
	text-transform: none;

	border: 0;
}

h3::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background:var(--accent);
}