/* RDS — carnet de recettes */
.recipes-page .recipe-hero {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(24px,6vw,82px);
  align-items:center;
  padding-block:clamp(44px,7vw,95px);
}
.recipes-page .recipe-hero h1 {font-size:clamp(57px,8.05vw,116px);text-wrap:initial}
.recipes-page .recipe-hero h1>span {color:var(--red)}
.recipes-page .recipe-hero .recipe-lead {max-width:45ch;margin:22px 0 12px}
.recipes-page .recipe-hero img {object-fit:cover;aspect-ratio:1.5}
.recipes-page .recipe-guide {background:var(--paper-strong) url('assets/paper-grain.svg');padding-block:clamp(44px,6.75vw,92px)}
.recipes-page .recipe-index-heading {display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px}
.recipes-page .recipe-index-heading .eyebrow {margin-bottom:12px}
.recipes-page .recipe-count {flex:none;font-size:14px;font-variant-numeric:tabular-nums}
.recipes-page .recipe-filters {display:flex;gap:8px;flex-wrap:wrap;padding-bottom:22px}
.recipes-page .recipe-filters button {
  background:var(--white);
  color:var(--ink);
  border:1px solid var(--line);
  padding:10px 13px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:700;
}
.recipes-page .recipe-filters button:hover {border-color:var(--red);color:var(--red)}
.recipes-page .recipe-filters button[aria-pressed=true] {color:var(--white);background:var(--red);border-color:var(--red)}
.recipes-page .recipe-filters button>span {font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}
.recipes-page .recipe-family {padding-top:clamp(20px,3vw,36px);border-top:1px solid var(--line)}
.recipes-page .recipe-family+.recipe-family {margin-top:clamp(35px,5.6vw,76px)}
.recipes-page .recipe-family-heading {display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:10px 14px;margin-bottom:clamp(16px,2.3vw,28px)}
.recipes-page .recipe-family-heading h3 {font-size:clamp(31px,4vw,51px);text-wrap:initial}
.recipes-page .recipe-family-heading p {justify-self:end;max-width:54ch;font-size:15px}
.recipes-page .recipe-family-index {color:var(--red);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.recipes-page .recipe-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px}
.recipes-page .recipe-card {min-width:0;background:var(--white);border:1px solid var(--line)}
.recipes-page .recipe-card>summary {display:grid;grid-template-rows:auto 1fr;min-height:100%;outline-offset:3px}
.recipes-page .recipe-card-visual {display:block;overflow:hidden;aspect-ratio:3/2;background:var(--coal)}
.recipes-page .recipe-card-visual img {height:100%;object-fit:cover;transition:transform .38s cubic-bezier(.22,.68,.3,1)}
@media (hover:hover) {
  .recipes-page .recipe-card>summary:hover img {transform:scale(1.045)}
}
.recipes-page .recipe-card-copy {display:grid;grid-template-rows:auto auto 1fr auto auto;align-content:start;gap:11px;padding:clamp(15px,1.6vw,22px)}
.recipes-page .recipe-card-index {color:var(--red);font-weight:700;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.recipes-page .recipe-card-title {font:700 clamp(25px,2.5vw,34px)/1.02 RDS,'Arial Narrow',Arial,sans-serif;letter-spacing:-.032em;text-wrap:balance}
.recipes-page .recipe-card-intro {font-size:15px;color:var(--muted);line-height:1.42}
.recipes-page .recipe-card-meta {font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.recipes-page .recipe-card-action {display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;color:var(--red);font-size:14px;font-weight:700}
.recipes-page .recipe-card-plus {font-size:24px;line-height:1;font-weight:400;transition:transform .18s}
.recipes-page .recipe-card[open] {grid-column:1 / -1}
.recipes-page .recipe-card[open]>summary {min-height:0;grid-template-rows:auto}
.recipes-page .recipe-card[open] .recipe-card-copy {grid-template-rows:repeat(5,auto)}
.recipes-page .recipe-card[open] .recipe-card-plus {transform:rotate(45deg)}
.recipes-page .recipe-card:not([open]) .recipe-close-label,
.recipes-page .recipe-card[open] .recipe-open-label {display:none}
.recipes-page .recipe-detail {padding:20px 22px 26px}
.recipes-page .recipe-facts {display:flex;flex-wrap:wrap;gap:13px 25px;margin-bottom:26px;padding:16px;background:var(--paper)}
.recipes-page .recipe-facts>div {min-width:87px}
.recipes-page .recipe-facts dt {font-size:12px;color:var(--muted);margin-bottom:5px}
.recipes-page .recipe-facts dd {font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.recipes-page .recipe-columns {display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(25px,5vw,68px)}
.recipes-page .recipe-columns h3 {font-size:27px;margin-bottom:13px}
.recipes-page .recipe-columns ul,.recipes-page .recipe-columns ol {margin:0;padding-left:1.3em;font-size:16px;line-height:1.55}
.recipes-page .recipe-columns li {padding-left:.16em}
.recipes-page .recipe-columns li+li {margin-top:7px}
.recipes-page .recipe-columns li::marker {color:var(--red);font-weight:700}
.recipes-page .recipe-note {
  display:grid;
  grid-template-columns:minmax(175px,.64fr) minmax(0,1.36fr);
  gap:18px 36px;
  padding:clamp(20px,4vw,42px);
  border-top:2px solid var(--red);
  background:var(--white);
}
.recipes-page .recipe-note h2 {font-size:clamp(26px,2.65vw,38px);line-height:1.02}
.recipes-page .recipe-note p {font-size:15px}
.recipes-page .recipe-sources {display:flex;flex-wrap:wrap;gap:0 18px;margin-top:12px}
.recipes-page .recipe-sources a {font-size:13px}
@media (min-width:641px) {
  .recipes-page .recipe-card[open]>summary {grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center}
  .recipes-page .recipe-card[open] .recipe-card-visual {height:100%;max-height:320px}
  .recipes-page .recipe-card[open] .recipe-card-copy {padding:clamp(22px,4.8vw,65px)}
  .recipes-page .recipe-card[open] .recipe-card-title {font-size:clamp(30px,3.6vw,53px)}
}
@media (max-width:1040px) {
  .recipes-page .recipe-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px) {
  .recipes-page .recipe-hero,.recipes-page .recipe-grid,.recipes-page .recipe-note,.recipes-page .recipe-columns {grid-template-columns:1fr}
  .recipes-page .recipe-index-heading {align-items:start;flex-direction:column;gap:10px;margin-bottom:17px}
  .recipes-page .recipe-filters button {padding-inline:11px}
  .recipes-page .recipe-family-heading {grid-template-columns:auto minmax(0,1fr)}
  .recipes-page .recipe-family-heading p {grid-column:2;justify-self:start}
  .recipes-page .recipe-detail {padding:0 16px 22px}
  .recipes-page .recipe-facts {padding:13px}
}
@media (prefers-reduced-motion:reduce) {
  .recipes-page .recipe-card-plus,.recipes-page .recipe-card-visual img {transition:none}
  .recipes-page .recipe-card>summary:hover img {transform:none}
}
.recipes-page .recipe-hero-links {display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px}
.recipes-page .recipe-hero-links .text-link {margin:0}
