/* ============================================================
   WORK v6 — peau MotionVFX posée sur LA VITRINE (feed-v2)
   Le moteur (feed-v2.js) n'est pas touché : on réhabille.
   Chargée APRÈS theme/home-noir/v3/feed-v2 + theme-v6.
   ============================================================ */

/* ---- fondations : tokens legacy remappés sur la v6 ---- */
body[data-page="work"]{
  --ink:var(--bg);
  --card:#141416;
  --card-2:#1C1C1F;
  --line:var(--seam);
  --bone:var(--txt);
  --stone:var(--txt-2);
  --ember:var(--accent);
  --ember-hi:var(--accent-hi);
  --ember-lo:#9AA09D;
  --sans:var(--font);
  --body:var(--font);
  --mono:var(--font);          /* fin du langage mono — une seule famille */
  --serif:var(--font);
  background:var(--bg);
  font-family:var(--font);
}
body[data-page="work"] main{ padding-top:76px; }

/* ---- hero : typographie v6, fin du serif ---- */
body[data-page="work"] .vhero h1{
  font-family:var(--font);
  font-size:clamp(44px,6.2vw,80px);
  font-weight:700; letter-spacing:-.04em; line-height:1.02;
}
body[data-page="work"] .vhero .serif-em{
  font-family:var(--font); font-style:normal;
  color:var(--txt-2); font-weight:400;
}
body[data-page="work"] .vhero .dot{ display:none; }
body[data-page="work"] .vhero p{
  font-family:var(--font); font-size:clamp(16px,1.4vw,20px);
  color:var(--txt-2);
}
body[data-page="work"] .eyebrow2{ border:0; background:none; padding:0; }
body[data-page="work"] .eyebrow2 i{ display:none; }
body[data-page="work"] .eyebrow2 span{
  font-family:var(--font); font-size:13px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--txt-2);
}
body[data-page="work"] .vhero__m b{ font-family:var(--font); font-weight:800; }
body[data-page="work"] .vhero__m .l1,
body[data-page="work"] .vhero__m .l2{
  font-family:var(--font); letter-spacing:.14em; text-transform:uppercase;
}

/* ---- la barre : pilules v6 (fini le mono 10px) ---- */
body[data-page="work"] .vseg{
  background:var(--card);
  border:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
body[data-page="work"] .vseg i{
  background:var(--txt);
  box-shadow:none;
}
body[data-page="work"] .vseg b{
  font-family:var(--font); font-size:12px; font-weight:600;
  letter-spacing:.1em;
}
body[data-page="work"] .vseg b.on{ color:var(--bg); }
body[data-page="work"] .vreels{
  font-family:var(--font); font-size:12px; font-weight:600; letter-spacing:.1em;
  background:var(--accent); color:var(--accent-ink);
  border:0; box-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
body[data-page="work"] .vreels:hover{ background:var(--accent-hi); transform:none; }
body[data-page="work"] .vreels em{ color:rgba(6,6,6,.55); }

/* ---- le mur : pleine couleur, la grammaire hover v6 ---- */
body[data-page="work"] .vcard .m img{
  filter:none;                              /* fin du voile charbon — covers pleine couleur */
}
body[data-page="work"] .vcard .m{
  border-radius:var(--r-card);
  transition:transform var(--t-med) var(--e-std), box-shadow var(--t-med) var(--e-std);
}
body[data-page="work"] .vcard:hover .m img{ transform:scale(1.05); }

/* ---- textes de cartes / tags ---- */
body[data-page="work"] .vtag,
body[data-page="work"] .vplate{
  font-family:var(--font);
}

/* ---- lightbox : cadre 32px ---- */
body[data-page="work"] .vlbx__c{ border-radius:var(--r-hero); overflow:hidden; }

/* ---- bouton « voir plus » ---- */
body[data-page="work"] .vmore{
  font-family:var(--font); font-size:14px; font-weight:600; letter-spacing:.02em;
  border-radius:var(--r-pill);
  background:var(--card-2); color:var(--txt);
  box-shadow:var(--glass-in);
  transition:background-color var(--t-fast) var(--e-std);
}
body[data-page="work"] .vmore:hover{ background:#2A2A2E; }

/* ---- mode reels plein écran : famille unique ---- */
body[data-page="work"] .reels,
body[data-page="work"] .reels *{
  font-family:var(--font);
}