/* Styles specifiques page Notre elevage (extraits de la maquette) */

/* ===== Page Notre élevage (Éditorial encre) ===== */

/* En-tete de page (partage) */
.page-head{background:var(--ink-deep,oklch(19% .008 159));padding:clamp(2.5rem,6vw,5rem) 0 clamp(2.25rem,5vw,3.5rem);border-bottom:1px solid var(--color-hairline-dark)}
.page-head .crumb{font:600 13px/1 var(--font-display);color:var(--color-ink-text-soft);letter-spacing:.02em;margin-bottom:1.1rem}
.page-head .crumb a{color:var(--color-accent);text-decoration:none}
.page-head h1{font-size:clamp(2.2rem,5.5vw,3.9rem);line-height:1.02;color:var(--color-paper);letter-spacing:-.02em;max-width:18ch}
.page-head .lede{font-size:clamp(1.02rem,1.4vw,1.32rem);line-height:1.6;color:var(--color-ink-text-soft);max-width:72ch;margin-top:1.2rem}
.page-head .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}

/* Jalons 2020-2026 : deux colonnes, liste a filets sur encre */
.jalons{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.75rem,4vw,3.5rem);align-items:start;margin-top:clamp(1.25rem,2.5vw,1.75rem)}
.jalons__txt{font-size:clamp(1.02rem,1.3vw,1.16rem);line-height:1.68;color:var(--color-ink-text-soft);max-width:50ch}
.jalons__txt .lead{font-size:clamp(1.15rem,1.6vw,1.4rem);color:var(--color-paper);font-family:var(--font-display);font-weight:600;line-height:1.28;margin-bottom:.85rem}
.jalons__txt p+p{margin-top:1rem}
.jalons-liste ul{list-style:none;padding:0;margin:0;border-top:2px solid var(--color-paper)}
.jalons-liste li{padding:.85rem 0;border-bottom:1px solid var(--color-hairline-dark);font-size:15px;color:var(--color-ink-text-soft);line-height:1.55}
.jalons-liste b{color:var(--color-accent);font-family:var(--font-display);font-weight:700;margin-right:.6em}
@media(max-width:62rem){.jalons{grid-template-columns:1fr}}

/* Placeholders dans le corps de texte */
.body .ph{color:var(--color-accent-dark);border:1px dashed var(--color-accent-dark);padding:0 .3em;border-radius:3px;font-size:.85em}

/* Visuels hauts (portrait 4/5) : sections ethique et deux noms */
.dip figure.fig--tall,.imgcar--tall{aspect-ratio:4/5}

/* Texte aligne en haut de l'image et collant au defilement */
@media(min-width:62rem){
  .dip--sticky{align-items:start}
  .dip--sticky .body{position:sticky;top:6.75rem}
}