.db__hero {
	height: calc(100lvh - 60px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 3rem;
}
/* heading */
.db__hero h1 {
	width: max-content;
	font-family: var(--font-code);
	font-size: clamp(1rem, 8vw + 0.5rem, 6.5rem);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0.6px;
	color: var(--color-accent-purp);
}
.db__hero h1 span {
	color: var(--font-color-base);
}
/* subheading */
.db__hero h2 {
	color: var(--font-color-base);
	font-family: var(--font-inter);
	font-size: clamp(1rem, 4vw + 0.5rem, 2rem);
	font-weight: 500;
	letter-spacing: 0.2rem;
}
/* subheading body */
.db__hero p {
	color: var(--font-color-grey);
	font-family: var(--font-inter);
	/* font-size: 16px; */
	font-weight: 400;
	font-size: clamp(1rem, 1vw + 0.5rem, 1.4rem);
	/* line-height: clamp(18px, 24px, 32px); */
}
/* the glyph pointing to continue */
.db__hero_glyph {
	font: 1.5rem var(--font-code);
	color: var(--color-accent-purp);
	font-style: italic;
	writing-mode: vertical-rl;
	align-self: center;
	cursor: default;
}
/* Media */