/* Moodboard — galerie d'inspiration (réutilise les tokens du site : base.css) */

.mb-intro{padding:var(--sp-8) 0 var(--sp-6);text-align:center}
.mb-intro__eyebrow{font-family:var(--ff-alt);font-size:var(--fs-xs);
  letter-spacing:var(--tracking-xwide);text-transform:uppercase;color:var(--c-ink-muted);
  max-width:none;margin-bottom:var(--sp-4)}
.mb-intro__lede{max-width:46ch;margin:var(--sp-4) auto 0;color:var(--c-ink-muted);
  font-size:var(--fs-md);line-height:var(--lh-base)}

/* Barre sticky : onglets univers + filtres */
.mb-controls{position:sticky;top:var(--mb-header-h,91px);z-index:30;
  background:rgba(242,247,244,.92);backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--c-rule);padding:var(--sp-4) 0}
.mb-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}
.mb-tab{font-family:var(--ff-body);font-size:var(--fs-sm);letter-spacing:.03em;
  border:1px solid var(--c-rule);background:var(--c-card);color:var(--c-ink);
  padding:10px 18px;border-radius:9999px;cursor:pointer;
  transition:transform .25s ease,background .25s ease,color .25s ease}
.mb-tab:hover{transform:translateY(-1px)}
.mb-tab[aria-selected="true"]{background:var(--c-ink);color:var(--c-button-text);border-color:var(--c-ink)}
.mb-tab .n{opacity:.55;margin-left:7px;font-variant-numeric:tabular-nums}
.mb-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;
  margin-top:var(--sp-3)}
.mb-chip{font-size:var(--fs-xs);border:1px solid var(--c-rule);background:var(--c-card);
  padding:7px 14px;border-radius:9999px;cursor:pointer;color:var(--c-ink-muted);
  transition:all .2s ease}
.mb-chip:hover{color:var(--c-ink)}
.mb-chip[aria-pressed="true"]{background:var(--c-ink);color:var(--c-button-text);border-color:var(--c-ink)}

/* Galerie masonry */
.mb-gallery{columns:4 280px;column-gap:var(--sp-5);
  padding:var(--sp-6) var(--container-pad) var(--sp-9)}
.mb-card{break-inside:avoid;margin:0 0 var(--sp-5);position:relative;border-radius:14px;
  overflow:hidden;background:var(--c-card);box-shadow:0 10px 34px rgba(0,0,0,.10);
  opacity:0;transform:translateY(16px);
  transition:opacity .6s ease,transform .6s ease}
.mb-card.in{opacity:1;transform:none}
.mb-card img{display:block;width:100%;height:auto;cursor:zoom-in}
.mb-card__cap{position:absolute;left:0;right:0;bottom:0;padding:18px 14px 12px;
  background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;
  font-size:var(--fs-xxs);letter-spacing:.06em;text-transform:uppercase;
  opacity:0;transition:opacity .3s ease}
.mb-card:hover .mb-card__cap{opacity:1}
.mb-empty{padding:var(--sp-9) var(--sp-4);text-align:center;color:var(--c-ink-muted);
  font-family:var(--ff-display);font-size:var(--fs-lg)}

/* Lightbox plein écran */
.mb-lightbox{position:fixed;inset:0;z-index:60;background:rgba(15,18,16,.95);
  display:none;align-items:center;justify-content:center;padding:32px}
.mb-lightbox.open{display:flex}
.mb-lightbox img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:8px;
  box-shadow:0 24px 90px rgba(0,0,0,.6)}
.mb-lb__cap{position:absolute;bottom:26px;left:0;right:0;text-align:center;color:#fff;
  font-family:var(--ff-display);font-size:var(--fs-md);letter-spacing:.02em}
.mb-lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;
  border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:24px;
  cursor:pointer;display:grid;place-items:center;transition:background .2s ease}
.mb-lb__nav:hover{background:rgba(255,255,255,.28)}
.mb-lb__prev{left:24px}.mb-lb__next{right:24px}
.mb-lb__close{position:absolute;top:20px;right:26px;background:none;border:none;color:#fff;
  font-size:32px;cursor:pointer;line-height:1}

@media (max-width:640px){.mb-gallery{columns:2 150px}}