.heros{position:relative;height:165svh;background:#000}.heros__scene{position:sticky;top:0;height:100svh;overflow:hidden;color:#fff}.heros__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.14 - var(--charge,0)*.14 + var(--p,0)*.08));transition:transform 2.2s var(--ease);will-change:transform}.heros__voile{position:absolute;inset:0;background:linear-gradient(180deg,#00000059,#0000001a 40%,#0000008c)}.heros__nuit{position:absolute;inset:0;background:#000;opacity:calc(var(--p,0)*1.05)}.heros__contenu{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;padding:0 var(--g) 2rem;opacity:calc(1 - var(--p,0)*1.6);transform:translateY(calc(var(--p,0)*-60px))}.heros__titre{font-family:var(--f-nom);align-self:center;margin:0;font-weight:400;line-height:.94;letter-spacing:.03em;font-size:clamp(3.9rem,14.2vw,13.2rem);text-transform:uppercase}.heros__titre small{display:block;font-size:.3em;letter-spacing:.12em;line-height:1;margin-top:.2em}.heros__meta{align-self:center;display:flex;gap:1.1rem;font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding-top:22vh}.heros__meta span:nth-child(2){color:#ffffff8c}.heros__citation{grid-column:1;max-width:29rem;margin:0;font-size:.95rem;line-height:1.5;color:#ffffffe0}.heros__lien{grid-column:2;align-self:end;display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.heros__lien svg{transition:transform .5s var(--ease)}.heros__lien:hover svg{transform:translateY(4px)}.bande{background:#000;color:#fff;padding:clamp(4rem,10vh,7rem) 0 clamp(4rem,9vh,6rem);margin-top:-1px}.bande__tete{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:clamp(2rem,6vh,4rem)}.bande__tete h2{font-family:var(--f-titre);margin:0;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:500;letter-spacing:-.04em;line-height:1}.bande__tete h2 sup{font-size:.4em;letter-spacing:0;color:var(--gris-2);vertical-align:top;margin-left:.35em}.piste{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;height:clamp(20rem,58vh,34rem)}.piste__item{position:relative;flex:1 1 0;height:42%;min-width:0;transition:flex-grow .9s var(--ease),height .9s var(--ease);cursor:pointer;outline:none}.piste__item img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.78);transition:filter .7s}.piste__item.actif{flex-grow:3.6;height:100%}.piste__item.actif img,.piste__item:hover img,.piste__item:focus-visible img{filter:none}.piste__item:before,.piste__item:after{content:"";position:absolute;width:12px;height:12px;border-color:#fff;border-style:solid;opacity:0;transition:opacity .5s .2s}.piste__item:before{top:-7px;right:-7px;border-width:1px 1px 0 0}.piste__item:after{bottom:-7px;left:-7px;border-width:0 0 1px 1px}.piste__item.actif:before,.piste__item.actif:after{opacity:1}.legende{display:grid;grid-template-columns:auto 1fr;gap:.2rem 2.4rem;margin-top:1.8rem;min-height:4.6rem}.legende__num{grid-row:span 2;font-size:.78rem;color:var(--gris-2);font-variant-numeric:tabular-nums;padding-top:.2rem}.legende__titre{font-family:var(--f-titre);font-size:1.05rem;font-weight:500;letter-spacing:-.01em}.legende__lieu{color:var(--gris-3);font-size:.95rem;max-width:36rem}.legende.change>*{animation:fondu .7s var(--ease)}@keyframes fondu{0%{opacity:0;transform:translateY(8px)}}.oeuvre{padding:clamp(5rem,12vh,8rem) var(--g)}.oeuvre__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:2rem}.oeuvre__label{color:var(--gris);padding-top:.4rem}.acc{border-top:1px solid var(--trait-c);margin:0;padding:0;list-style:none}.acc li{border-bottom:1px solid var(--trait-c)}.acc__btn{width:100%;display:flex;align-items:center;gap:1.4rem;text-align:left;padding:1.1rem 0}.acc__num{font-size:.78rem;color:#757575;min-width:1.6rem;font-variant-numeric:tabular-nums}.acc__titre{font-family:var(--f-titre);flex:1;font-size:clamp(1.9rem,5vw,4.4rem);font-weight:500;letter-spacing:-.05em;line-height:1.04;transition:color .3s}.acc__btn:hover .acc__titre{color:var(--gris)}.acc__ico{position:relative;width:14px;height:14px;flex:none;color:var(--gris-2)}.acc__ico:before,.acc__ico:after{content:"";position:absolute;left:0;top:6.5px;width:14px;height:1px;background:currentColor;transition:transform .6s var(--ease)}.acc__ico:after{transform:rotate(90deg)}.ouvert .acc__ico:before{transform:rotate(45deg)}.ouvert .acc__ico:after{transform:rotate(135deg)}.acc__corps{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s var(--ease)}.ouvert .acc__corps{grid-template-rows:1fr}.acc__corps>div{overflow:hidden}.acc__contenu{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:0 0 2rem 3rem}.acc__contenu p{margin:0 0 1.1rem;max-width:34rem;color:var(--gris);font-size:1rem}.acc__chiffre{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.2rem}.acc__chiffre span{font-size:.72rem;color:var(--gris-2);letter-spacing:.06em;text-transform:uppercase}.acc__chiffre strong{font-family:var(--f-titre);font-size:1.5rem;font-weight:500;letter-spacing:-.03em}.acc__vignette{width:clamp(9rem,16vw,13rem);aspect-ratio:4/3;object-fit:cover;opacity:0;transform:scale(.94);transition:opacity .8s .2s,transform 1s .2s var(--ease)}.ouvert .acc__vignette{opacity:1;transform:none}.bio{position:relative;background:#000;color:#fff;display:grid;grid-template-columns:clamp(8rem,13vw,12rem) 1fr clamp(8rem,13vw,12rem);gap:clamp(1.5rem,5vw,6rem);padding:0 var(--g);height:min(110svh,62rem);overflow:hidden}.colonne{position:relative;overflow:hidden;-webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.colonne__piste{display:flex;flex-direction:column;gap:8px;animation:monte 46s linear infinite}.colonne--bas .colonne__piste{animation-direction:reverse}.colonne img{width:100%;aspect-ratio:1/1.12;object-fit:cover}@keyframes monte{to{transform:translateY(calc(-50% - 4px))}}.bio__texte{align-self:center;max-width:42rem;padding-block:4rem}.bio__texte .label{color:var(--gris-2);margin-bottom:1.6rem;display:block}.bio__texte p{font-family:var(--f-nom);font-weight:400;font-size:clamp(1.25rem,2.15vw,1.9rem);letter-spacing:0;line-height:1.36;margin:0 0 1.4em}.mot{opacity:.16;transition:opacity .4s}.mot.lu{opacity:1}.bio__pied{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;font-size:.85rem;color:var(--gris-2)}.bio__pied a{color:#fff}@media(max-width:60rem){.heros__contenu{grid-template-columns:1fr;grid-template-rows:1fr auto auto auto;gap:1.2rem}.heros__titre{align-self:end;grid-row:1}.heros__meta{grid-row:2;padding-top:0;align-self:start;flex-direction:column;gap:.2rem}.heros__meta span:nth-child(2){display:none}.heros__citation{grid-row:3}.heros__lien{grid-row:4;grid-column:1;justify-self:start}.piste{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(var(--g)*-1);padding-inline:var(--g);scrollbar-width:none}.piste::-webkit-scrollbar{display:none}.piste__item,.piste__item.actif{flex:0 0 78vw;height:auto;aspect-ratio:650/432;scroll-snap-align:center}.piste__item:before,.piste__item:after{display:none}.oeuvre__grille{grid-template-columns:1fr}.acc__contenu{grid-template-columns:1fr;padding-left:0}.acc__vignette{width:100%;max-width:22rem}.bio{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;padding:4rem var(--g)}.colonne{height:9rem;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.colonne__piste{flex-direction:row;width:max-content;height:100%;animation-name:glisse}.colonne img{height:100%;width:auto;aspect-ratio:1}.colonne--bas{order:3}.bio__texte{padding-block:2.5rem}@keyframes glisse{to{transform:translate(calc(-50% - 4px))}}}@media(max-width:36rem){.bande__tete{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){.mot{opacity:1}}.legende{color:inherit}.legende:hover .legende__titre{text-decoration:underline;text-underline-offset:.2em}
