/* Families uses the same brand palette and hero structure as For farmers. */
.families-page .hero h1 { font-size:clamp(3.2rem,5.5vw,6rem); max-width:13ch; }
.families-page main img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
.families-page .family-principles { background:var(--paper); }
.families-page .family-value-grid { border-left:0; gap:2rem; }
.families-page .family-value-grid article { padding:1.6rem 0; border-right:0; min-height:0; }
.families-page .family-value-grid h3 { margin-top:1.6rem; }
.families-page .family-value-grid p,.families-page .social-grid span { color:var(--ink); }
.family-life { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:3rem; background:var(--cream); }
.family-life figure { margin:0; }
.family-life img { width:100%; border-radius:8px; }
.family-life .family-table { grid-column:1/-1; max-width:1100px; margin:1rem auto 0; }
.family-life figcaption { font-size:.9rem; margin-top:.8rem; }
.families-page .participation { background:var(--paper); color:var(--ink); }
.families-page .participation .eyebrow,.families-page .participation li::before { color:var(--clay); }
.families-page .participation > div > p:not(.eyebrow),.families-page .participation li span { color:var(--ink); }
.families-page .participation li { border-color:var(--line); }
.families-page .social-follow { border-top:1px solid var(--line); }
@media(max-width:800px){.family-life{grid-template-columns:1fr;gap:2rem}.family-life .family-table{grid-column:auto}.families-page .hero h1{font-size:clamp(3.2rem,10vw,5rem)}}