.sui-farmi .zf-hero { background: #f6f4ee; padding: 96px 0 84px; overflow: hidden; }
.sui-farmi .zf-hero__text { padding-right: 24px; }
.sui-farmi .zf-hero__note { margin-top: 26px; }
.sui-farmi .zf-hero__media { position: relative; padding-bottom: 96px; }
.sui-farmi .zf-hero__main { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 4px; }
.sui-farmi .zf-hero__main img, .sui-farmi .zf-hero__second img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sui-farmi .zf-hero__second { position: absolute; left: -64px; bottom: 0; width: 46%; aspect-ratio: 1 / 1; margin: 0; overflow: hidden; border: 10px solid #f6f4ee; border-radius: 4px; background: #f6f4ee; }
.sui-farmi .zf-hero__second .sui-placeholder { min-height: 0; }
@media (max-width: 991px) {
	.sui-farmi .zf-hero { padding: 56px 0 48px; }
	.sui-farmi .zf-hero__text { padding-right: 0; }
	.sui-farmi .zf-hero__media { margin-top: 44px; padding-bottom: 72px; }
	.sui-farmi .zf-hero__second { left: 0; width: 44%; }
}
/* Above 1300px the theme's header floats over the page (bar top 55px, 90px
   tall); the hero starts below it so the bar sits on the cream. */
@media (min-width: 1301px) {
	.sui-farmi .zf-hero { padding-top: 200px; }
}

/* rhythm */
.sui-farmi .zf-hero { padding: 72px 0 64px; }
.sui-farmi .zf-hero__note { margin-top: 20px; }
.sui-farmi .zf-hero__media { padding-bottom: 72px; }
@media (min-width: 1301px) { .sui-farmi .zf-hero { padding-top: 176px; } }
@media (max-width: 991px) { .sui-farmi .zf-hero { padding: 48px 0 40px; } .sui-farmi .zf-hero__media { margin-top: 36px; padding-bottom: 56px; } }

/* heading top = photograph top */
.sui-farmi .zf-hero__text { padding-top: 4px; }
.sui-farmi .zf-hero__text .zf-eyebrow { margin-top: 0; }

/* Photograph top level with the H1 (the eyebrow sits above the line). */
@media (min-width: 992px) { .sui-farmi .zf-hero__media { margin-top: 44px; } }

/* polish: a shorter photograph so the text column no longer floats in a tall cream field */
.sui-farmi .zf-hero__main { aspect-ratio: 5 / 6; }
.sui-farmi .zf-hero__media { padding-bottom: 64px; }
/* facts: three quiet ruled lines under the note */
.sui-farmi .zf-hero__facts { margin: 30px 0 0; padding: 0; max-width: 480px; }
.sui-farmi .zf-hero__facts div { display: grid; grid-template-columns: 96px 1fr; gap: 0 16px; padding: 12px 0; border-top: 1px solid #e3ddcd; }
.sui-farmi .zf-hero__facts div:last-child { border-bottom: 1px solid #e3ddcd; }
.sui-farmi .zf-hero__facts dt { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; color: var(--color-heading); padding-top: 4px; }
.sui-farmi .zf-hero__facts dd { margin: 0; font-size: 16px; line-height: 1.6; color: #3f4039; }