/* ==========================================================================
   COM'X — Page Identité & communication (Brandix)
   Complète audit-3d.css et solution-creatix.css : étoile violette, scènes des cartes.
   ========================================================================== */

body.aud-3d--purple .aud-fly-star{background:linear-gradient(150deg,#c3a6ff,#6c3ce0)}
body.aud-3d--purple .crea-tag{color:#4a24a8;background:#f0eaff;border-color:#4a24a8}

.crea-visual--purple{--bg:linear-gradient(135deg,#8a5cf0,#2c1470)}
.crea-visual--ink{--bg:linear-gradient(135deg,#2a2a44,#0a0a12)}
.crea-visual--pink{--bg:linear-gradient(135deg,#ff7eb3,#7a1d4d)}

/* feuille de papier avec le logo */
.brx-sheet{
  position:absolute;z-index:1;left:17%;right:17%;top:12%;bottom:12%;
  display:grid;place-items:center;padding:4%;
  background:#fff;border:3px solid #0a0a12;border-radius:6px;
  box-shadow:0 18px 30px rgba(0,0,0,.35);
  transform:rotate(-3deg);transition:transform .5s var(--ease);
}
.brx-sheet img{display:block;width:100%;height:100%;object-fit:contain}

/* planche de couleurs et de typographies */
.brx-board{
  position:absolute;z-index:1;left:10%;right:10%;top:12%;bottom:12%;
  display:flex;flex-direction:column;justify-content:space-between;gap:.4rem;padding:5% 6%;
  background:var(--paper);border:3px solid #0a0a12;border-radius:6px;
  box-shadow:0 18px 30px rgba(0,0,0,.4);
  transform:rotate(2deg);transition:transform .5s var(--ease);
}
.brx-swatches{display:flex;gap:6px}
.brx-swatches span{flex:1;aspect-ratio:1.6;max-height:44px;background:var(--c);border:2px solid #0a0a12;border-radius:6px}
.brx-type{margin:0;line-height:1.05;color:#0a0a12}
.brx-type--a{font-family:var(--font-display);font-size:clamp(1.3rem,3.2vw,1.9rem);letter-spacing:.02em}
.brx-type--b{font-family:var(--font-stamp);font-size:clamp(1.3rem,3.2vw,1.9rem);color:#6c3ce0}
.brx-type--c{font-family:var(--font-body);font-weight:700;font-size:clamp(.95rem,2.2vw,1.25rem)}

/* bannière de réseaux sociaux */
.brx-banner{
  position:absolute;z-index:1;left:5%;right:5%;top:50%;translate:0 -50%;
  background:#fff;border:3px solid #0a0a12;border-radius:8px;overflow:hidden;
  box-shadow:0 18px 30px rgba(0,0,0,.35);
  transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transition:transform .5s var(--ease);
}
.brx-banner img{display:block;width:100%;height:auto}

/* l'équipe de super-héros */
.brx-lineup{position:absolute;z-index:1;left:3%;right:3%;bottom:0;top:12%;transition:transform .5s var(--ease)}
.brx-lineup img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}

.crea-card:hover .brx-sheet{transform:rotate(-1deg) translateY(-6px)}
.crea-card:hover .brx-board{transform:rotate(1deg) translateY(-6px)}
.crea-card:hover .brx-banner{transform:perspective(1200px) rotateY(-2deg) rotateX(0deg) translateY(-6px)}
.crea-card:hover .brx-lineup{transform:translateY(-6px)}

@media (prefers-reduced-motion:reduce){
  .brx-sheet,.brx-board,.brx-banner,.brx-lineup{transition:none}
}