.details-realisation{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-16) var(--space-6)}.realisation-main-img{width:100%;max-height:500px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-5);transition:box-shadow var(--transition-base)}.miniatures{display:flex;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}.miniature-img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;border:2px solid transparent;transition:all var(--transition-base);opacity:.7}.miniature-img:hover{opacity:1;border-color:var(--color-primary-200)}.miniature-img.active{border-color:var(--color-primary);opacity:1;box-shadow:0 0 0 3px var(--color-primary-50)}.meta-realisation{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-light);gap:var(--space-3)}.meta-realisation .secteur{font-weight:600;color:var(--color-primary)}.details-realisation h1{font-size:clamp(1.75rem,3vw,var(--text-3xl));margin-bottom:var(--space-5);line-height:1.2;letter-spacing:-.02em}.details-realisation .description{font-size:var(--text-lg);margin-bottom:var(--space-8);color:var(--color-text);line-height:1.8;border-left:3px solid var(--color-accent);padding-left:var(--space-5)}.contenu-realisation p{margin-bottom:var(--space-5);line-height:1.85;color:var(--color-text)}.details-realisation .mots-cles{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.details-realisation .mot-cle{display:inline-block;background:var(--color-primary-50);color:var(--color-primary);padding:var(--space-1) var(--space-3);margin:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;transition:all var(--transition-base)}.details-realisation .mot-cle:hover{background:var(--color-primary);color:var(--color-white)}.realisation-map{width:100%;max-width:100%;height:400px;border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-8) 0;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}@media(max-width:600px){.details-realisation{padding:var(--space-10) var(--space-4)}}