.sui-farmi .zf-principles { padding: 90px 0; background: #fff; }
.sui-farmi .zf-principles__fig { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 4px; position: sticky; top: 120px; }
.sui-farmi .zf-principles__fig img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sui-farmi .zf-principles__list { list-style: none; margin: 40px 0 0; padding: 0; }
.sui-farmi .zf-principles__list li { display: grid; grid-template-columns: 56px 1fr; gap: 0 18px; padding: 30px 0; border-top: 1px solid #e7e2d5; }
.sui-farmi .zf-principles__list li:last-child { border-bottom: 1px solid #e7e2d5; }
.sui-farmi .zf-principles__list .num { font-family: var(--sui-font-display); font-style: italic; font-size: 18px; color: var(--sui-gold); padding-top: 4px; }
.sui-farmi .zf-principles__list h3 { font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; color: var(--bg-dark); margin: 0 0 8px; }
.sui-farmi .zf-principles__list p { margin: 0; font-family: var(--font-default); font-weight: 500; font-size: 20px; line-height: 1.4; color: var(--color-heading); }
@media (max-width: 991px) {
	.sui-farmi .zf-principles { padding: 70px 0; }
	.sui-farmi .zf-principles__fig { position: static; aspect-ratio: 16 / 10; margin-bottom: 40px; }
	.sui-farmi .zf-principles__list p { font-size: 18px; }
}

/* scale 75% */
.sui-farmi .zf-principles__list h3 { font-size: 11px; }
.sui-farmi .zf-principles__list p { font-size: 16px; }
.sui-farmi .zf-principles__list .num { font-size: 15px; }
.sui-farmi .zf-principles__list li { padding: 24px 0; }

/* rhythm */
.sui-farmi .zf-principles { padding: 72px 0; }
.sui-farmi .zf-principles__list { margin-top: 28px; }
.sui-farmi .zf-principles__list li { padding: 20px 0; }
@media (max-width: 991px) { .sui-farmi .zf-principles { padding: 56px 0; } .sui-farmi .zf-principles__fig { margin-bottom: 32px; } }

/* +15% */
.sui-farmi .zf-principles__list h3 { font-size: 12px; }
.sui-farmi .zf-principles__list p { font-size: 18px; }
.sui-farmi .zf-principles__list .num { font-size: 17px; }

/* +5% */
.sui-farmi .zf-principles__list h3 { font-size: 13px; }
.sui-farmi .zf-principles__list p { font-size: 19px; }

/* polish: square photograph so the column matches the list's height */
.sui-farmi .zf-principles__fig { aspect-ratio: 1 / 1; }
.sui-farmi .zf-principles__list h3 { color: var(--color-heading); }
.sui-farmi .zf-principles__list p { line-height: 1.5; }