:root {
	--ldr-navy: #0e2b4c;
	--ldr-gold: #f4b626;
	--ldr-body: #f8f9fa;
	--ldr-text: #1f1f1f;
	--font-display: 'Della Respira', serif;
	--font-body: 'Open Sans', sans-serif;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--ldr-body);
	color: var(--ldr-text);
	font-family: var(--font-body);
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: var(--ldr-navy);
	border-bottom: 2px solid rgba(255, 255, 255, 0.08);
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 72px;
}

.site-brand {
	text-decoration: none;
	color: #fff;
	font-weight: 800;
	letter-spacing: 1px;
}

.site-nav {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.site-nav a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.site-nav a:hover,
.site-nav a.is-active {
	color: var(--ldr-gold);
}

.site-nav .nav-join {
	background: var(--ldr-gold);
	color: var(--ldr-navy);
}

.route-section,
.route-hero {
	padding: 4rem 0;
}

h1,
h2,
h3 {
	font-family: var(--font-display);
}

.site-footer {
	background: var(--ldr-navy);
	color: #fff;
	padding: 2rem 0;
}