.pellicule{background:var(--white);margin-block:clamp(.4rem,2vh,1.2rem) clamp(.2rem,1.5vh,1rem);overflow:hidden}.pellicule-piste{will-change:transform;width:max-content;display:flex}.pellicule-piste>a{box-sizing:content-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8'%3E%3Crect x='7' width='10' height='8' rx='2.5' fill='%23f6f1e7'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8'%3E%3Crect x='7' width='10' height='8' rx='2.5' fill='%23f6f1e7'/%3E%3C/svg%3E");background-position:0 7px,0 calc(100% - 7px);background-repeat:repeat-x;background-size:25% 8px;flex:none;width:clamp(92px,25vw,132px);padding:22px 5px}.pellicule img{aspect-ratio:9/16;object-fit:cover;border-radius:6px;width:100%;height:auto;display:block}.piece{flex-direction:column;gap:clamp(1.4rem,3.5vh,2rem);padding-block:clamp(2.8rem,7vh,4.2rem);display:flex}.piece-texte{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.piece-pour{font-family:var(--font-tit);border-radius:999px;margin:0;padding:5px 14px;font-size:.92rem;font-weight:800}.piece-titre{font-family:var(--font-tit);letter-spacing:-.02em;margin:0;font-size:clamp(1.9rem,1.3rem + 3vw,2.8rem);font-weight:900;line-height:1.08}.piece-ligne{max-width:30em;color:var(--ink-80);margin:0;font-size:clamp(1.02rem,.98rem + .4vw,1.2rem)}.piece-figure{width:min(100%,360px);margin-inline:auto}.serie-rangee{margin:-14px calc(-1 * var(--gutter)) -36px;padding:14px var(--gutter) 36px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:14px;list-style:none;display:flex;overflow-x:auto}.serie-rangee::-webkit-scrollbar{display:none}.serie-rangee>li{scroll-snap-align:start;flex:0 0 min(74vw,320px)}.serie-nom{font-family:var(--font-tit);text-align:center;margin:.8rem 0 0;font-size:1.05rem;font-weight:800}.planche{justify-content:center;gap:8px;width:min(100%,360px);margin:0 auto;padding:0;list-style:none;display:flex}.planche>li{flex:1 1 0;min-width:0;max-width:76px}.planche button{width:100%;color:var(--ink-70);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:7px;padding:0;display:flex}.planche-avance{background:var(--ink-10);border-radius:999px;height:3px;position:relative;overflow:hidden}.planche-avance:after{content:"";border-radius:inherit;background:var(--navy);transform-origin:0;transform:scaleX(var(--p,0));transition:transform .25s linear;position:absolute;inset:0}.planche img{opacity:.72;border-radius:10px;width:100%;height:auto;transition:opacity .3s cubic-bezier(.33,1,.68,1);display:block}.planche-nom{font-family:var(--font-tit);font-size:.72rem;font-weight:800;line-height:1.2}.planche button[aria-current]{color:var(--navy)}.planche button[aria-current] img{opacity:1}@media (prefers-reduced-motion:reduce){.planche-avance:after,.planche img{transition:none}}@media (width>=60rem){.piece{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"texte figure";align-items:center;column-gap:clamp(3rem,7vw,7rem);padding-block:clamp(4.5rem,10vh,7rem);display:grid}.piece--contre{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"figure texte"}.piece-texte{grid-area:texte;gap:1.2rem}.piece-figure{grid-area:figure;width:min(420px,43.875svh)}.piece-titre{font-size:clamp(2.6rem,1.4rem + 2.4vw,4.2rem)}.piece--planche{grid-template-areas:"texte figure""planche figure";row-gap:2.4rem}.piece--planche.piece--contre{grid-template-areas:"figure texte""figure planche"}.piece--planche .piece-texte{align-self:end}.planche{grid-area:planche;justify-content:flex-start;align-self:start;gap:12px;width:100%;margin:0}.planche>li{max-width:104px}.planche-nom{font-size:.86rem}.piece--serie{align-items:stretch;display:flex}.piece--serie .piece-texte{text-align:center;align-items:center}.serie-rangee{justify-content:center;gap:clamp(18px,2.4vw,34px);margin:0;padding:0;overflow:visible}.serie-rangee>li{flex:0 min(320px,34.875svh)}}
