/* ==========================================================================
   LE CONTENU LOURD DU LABO — corner Sculptures et Boutique, montés nus.
   Ajouté le 22/08 à la demande du PO, juste après le verdict : la pièce
   propre avait tranché sur du TEXTE SUR FOND UNI, et la réserve qui restait
   était celle-là — le site, lui, fait défiler des ŒUVRES LUMINEUSES derrière
   une marque blanche. C'est l'autre chose que les voiles faisaient, et que
   personne n'a testée.

   ⚠️ CE FICHIER N'EST PAS UN CALQUE. Il ne pose rien de fixe, rien de sticky,
   rien en z-index. Il habille du contenu, point. Les calques vivent tous dans
   calques.css et nulle part ailleurs — c'est ce qui garde la pièce propre.

   Sobriété volontaire : ni --cm, ni mur à l'échelle physique, ni caisse
   américaine, ni salle de galerie. On ne remonte pas le site dans le labo :
   on lui donne DE GRANDES IMAGES CLAIRES qui traversent la zone de la marque
   en défilant. C'est tout ce que la question demande.
   ========================================================================== */

/* Le héros : plein cadre, en débord des marges de la page — une image qui
   occupe la largeur physique et passe SOUS la marque au chargement. */
.heros {
    margin: 10px -20px 22px;
    aspect-ratio: 4 / 5;
    background-size: cover; background-position: center;
    background-color: #e9e9e9;
}
.heros-leg { font-size: 12px; color: #888; margin: -14px 0 22px; }

/* La grande pièce détourée : PNG à canal alpha, donc littéralement claire sur
   fond clair. C'est le pire cas pour une marque blanche, et c'est exprès. */
.piece-grande { display: block; width: 100%; height: auto; margin: 8px 0 4px; }

/* La grille des pièces — deux colonnes, cartels sous chaque vignette. */
.mur { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 14px; margin: 18px 0 8px; }
.mur figure { margin: 0; }
.mur img { width: 100%; height: auto; display: block; }
.cartel { margin-top: 6px; line-height: 1.35; }
.cartel b { display: block; font-size: 14px; font-weight: 600; }
.cartel span { display: block; font-size: 12px; color: #888; font-variant-numeric: tabular-nums; }

/* Sous le décor, les cartels reprennent l'encre du site (calques.css impose
   déjà la couleur du corps ; ici on rattrape le gris des mentions). */
html[data-c*="d"] .cartel span,
html[data-c*="d"] .heros-leg { color: rgba(255, 255, 255, 0.55); }
html[data-c*="d"] .heros { background-color: rgba(255, 255, 255, 0.06); }