:root {
	--najjar-color-ink: #191817;
	--najjar-color-graphite: #262421;
	--najjar-color-stone: #80786d;
	--najjar-color-concrete: #c9c1b5;
	--najjar-color-taupe: #e5dccf;
	--najjar-color-cream: #f6f0e7;
	--najjar-color-white: #fffaf3;
	--najjar-color-gold: #c7a96b;
	--najjar-color-gold-dark: #9f8046;
	--najjar-color-primary: var(--najjar-color-ink);
	--najjar-color-accent: var(--najjar-color-gold);
	--najjar-color-dark: var(--najjar-color-ink);
	--najjar-color-bg: var(--najjar-color-cream);
	--najjar-color-line: rgba(25, 24, 23, .14);
	--najjar-shadow-soft: 0 24px 70px rgba(25, 24, 23, .14);
	--najjar-font-display: Georgia, "Times New Roman", serif;
	--najjar-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--najjar-step-1: clamp(.82rem, .78rem + .16vw, .92rem);
	--najjar-step-2: clamp(.98rem, .94rem + .24vw, 1.12rem);
	--najjar-step-3: clamp(1.18rem, 1.08rem + .44vw, 1.42rem);
	--najjar-step-4: clamp(1.54rem, 1.35rem + .82vw, 2rem);
	--najjar-step-5: clamp(2.1rem, 1.72rem + 1.62vw, 3rem);
	--najjar-step-6: clamp(3rem, 2.1rem + 3.6vw, 5.2rem);
	--najjar-container: min(1160px, calc(100vw - 36px));
	--najjar-section-space: clamp(68px, 9vw, 128px);
	--najjar-radius: 8px;
	--najjar-transition: 220ms ease;
}

.najjar-page {
	background: var(--najjar-color-cream);
	color: var(--najjar-color-ink);
	font-family: var(--najjar-font-body);
	font-size: var(--najjar-step-2);
	line-height: 1.65;
}

.najjar-page *,
.najjar-page *::before,
.najjar-page *::after {
	box-sizing: border-box;
}

.najjar-page h1,
.najjar-page h2,
.najjar-page h3,
.najjar-page h4 {
	margin: 0;
	color: var(--najjar-color-ink);
	font-family: var(--najjar-font-display);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.04;
}

.najjar-page h1 {
	font-size: var(--najjar-step-6);
}

.najjar-page h2 {
	font-size: var(--najjar-step-5);
}

.najjar-page h3 {
	font-size: var(--najjar-step-4);
}

.najjar-page p {
	margin: 0;
	color: var(--najjar-color-stone);
}

.najjar-container {
	width: var(--najjar-container);
	margin-inline: auto;
}

.najjar-section {
	padding-block: var(--najjar-section-space);
}

.najjar-section--muted {
	background: var(--najjar-color-taupe);
}

.najjar-section--dark {
	background: var(--najjar-color-ink);
	color: var(--najjar-color-white);
}

.najjar-section--dark h2,
.najjar-section--dark h3,
.najjar-section--dark p {
	color: var(--najjar-color-white);
}

.najjar-grid {
	display: grid;
	gap: 24px;
}

.najjar-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.najjar-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.najjar-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.najjar-split {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: clamp(32px, 6vw, 86px);
	align-items: center;
}

.najjar-cluster {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

@media (max-width: 980px) {
	.najjar-grid--4,
	.najjar-grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.najjar-split {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	:root {
		--najjar-container: min(100vw - 28px, 1160px);
	}

	.najjar-grid--4,
	.najjar-grid--3,
	.najjar-grid--2 {
		grid-template-columns: 1fr;
	}

	.najjar-cluster .najjar-button {
		width: 100%;
	}
}