/* Runa — styles propres à : Les chefs, les mentions légales et la page 404. Chargé après commun.css ; mêmes couches. */
@layer pages{
  html.rn-anim body,html.rn-anim body *:not(.rn-th *){transition:background-color .2s ease,border-color .2s ease,color .2s ease}
  body{margin:0;background:var(--bg)}
  .cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:56px 28px}
  .cg .ph{width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--ph);margin-bottom:16px}
  .cg .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.22,.61,.36,1)}
  .cg a:hover .ph img{transform:scale(1.04)}
  .cg .k b{font-family:"EB Garamond",serif;font-weight:400;font-size:1rem;letter-spacing:0;margin-left:4px;color:var(--ink)}
  .cg h2{margin:0;font-weight:500;font-size:1.375rem;line-height:1.15}
  .cg .d{margin:8px 0 0;font-family:"Josefin Sans",sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .cg .d.d2{margin-top:3px}
  @media (max-width:640px){
    .cg{grid-template-columns:1fr 1fr;gap:40px 14px}
    .cg h2{font-size:1.1875rem}
  }
  dialog.ov{font-family:"EB Garamond",serif;width:min(1120px,94vw);max-width:none;height:min(92vh,1400px);max-height:none;margin:auto;padding:0;border:0;background:var(--bg);color:var(--ink);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
  dialog.ov[open]{animation:ovin .55s cubic-bezier(.22,.61,.36,1)}
  dialog.ov::backdrop{background:rgba(20,19,15,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ovbg .55s ease}
  @keyframes ovin{from{opacity:0;transform:translateY(40px) scale(.985)}to{opacity:1;transform:none}}
  @keyframes ovbg{from{opacity:0}to{opacity:1}}
  .ov-sc{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:28px clamp(20px,5vw,72px) 72px}
  .ov .ep-hd{margin-top:8px}
  .ov .ep-nav button{background:none;border:0;padding:0;color:var(--ink);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}
  @media (max-width:640px){
    dialog.ov{width:100vw;height:100dvh}
  }
  @media (prefers-reduced-motion:reduce){
    dialog.ov[open],dialog.ov::backdrop{animation:none}
  }
  .ov-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 calc(-1*clamp(20px,5vw,72px)) 0;padding:12px clamp(20px,5vw,72px);background:var(--bg);border-bottom:1px solid var(--line)}
  .ov-bt{font-family:"Josefin Sans",sans-serif;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ov-bar button{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:0;color:var(--ink);cursor:pointer;font-family:"Josefin Sans",sans-serif;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;flex:none}
  .ov-bar button span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--ring);border-radius:50%}
  .ov-sc{padding-top:0}
  .ov .ep-hd{margin-top:36px}
  a,button,[role=button]{-webkit-tap-highlight-color:transparent}
  .rn-back .rn-lab{animation:rnfade .4s ease}
  @keyframes rnfade{from{opacity:0}}
  @media (prefers-reduced-motion:reduce){
    .rn-back .rn-lab{animation:none}
  }
  :is(.p-chefs,.p-legal,.p-404) > body{background:#3a2a1c}
  :is(.p-chefs,.p-legal,.p-404) > body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,10,8,.28),rgba(12,10,8,.12) 60%,rgba(12,10,8,.2)),url(../img/bois-n5.webp) 50% 50%/cover #3a2a1c}
  .woodp{position:relative;z-index:1;background:transparent!important;--bg:transparent;--ink:#F2F0E6;--muted:#E2DDCA;--line:rgba(242,240,230,.3);--line2:rgba(242,240,230,.45);--ring:rgba(242,240,230,.6);--accent:#F3C1BF;--ph:rgba(0,0,0,.15);color:#F2F0E6!important;text-shadow:0 1px 3px rgba(0,0,0,.45),0 0 22px rgba(0,0,0,.3)}
  .woodp .rn-th,:is(.p-chefs,.p-legal,.p-404) > body .runa-bar .rn-th{display:none}
  .woodp .cg img{box-shadow:0 10px 30px rgba(0,0,0,.28)}
  :is(.p-chefs,.p-legal,.p-404) > body .rn-foot{position:relative;z-index:1;background:transparent}
  :is(.p-chefs,.p-legal,.p-404) > body .runa-bar{background:rgba(42,30,20,.55);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:rgba(242,240,230,.12);--ink:#F2F0E6;--ring:rgba(242,240,230,.6);color:#F2F0E6}
  :is(.p-chefs,.p-legal,.p-404) > body .runa-bar a:not(.rn-book),:is(.p-chefs,.p-legal,.p-404) > body .runa-bar svg{color:#F2F0E6!important}
  @media (max-width:700px){
    :is(.p-chefs,.p-legal,.p-404) > body::before{background-image:linear-gradient(90deg,rgba(12,10,8,.28),rgba(12,10,8,.12) 60%,rgba(12,10,8,.2)),url(../img/bois-m-r2.webp)}
  }
  @media (max-width:640px){
    .ov-bar button{font-size:0;letter-spacing:0;gap:0}
  }
  @media (max-resolution:1dppx) and (max-width:1920px) and (max-height:950px) and (min-width:701px){
    :is(.p-chefs,.p-legal,.p-404) > body::before{background-image:linear-gradient(90deg,rgba(12,10,8,.28),rgba(12,10,8,.12) 60%,rgba(12,10,8,.2)),url(../img/bois-n5-1920.webp)}
  }
  .legal{flex:999 1 420px;min-width:0;max-width:680px;display:flex;flex-direction:column;gap:44px}
  .legal section{display:flex;flex-direction:column;gap:10px}
  .legal h2{margin:0;font-weight:500;font-size:1.625rem;line-height:1.25}
  .legal h3{margin:14px 0 0;font-weight:500;font-size:1.3125rem;line-height:1.3}
  .legal p,.legal li{margin:0;font-size:1.25rem;line-height:1.45}
  .legal ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
  .legal .lg-todo{font-style:italic;opacity:.8}
  .legal .lg-maj{font-size:1rem;color:var(--muted)}
  .legal [id]{scroll-margin-top:96px}
  .legal .nw{white-space:nowrap}
  @media (max-width:560px){
    .legal h2{font-size:1.5rem}
    .legal p,.legal li{font-size:1.1875rem}
  }
}
@layer retouches{
  .cg a{display:flex;flex-direction:column;align-items:center;text-align:center;color:inherit;text-decoration:none}
  .cg .k{margin:0 0 6px;font-family:"Josefin Sans",sans-serif;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
  .woodp a{color:#F2F0E6}
  :is(.p-chefs,.p-legal,.p-404) > body .rn-foot-in,:is(.p-chefs,.p-legal,.p-404) > body .rn-foot a{color:rgba(242,240,230,.78);border-top-color:rgba(242,240,230,.3);text-shadow:0 1px 3px rgba(0,0,0,.45)}
  .rn-book:hover{background:var(--runa-rouge-survol)}
  .legal a{color:inherit;overflow-wrap:anywhere}
}