/* Dimensions et ordre des deux présentations conservés. */
.logo-slide picture { display:block; }
.creators-content { padding-bottom:8px; margin-bottom:8px; }
.creators-row { display:grid; grid-template-columns:repeat(4,1fr); margin-inline:-12px; }
.creators-intro,.creators-outro { grid-column:1/-1; padding-inline:8px; }
.creators-intro h2 { margin:0 0 32px; font-size:2.2em; font-weight:300; line-height:42px; letter-spacing:-.05em; }
.creators-intro p { font-size:1.2em; text-align:justify; }
.creators-copy { padding:24px; grid-column:span 3; }
.creators-copy ul { padding-left:32px; margin:0 0 16px; }
.creators-copy li { text-align:justify; }
.creators-logos { margin-bottom:24px; min-width:0; }
.logo-carousel { position:relative; overflow:hidden; margin-bottom:20px; touch-action:pan-y; }
.logo-track { display:flex; transition:transform .3s ease; }
.logo-slide { flex:0 0 calc(100% / var(--logo-items,1)); min-width:0; opacity:.2; transition:opacity .3s ease; }
.logo-slide.is-current { opacity:1; }
.logo-slide img { display:block; width:auto; max-width:100%; height:250px; object-fit:contain; padding:10px; margin:auto; filter:grayscale(1); }
.logo-controls { position:absolute; bottom:0; right:0; display:flex; gap:4px; opacity:0; }
.logo-carousel:focus-within .logo-controls,.logo-carousel:hover .logo-controls { opacity:1; }
.logo-controls button { border:1px solid #ddd; background:white; color:#555; padding:3px 8px; cursor:pointer; }
.creators-content hr { border:0; height:1px; background:rgba(0,0,0,.06); margin:48px 0; }
.creators-divider { grid-column:1/-1; }
.french-intro { margin-bottom:4px; }
.french-intro p,.creators-outro p { margin-bottom:0; }
.french { grid-column:2/-1; grid-row:auto; order:2; }
.creators-photo { grid-column:1; grid-row:auto; order:1; margin-bottom:24px; display:flex; align-items:center; }
.creators-photo img { display:block; width:auto; max-width:100%; height:400px; object-fit:contain; padding:10px; margin:0 auto 20px; }
.creators-outro { order:3; margin-bottom:4px; }
.creators-outro p { text-align:justify; }
#portfolioGrid a { height:12.25vw; }
@media(max-width:1199.98px) { .logo-carousel { --logo-items:7; } }
@media(min-width:1199px) and (max-width:1199.98px) { .logo-carousel { --logo-items:4; } }
@media(max-width:991.98px) {
 .creators-row { grid-template-columns:1fr; }
 .creators-copy,.french,.creators-photo { grid-column:1; }
 .french,.creators-photo,.creators-outro { order:0; }
 .french { grid-row:7; }
 .creators-photo { grid-row:6; }
 .logo-carousel { --logo-items:5; }
 #portfolioGrid a { height:20.25vw; }
}
@media(min-width:979px) and (max-width:991.98px) { .logo-carousel { --logo-items:3; } }
@media(max-width:767.98px) { .logo-carousel { --logo-items:1; } #portfolioGrid a { height:50vw; } }
@media(max-width:576px) { #portfolioGrid a { height:70vw; } }
@media(max-width:575.98px) { .creators-intro h2 { line-height:40px; } }
@media(prefers-reduced-motion:reduce) { .logo-track { transition:none; } }