/* Annuaire des créateurs : rangée de vignettes comme sur l'accueil, et vidéo de présentation */
.cr-dir { max-width: 1100px; margin: 0 auto; padding: 128px 16px 0; color: var(--text); }
.cr-dir h1 { margin: 0 0 8px; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.cr-dir-intro { margin: 0; color: var(--text-soft); }
.cr-empty-dir { color: var(--text-meta); padding: 20px 16px; }

.row-wrap { position: relative; z-index: 1; margin: 0; padding: 30px 0 16px; }
.row-wrap h2 { font-size: 1.4rem; margin: 0; padding-left: 4vw; color: var(--text); }
.row-wrap h2 .row-emoji { margin-right: 8px; }
.row-wrap .row { margin: 0 -16px; }

.cr-trailer summary { cursor: pointer; font-weight: 700; color: var(--accent); padding: 4px 0; list-style: none; }
.cr-trailer summary::-webkit-details-marker { display: none; }
.cr-trailer[open] summary { margin-bottom: 10px; }
.cr-trailer iframe, .cr-trailer video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; background: #000; }
.cr-trailer-wrap { margin: 0 0 24px; max-width: 760px; }
.cr-trailer-wrap iframe, .cr-trailer-wrap video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 14px; background: #000; }