/**
 * About page.
 */

.about-page {
	background: #fff;
	color: #2f2f2f;
}

.about-container {
	width: min(calc(100% - 3rem), 72rem);
	margin-inline: auto;
}

.about-intro {
	padding-block: clamp(4.5rem, 7vw, 6.25rem);
	background: #f8f5ec;
}

.about-intro__title {
	margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
	font-size: clamp(2.8rem, 4.5vw, 4.1rem);
	font-weight: 600;
	line-height: 1.18;
}

.about-intro__text {
	max-width: 48rem;
	margin: 0;
	font-size: clamp(18px, 1.25vw, 21px);
	line-height: 2;
}

.about-principles {
	padding-block: clamp(4rem, 6.5vw, 6rem);
}

.about-principle {
	display: grid;
	grid-template-columns: minmax(9rem, .32fr) minmax(0, 1.68fr);
	gap: clamp(2rem, 6vw, 6rem);
	align-items: start;
	padding-block: clamp(3rem, 5vw, 4.5rem);
	border-block-start: 1px solid #cfc9bd;
}

.about-principle:last-child {
	border-block-end: 1px solid #cfc9bd;
}

.about-principle__heading {
	display: flex;
	align-items: flex-start;
	min-width: 0;
}

.about-principle__title {
	margin: 0;
	font-size: clamp(1.35rem, 2.2vw, 1.8rem);
	font-weight: 500;
	line-height: 1.4;
}

.about-principle__title::before {
	display: block;
	width: 2.75rem;
	height: 2px;
	margin-block-end: 1.15rem;
	background: #dccb8a;
	content: "";
}

.about-principle__text {
	max-width: 49rem;
	margin: 0;
	font-size: clamp(18px, 1.25vw, 21px);
	line-height: 2;
}

@media (min-width: 48rem) {
	.about-intro__text,
	.about-principle__text {
		direction: rtl;
		text-align: justify;
		text-align-last: right;
		text-justify: inter-word;
	}
}

@media (max-width: 48rem) {
	.about-container {
		width: min(calc(100% - 2rem), 40rem);
	}

	.about-intro {
		padding-block: 4.5rem;
	}

	.about-principles {
		padding-block: 3.5rem 4.5rem;
	}

	.about-principle {
		grid-template-columns: 1fr;
		gap: 1.65rem;
		padding-block: 3.25rem;
	}

}

@media (max-width: 32rem) {
	.about-intro {
		padding-block: 4rem;
	}

	.about-intro__title {
		font-size: 2.65rem;
	}

	.about-intro__text,
	.about-principle__text {
		font-size: 1.05rem;
		line-height: 1.9;
		text-align: right;
	}
}