/* Livestock page: shared theme, typography and navigation remain unchanged. */
.livestock-hero { display: grid; align-items: center; min-height: clamp(300px, 38vw, 560px); padding-block: 80px; background: linear-gradient(110deg, rgba(7,27,17,.8), rgba(7,27,17,.55)), url('../images/operations/ruminant/ruminant.png') center / cover; }
.livestock-section { padding-block: clamp(56px, 7vw, 104px); }
.livestock-tinted { background: var(--off-white); border-block: 1px solid var(--line); }
.livestock-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(24px, 4vw, 64px); }
.livestock-copy { min-width: 0; }
.livestock-page main { overflow-wrap: anywhere; }
.livestock-page main h2 { color: var(--ink); font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.2; }
.livestock-page main h3 { color: var(--ink); font-size: clamp(1.4rem, 2vw, 1.8rem); line-height: 1.3; }
.livestock-copy h2::before, .livestock-heading h2::before { content: ''; display: block; width: 44px; height: 2px; background: var(--gold); margin-bottom: 1.5rem; }
.livestock-copy p { margin-top: 1.5rem; line-height: 1.85; }
.livestock-copy h3 { margin: 2rem 0 1rem; }
.livestock-about-image { width: 100%; height: auto; }
.livestock-heading { text-align: center; margin-bottom: 3rem; }
.livestock-heading h2::before { margin-inline: auto; }
.livestock-activities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.livestock-activity { min-width: 0; background: var(--paper); border-bottom: 2px solid var(--gold); overflow: hidden; }
.livestock-activity img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.livestock-activity h3 { padding: 1.5rem; }
.livestock-objectives { background: linear-gradient(rgba(7,27,17,.9), rgba(7,27,17,.92)), url('../images/operations/ruminant/trsb.png') center / cover; }
.livestock-page .livestock-objectives h2, .livestock-page .livestock-objectives h3 { color: #fff; }
.livestock-objective-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.livestock-objective { padding: clamp(24px, 3vw, 36px); border: 1px solid rgba(255,255,255,.25); border-top: 2px solid var(--gold); background: rgba(7,27,17,.35); }
.livestock-objective p { color: #edf3ee; margin-top: 1rem; line-height: 1.8; }
.livestock-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.livestock-product { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--line); background: var(--paper); }
/* Product artwork may contain text: show the complete image. */
.livestock-product > img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.livestock-product-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: clamp(24px, 3vw, 40px); border-top: 2px solid var(--gold); }
.livestock-product-copy p { margin: 1rem 0 1.5rem; line-height: 1.8; }
.livestock-action { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .75rem 1.5rem; margin-top: auto; background: var(--forest-deep); color: #fff; border: 1px solid var(--gold); border-radius: 4px; }
.livestock-action:hover { background: var(--forest); }
.livestock-phone { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.livestock-copy address { font-style: normal; line-height: 1.85; }
.livestock-map { display: block; width: 100%; max-width: 100%; height: 450px; border: 0; }
.livestock-page .reveal { opacity: 1; transform: none; transition: none; }
.livestock-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (prefers-reduced-motion: no-preference) {
  .livestock-page .reveal.in { animation: livestock-enter .6s ease both; }
  .livestock-activity img { transition: transform .4s ease; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .livestock-activity:hover img { transform: scale(1.025); }
}
@keyframes livestock-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 1000px) {
  .livestock-objective-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .livestock-split { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .livestock-activities, .livestock-objective-grid, .livestock-products { grid-template-columns: minmax(0, 1fr); }
  .livestock-map { height: 360px; }
}
