/* Page des démos (demo/_commun/demo.css) : jetons de la charte 2026 de site.css seulement, cartes comme demo/xr. */
.dm-hero h1{max-width:22ch}
.dm-creux{background:var(--creux)}
.dm-tout{margin-top:14px}

.dm-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.dm-carte{display:flex;flex-direction:column;min-width:0;background:var(--blanc);border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--filet);color:var(--encre);
  transition:transform var(--t-court) var(--ease),box-shadow var(--t-court)}
.dm-carte:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--terracotta),0 16px 28px -20px rgba(34,32,31,.55)}
.dm-carte:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.dm-carte img,.dm-vide{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--charcoal)}
.dm-carte .b{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px;flex:1}
.dm-carte .k{font-size:14px;font-weight:500;color:var(--gris)}
.dm-carte .t{font-family:var(--titre);font-size:21px;font-weight:700;line-height:1.2}
.dm-carte .d{font-size:16px;line-height:1.55;color:var(--graphite)}
.dm-carte .go{margin-top:auto;padding-top:8px;font-weight:600;color:var(--acc)}
.dm-carte .go::after{content:" →"}

@media (max-width:1100px){.dm-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dm-grille{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dm-carte{transition:none}.dm-carte:hover{transform:none}}