/* R38 : même gabarit que Kenji pour les neuf spécialistes. */
.departments nav .specialist-card .department-trigger{
 grid-template-columns:38% minmax(0,1fr);
}
.departments nav .specialist-card .specialist-media{height:72px}
.departments nav .specialist-card .portrait-frame{
 position:absolute;display:block;inset:0 10%;width:80%;height:100%;margin:0;overflow:hidden;background:#1a2027;
}
.departments nav .specialist-card .specialist-media .portrait-frame img,
.departments nav .specialist-card .specialist-media .portrait-frame video{
 inset:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--portrait-y,20%);transform:none;
}
.specialist-card[data-department="juridique"]{--portrait-y:10%}
.specialist-card[data-department="groom"]{--portrait-y:16%}
.specialist-card[data-department="entreprise"]{--portrait-y:30%}
.specialist-card[data-department="traduction"]{--portrait-y:30%}
.specialist-card[data-department="ecriture"]{--portrait-y:20%}
.specialist-card[data-department="compta"]{--portrait-y:12%}
.specialist-card[data-department="marketing"]{--portrait-y:8%}
.specialist-card[data-department="questions_libres"]{--portrait-y:35%}
/* Le groupe gagne un peu de taille tout en conservant ses quatre visages. */
.departments nav .specialist-card[data-department="secretariat"] .specialist-media .portrait-frame img,
.departments nav .specialist-card[data-department="secretariat"] .specialist-media .portrait-frame video{
 object-fit:contain;object-position:center;transform:scale(1.12);transform-origin:50% 45%;
}
@media(min-width:721px) and (max-width:1200px){
 /* Même axe de texte pour tous, avec la place du titre Documentalistes. */
 .departments nav .specialist-card .department-trigger{grid-template-columns:32% minmax(0,1fr)}
}
@media(max-width:720px){
 .departments nav .specialist-card,
 .departments nav .specialist-card .department-trigger{min-width:220px}
}
/* Aperçu extérieur : aucune modification de la place occupée par les cartes. */
.portrait-preview{
 position:fixed;z-index:45;inset:auto;margin:0;padding:0;overflow:hidden;pointer-events:auto;
 background:#111923;border:1px solid #c88b22;border-radius:8px;box-shadow:0 12px 35px #0005;
}
.portrait-preview[hidden]{display:none}
.portrait-preview img,.portrait-preview video{
 position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;
}
.portrait-preview video{opacity:0;transition:opacity .15s}
.portrait-preview.is-playing video{opacity:1}