/* v29 : atelier en vidéo */
.pi-atl{padding:26px 0 24px;background:var(--pi-bg)}
.pi-atl__head{display:grid;gap:2px;margin-bottom:12px}
.pi-atl__eb{margin:0!important;display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pi-pink)}
.pi-atl__eb::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pi-pink)}
.pi-atl__t{margin:0;font-size:22px!important;text-transform:uppercase;line-height:1.05}
.pi-atl__track{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:0 16px 4px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pi-atl__track::-webkit-scrollbar{display:none}
.pi-atl__card{position:relative;margin:0;aspect-ratio:9/14;border-radius:18px;overflow:hidden;background:#111;scroll-snap-align:start}
.pi-atl__card video,.pi-atl__card .pi-atl__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pi-atl__card::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));pointer-events:none}
.pi-atl__tag{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;border-radius:999px;background:var(--pi-pink);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pi-atl__card figcaption{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;color:#fff;font-size:15px;font-weight:800;line-height:1.2}
@media (min-width:990px){.pi-atl{padding:56px 0}.pi-atl__track{grid-auto-columns:calc(25% - 8px);margin:0;padding:0;overflow:visible}.pi-atl__t{font-size:34px!important}}