.aboutGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px;
	align-items: center
}
.aboutPanel {
	border-radius: 24px;
	padding: 55px;
	background: url('../images/about.jpg') center/cover;
	color: white
}
.aboutGrid h2 {
	font: 600 40px/1.5 "Noto Serif TC"
}
.principles {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px
}
.principles article {
	padding: 30px;
	border-radius: 18px;
	background: white;
	box-shadow: 0 12px 34px rgba(60, 40, 25, .07)
}
.contractSection {
	background: url('../images/bg/paper.jpg') center/cover
}
.contractBox {
	max-width: 980px;
	margin: auto;
	background: rgba(255, 255, 255, .9);
	border-radius: 24px;
	padding: 55px;
	box-shadow: 0 18px 50px rgba(68, 44, 28, .08)
}
@media(max-width:800px) {
	.aboutGrid {
		grid-template-columns: 1fr
	}
	.principles {
		grid-template-columns: 1fr 1fr
	}
}