/* ===== pages projet (s'ajoute à ludique.css) ===== */
.crumbs{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;text-decoration:none;color:var(--muted);margin-bottom:20px}
.crumbs:hover{color:var(--ink)}
.brief{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,72px);align-items:start;text-align:left}
.brief h2{margin-bottom:20px}
.brief p{color:var(--muted);margin-bottom:14px;max-width:58ch}
.facts{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--sh);padding:28px;display:grid;gap:18px}
.facts dt{font-family:var(--display);font-weight:600;font-size:.875rem;color:var(--blue);margin-bottom:6px}
.facts dd{margin:0}
.facts .tagrow{margin:0}
.stagebox{background:linear-gradient(135deg,#EEF0FF,#FFF1F7);border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:var(--sh-lg);padding:clamp(20px,4vw,48px);display:grid;place-items:center;overflow:hidden}
.stagebox.dark{background:#0A0B0C}
.stagebox img{max-width:100%;height:auto;display:block}
.duo{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:center}
.duo.even{grid-template-columns:1fr 1fr;align-items:start}
.cap{margin-top:18px;color:var(--muted);text-align:center;font-size:.9688rem}
.sec-actions{display:flex;justify-content:center;margin-top:34px}
.spec{border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--sh);padding:30px;background:#0A0B0C;color:#F4F4F4;display:flex;flex-direction:column;gap:14px;min-height:230px;text-align:left}
.spec .name{font-family:var(--body);font-size:.8125rem;color:#C9A348;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.spec .big{font-size:clamp(2rem,4vw,3rem);line-height:1.1}
.spec .small{color:#B9B9BF;font-size:.9688rem;margin-top:auto}
.spec.fell .big{font-family:'IM Fell English SC',Georgia,serif}
.spec.jak .big{font-family:'Plus Jakarta Sans',var(--body);font-weight:600}
.swatches4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}
.sw{border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--sh);padding:24px;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}
.sw b{font-family:'IM Fell English SC',Georgia,serif;font-size:1.35rem;font-weight:400;line-height:1.2}
.sw span{font-size:.9rem;font-weight:600;letter-spacing:.04em}
.rollup-img{max-height:600px;width:auto !important;margin-inline:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.still{position:relative;border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:var(--sh-lg);overflow:hidden;background:#0A0B0C}
.still img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;object-position:top;display:block;opacity:.9}
.still span{position:absolute;left:20px;bottom:18px;background:var(--yellow);border:var(--bw) solid var(--ink);border-radius:999px;padding:6px 18px;font-family:var(--display);font-weight:600;box-shadow:3px 3px 0 var(--ink)}
.logo-hero{background:#4E7A3B;border:var(--bw) solid var(--ink);border-radius:32px;box-shadow:var(--sh-lg);display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,48px);aspect-ratio:4/3.4;max-width:520px;margin-inline:auto;width:100%;transform:rotate(-1.5deg)}
.logo-hero img{max-height:100%;width:auto;max-width:78%}
.print-card{border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--sh);overflow:hidden;background:#fff;text-align:left}
.print-card img{width:100%;height:auto;display:block}
.print-card .lab{padding:16px 22px;border-top:var(--bw) solid var(--ink);font-family:var(--display);font-weight:600}
.quote{background:var(--yellow);border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:var(--sh-lg);padding:clamp(28px,5vw,56px);position:relative;text-align:left;max-width:900px;margin-inline:auto}
.quote::before{content:"\201C";position:absolute;top:-8px;left:26px;font-family:var(--display);font-size:7rem;line-height:1;color:var(--orange);text-shadow:2px 2px 0 var(--ink)}
.quote blockquote{margin:0;padding-top:34px;font-family:var(--display);font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.35;font-weight:500}
.quote cite{display:block;margin-top:22px;font-style:normal;font-weight:600}
.quote cite small{display:block;font-weight:400;color:#3C3A4B}
.pictos{background:#fff;border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:var(--sh-lg);padding:clamp(20px,4vw,40px)}
.pictos img{width:100%;max-width:620px;margin-inline:auto;height:auto;display:block}
.nextgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}
.nx{display:flex;justify-content:space-between;align-items:center;gap:16px;text-decoration:none;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--sh);padding:24px 28px;transition:transform .2s,box-shadow .2s}
.nx:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.nx small{display:block;font-family:var(--display);font-weight:600;color:var(--blue);margin-bottom:2px}
.nx h3{font-size:1.5rem}
.nx:hover .arrow{transform:rotate(45deg)}
.pf-frame .ba{border-bottom:0}
@media(max-width:900px){
  .brief,.duo,.duo.even{grid-template-columns:1fr}
  .swatches4{grid-template-columns:1fr 1fr}
  .nextgrid{grid-template-columns:1fr}
}
@media(max-width:520px){.swatches4{grid-template-columns:1fr}}
.stagebox:not(.dark) img{mix-blend-mode:multiply}
.duo,.duo.even{align-items:stretch}
.stagebox{align-content:center}
.hero h1{font-size:clamp(2.1rem,4vw,3.5rem)}
.ba-label{color:var(--ink)}
.stagebox.white{background:#fff}
.stagebox.white img{mix-blend-mode:normal}

/* lecteur vidéo (chargé au clic) */
.video{position:relative;aspect-ratio:16/9;border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:var(--sh-lg);overflow:hidden;background:#0A0B0C}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#0A0B0C;display:block}
.video-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:opacity .2s,transform .4s}
.video-play:hover img{opacity:1;transform:scale(1.02)}
.video-play .btnplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--yellow);border:var(--bw) solid var(--ink);box-shadow:var(--sh);display:grid;place-items:center;transition:transform .15s}
.video-play:hover .btnplay{transform:translate(-50%,-50%) scale(1.08)}
.video-play .btnplay svg{width:34px;height:34px;margin-left:5px}
.video-play .chip{position:absolute;left:20px;bottom:18px;background:var(--yellow);border:var(--bw) solid var(--ink);border-radius:999px;padding:6px 18px;font-family:var(--display);font-weight:600;font-size:1rem;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.video-play:focus-visible{outline:3px solid var(--blue);outline-offset:-6px}
@media(max-width:600px){.video-play .btnplay{width:64px;height:64px}.video-play .btnplay svg{width:26px;height:26px}}