.najjar-page-hero {
	padding: clamp(112px, 14vw, 180px) 0 clamp(68px, 8vw, 108px);
	background:
		linear-gradient(90deg, rgba(25, 24, 23, .9), rgba(25, 24, 23, .52)),
		linear-gradient(135deg, #25231f, #8a7d68 56%, #c7a96b);
	color: var(--najjar-color-white);
}

.najjar-page-hero h1,
.najjar-page-hero p {
	color: var(--najjar-color-white);
}

.najjar-page-template .najjar-section--tight {
	padding-block: clamp(48px, 7vw, 86px);
}

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

.najjar-page-split--reverse {
	grid-template-columns: 1.05fr .95fr;
}

.najjar-page-copy {
	display: grid;
	gap: 18px;
}

.najjar-page-copy h2 {
	max-width: 780px;
}

.najjar-page-copy p {
	max-width: 760px;
}

.najjar-page-image {
	min-height: clamp(340px, 42vw, 540px);
}

.najjar-page-card-grid,
.najjar-testimonials-grid,
.najjar-page-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.najjar-about-value {
	display: grid;
	gap: 12px;
}

.najjar-testimonials-card {
	display: grid;
	gap: 16px;
	overflow: hidden;
}

.najjar-testimonials-card__quote {
	height: 42px;
	color: rgba(199, 169, 107, .48);
	font-family: var(--najjar-font-display);
	font-size: 4rem;
	line-height: .8;
}

.najjar-testimonials-card p {
	color: var(--najjar-color-graphite);
}

.najjar-testimonials-card strong {
	display: block;
	color: var(--najjar-color-ink);
}

.najjar-testimonials-card span:not(.najjar-rating):not(.najjar-testimonials-card__quote) {
	display: block;
	color: var(--najjar-color-stone);
	font-size: .9rem;
}

.najjar-page-trust-item {
	display: grid;
	gap: 8px;
	padding: 24px;
	border: 1px solid var(--najjar-color-line);
	border-radius: var(--najjar-radius);
	background: rgba(255, 250, 243, .7);
}

.najjar-page-trust-item strong {
	color: var(--najjar-color-ink);
	font-family: var(--najjar-font-display);
	font-size: var(--najjar-step-4);
	font-weight: 500;
	line-height: 1.08;
}

.najjar-page-trust-item span {
	color: var(--najjar-color-stone);
	font-weight: 750;
}

.najjar-page-cta {
	display: grid;
	gap: 18px;
	padding: clamp(30px, 5vw, 56px);
	border-radius: var(--najjar-radius);
	background:
		linear-gradient(90deg, rgba(25, 24, 23, .92), rgba(25, 24, 23, .72)),
		linear-gradient(135deg, #2c2925, #c7a96b);
	color: var(--najjar-color-white);
}

.najjar-page-cta h2,
.najjar-page-cta p {
	max-width: 900px;
	color: var(--najjar-color-white);
}

.najjar-page-cta .najjar-button--outline {
	border-color: rgba(255, 250, 243, .36);
	color: var(--najjar-color-white);
}

.najjar-legal-content {
	display: grid;
	gap: clamp(24px, 5vw, 46px);
	max-width: 920px;
}

.najjar-legal-details {
	display: grid;
	gap: 0;
	margin: 0;
	border: 1px solid var(--najjar-color-line);
	border-radius: var(--najjar-radius);
	overflow: hidden;
	background: var(--najjar-color-white);
}

.najjar-legal-details div {
	display: grid;
	grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr);
	gap: 18px;
	padding: 18px 20px;
	border-bottom: 1px solid var(--najjar-color-line);
}

.najjar-legal-details div:last-child {
	border-bottom: 0;
}

.najjar-legal-details dt {
	color: var(--najjar-color-stone);
	font-weight: 850;
}

.najjar-legal-details dd {
	margin: 0;
	color: var(--najjar-color-ink);
}

.najjar-legal-copy {
	display: grid;
	gap: 16px;
}

.najjar-legal-copy h2 {
	margin-top: 12px;
	font-size: var(--najjar-step-2);
}

.najjar-legal-note,
.najjar-legal-disclaimer {
	padding: 18px 20px;
	border: 1px solid var(--najjar-color-line);
	border-radius: var(--najjar-radius);
	background: rgba(255, 250, 243, .72);
}

.najjar-legal-disclaimer {
	display: grid;
	gap: 6px;
}

@media (max-width: 980px) {
	.najjar-page-split,
	.najjar-page-split--reverse,
	.najjar-page-card-grid,
	.najjar-testimonials-grid,
	.najjar-page-trust-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 680px) {
	.najjar-page-split,
	.najjar-page-split--reverse,
	.najjar-page-card-grid,
	.najjar-testimonials-grid,
	.najjar-page-trust-grid {
		grid-template-columns: 1fr;
	}

	.najjar-legal-details div {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}