/* 17 octobre : page Projets. Typographie monumentale, filtres en haut, une vraie photo qui suit la liste. Plus d'images d'ambiance. */
.work-index{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(28px,5vh,64px);padding-top:clamp(120px,16vh,170px)}
.work-index-side{grid-column:1/-1;position:static;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.work-index-side .eyebrow{display:none}
.work-index-side h1{margin:0;font-size:clamp(56px,11vw,200px);letter-spacing:-.065em;line-height:.86}
.work-index-side .work-filters{padding-bottom:12px}
.work-index-list{grid-column:1/8;border-top:0}
.work-index-list a{grid-template-columns:44px 1fr 40px;padding:clamp(8px,1.3vh,16px) 0;align-items:center}
.work-index-list li{border-bottom:0}
.wi-num{align-self:start;padding-top:.7em}
.wi-name{font-size:clamp(44px,6.4vw,118px);letter-spacing:-.06em;line-height:.98;grid-row:1/3;align-self:center}
.wi-kind,.wi-line{display:none}
.work-index-list a>span[aria-hidden]{font-size:clamp(22px,2.4vw,40px)}
.work-index-list li.is-active a,.work-index-list a:hover,.work-index-list a:focus-visible{padding-left:clamp(10px,1.6vw,28px)}
.work-index-preview{grid-column:8/13;top:96px;aspect-ratio:4/5;background:#0a0b3c}
.work-index-frame img,.work-index-frame.mood-urban img{object-fit:cover}
@media(max-width:1100px){
 .work-index-list{grid-column:1/-1}
 .work-index-preview{display:none}
}
@media(max-width:760px){
 .work-index-side h1{font-size:clamp(52px,19vw,96px)}
 .wi-name{font-size:clamp(38px,12vw,72px)}
 .work-index-list a{grid-template-columns:30px 1fr 28px}
}

/* Playground : statut et liens vers les projets principaux. */
.pg-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:clamp(20px,3vh,36px)}
.pg-filters button{min-height:40px;padding:0 18px;border:0;font:500 13px/1 var(--display,'Inter Display',Arial,sans-serif);color:inherit;cursor:pointer}
.pg-filters button[aria-pressed=true]{background:rgb(255 79 168/.2)}
.pg-card[hidden]{display:none}
.pg-meta{display:flex;gap:12px;align-items:center;margin:10px 0 0;font-size:13px;color:var(--muted)}
.pg-status{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:500}
.pg-status::before{content:'';width:8px;height:8px;border-radius:50%;background:#9aa3b5}
.pg-wip::before{background:#ff4fa8}
.pg-links{margin:6px 0 0;font-size:13px}
.pg-link{margin-left:6px;text-decoration:underline;text-underline-offset:3px}
.pg-card .work-card-media{aspect-ratio:4/3}
.pg-card .work-card-media img{width:100%;height:100%;object-fit:cover}
.pg-card img[src$=".svg"]{object-fit:contain;padding:10%;background:#f1f3f7}

/* Tablette : l'aperçu reste à côté de la liste (il ne disparaît qu'en mobile). */
@media(min-width:761px) and (max-width:1100px){
 .work-index-list{grid-column:1/8}
 .work-index-preview{display:block;grid-column:8/13;top:90px}
 .wi-name{font-size:clamp(40px,6.6vw,70px)}
}