/* Original archive photographs: grayscale values, CSS Color blending only. */
.discipline-card,.discipline-card:hover,.discipline-card:focus-visible{background:#E1E6E1}
.discipline-card .archive-frame{display:flex;align-items:center;justify-content:center;width:100%;height:175px;flex:none}
.discipline-card .archive-photo{position:relative;isolation:isolate;width:min(100%,var(--archive-width));aspect-ratio:var(--archive-ratio);max-height:175px;flex:none}
.discipline-card .archive-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:grayscale(1);opacity:1;transform:none}
.archive-photo::after{content:"";position:absolute;inset:0;background:#014FC2;mix-blend-mode:color;pointer-events:none;transition:background-color .18s ease}
.discipline-card:hover .archive-photo::after,.discipline-card:focus-visible .archive-photo::after{background:#FB6500}
/* Project cards replace the category illustration and drag horizontally. */
.category-project-rail{display:flex;align-items:stretch;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#014FC266 #E1E6E1;margin:32px 0 0;padding:8px 0 20px;cursor:grab;touch-action:pan-x pan-y}
.category-project-rail .project-box{flex:0 0 300px;width:300px;min-height:190px;margin:0;transform:none;scroll-snap-align:start;display:flex;flex-direction:column}
.category-project-rail .project-box small{margin-top:auto;padding-top:12px}
.category-project-rail.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.category-project-rail:focus-visible{outline:1px solid #014FC2;outline-offset:4px}
@media(max-width:700px){.category-project-rail .project-box{flex-basis:82vw;width:82vw;max-width:340px}.category-project-rail{gap:14px}}
@media(prefers-reduced-motion:reduce){.archive-photo::after{transition:none}}
.category-project-rail a.project-box{background:linear-gradient(#014FC214,#014FC214),#fff}
.category-project-rail .project-no-page{background:#fff;color:#014FC2}
.category-project-rail a.project-box:hover,.category-project-rail a.project-box:focus-visible{background:linear-gradient(#FB650014,#FB650014),#fff;color:#FB6500;border-color:#FB6500}
/* Disciplinary photographs and centered captions on the white section. */
#champs-disciplinaires{background:#fff}
#champs-disciplinaires .discipline-card,
#champs-disciplinaires .discipline-card:hover,
#champs-disciplinaires .discipline-card:focus-visible{
 background:transparent;border:0;border-radius:0;box-shadow:none;
 padding:0;min-height:0;justify-content:flex-start;align-items:center;
 color:#014FC2;text-decoration:none;
}
#champs-disciplinaires .discipline-card>span{
 width:100%;display:block;margin-top:18px;text-align:center;color:#014FC2;
 transition:color .18s ease;
}
#champs-disciplinaires .discipline-card:hover>span,
#champs-disciplinaires .discipline-card:focus-visible>span{color:#FB6500}
@media(prefers-reduced-motion:reduce){#champs-disciplinaires .discipline-card>span{transition:none}}
#champs-disciplinaires .archive-frame{align-items:flex-end}

/* Landscape thumbnails share one size; source files remain untouched. */
#champs-disciplinaires .archive-photo{width:min(100%,280px);aspect-ratio:8/5;max-height:175px;overflow:hidden}
#champs-disciplinaires .archive-photo img{width:100%;height:100%;object-fit:cover}
#champs-disciplinaires img[src*="archives/paysage.png"]{object-position:50% 40%}
#champs-disciplinaires img[src*="archives/programmation.png"]{object-position:50% 60%}
#champs-disciplinaires img[src*="archives/renouvellement-urbain.png"]{object-position:50% 20%}
#champs-disciplinaires img[src*="archives/prospective-et-territoire.png"]{object-position:50% 10%}
#champs-disciplinaires img[src*="archives/reglementaire.png"]{object-position:50% 22%}
#champs-disciplinaires img[src*="archives/mediation-et-enseignement.png"]{object-position:50% 10%}
#champs-disciplinaires img[src*="archives/evaluation.png"]{object-position:50% 25%}
/* Uniform portrait framing, with the person visible in each original photograph. */
#champs-disciplinaires .archive-frame{height:254px;align-items:flex-end}
#champs-disciplinaires .archive-photo{width:min(100%,190px);aspect-ratio:3/4;max-height:254px}
#champs-disciplinaires .archive-photo img{object-fit:cover;object-position:50% 50%!important}
#champs-disciplinaires .archive-photo img[src*="archives/paysage.png"]{object-position:45% 50%!important}