.defile{position:relative;background:#000;color:#fff}.defile__scene{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:5.5rem 0 2rem}.defile__tete{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:0 var(--g)}.defile__tete h2{font-family:var(--f-titre);margin:0;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:500;letter-spacing:-.04em;line-height:1}.defile__compteur{color:var(--gris-2);font-variant-numeric:tabular-nums}.defile__piste{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);padding:0 var(--g);width:max-content;will-change:transform}.defile__item{flex:none;margin:0;width:clamp(18rem,44vw,44rem)}.defile__item:nth-child(3n+2){width:clamp(14rem,30vw,30rem);align-self:start;margin-top:4vh}.defile__item:nth-child(3n){width:clamp(16rem,36vw,36rem);align-self:end;margin-bottom:2vh}.defile__item img{width:100%;height:auto;aspect-ratio:650/432;object-fit:cover}.defile__item figcaption{display:flex;justify-content:space-between;margin-top:.7rem;color:var(--gris-2)}.defile__barre{height:1px;background:#262626;margin:0 var(--g);position:relative}.defile__barre i{position:absolute;inset:0 auto 0 0;width:calc(var(--p,0)*100%);background:#fff}.contexte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2rem;padding:clamp(5rem,12vh,8rem) var(--g)}.contexte .label{color:var(--gris);padding-top:.5rem}.contexte blockquote{font-family:var(--f-nom);font-weight:400;margin:0;font-size:clamp(1.5rem,3vw,2.6rem);letter-spacing:0;line-height:1.25;max-width:50rem}.contexte__liste{list-style:none;margin:2.5rem 0 0;padding:0;border-top:1px solid var(--trait-c);max-width:50rem}.contexte__liste li{display:grid;grid-template-columns:10rem 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--trait-c);color:var(--gris)}.contexte__liste strong{color:#000;font-weight:500}.contexte__liste a{text-decoration:underline;text-underline-offset:.2em}.galerie{background:#000;color:#fff;padding:clamp(5rem,12vh,8rem) var(--g)}.galerie__tete{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.galerie__tete h2{font-family:var(--f-titre);margin:0;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:500;letter-spacing:-.05em;line-height:1}.galerie__tete p{margin:0;color:var(--gris-2);max-width:22rem}.mosaique{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mosaique li{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.mosaique li.is-in{opacity:1;transform:none}.mosaique button{position:relative;display:block;width:100%;overflow:hidden;cursor:zoom-in}.mosaique img{width:100%;aspect-ratio:650/432;object-fit:cover;filter:grayscale(.25) brightness(.92);transition:transform 1.1s var(--ease),filter .6s}.mosaique button:hover img,.mosaique button:focus-visible img{transform:scale(1.05);filter:none}.mosaique span{position:absolute;left:.6rem;bottom:.5rem;font-size:.7rem;letter-spacing:.06em;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease);text-shadow:0 1px 6px rgb(0 0 0 / .6)}.mosaique button:hover span,.mosaique button:focus-visible span{opacity:1;transform:none}.visio{position:fixed;inset:0;z-index:60;background:#000000f5;color:#fff;display:grid;grid-template-rows:auto 1fr auto;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.visio.ouverte{opacity:1;visibility:visible}.visio__haut,.visio__bas{display:flex;justify-content:space-between;align-items:center;padding:1.2rem var(--g)}.visio__haut span{color:var(--gris-2);font-variant-numeric:tabular-nums}.visio__scene{position:relative;display:grid;place-items:center;padding:0 clamp(3.5rem,8vw,7rem);min-height:0}.visio__scene img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .35s}.visio__nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border:1px solid #333;display:grid;place-items:center;transition:border-color .3s,background .3s}.visio__nav:hover{border-color:#fff;background:#111}.visio__nav--prec{left:var(--g)}.visio__nav--suiv{right:var(--g)}.visio__fermer{font-size:.78rem;font-weight:500;letter-spacing:.06em}.cta-crea{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:clamp(5rem,12vh,8rem) var(--g);border-bottom:1px solid var(--trait-c)}.cta-crea h2{font-family:var(--f-titre);margin:0;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:500;letter-spacing:-.05em;line-height:1}.cta-crea p{margin:1.2rem 0 0;max-width:30rem;color:var(--gris)}@media(max-width:60rem){.defile{height:auto!important}.defile__scene{position:relative;height:auto;padding:4rem 0 2rem;gap:1.5rem}.defile__piste{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;scrollbar-width:none;align-items:start}.defile__piste::-webkit-scrollbar{display:none}.defile__item,.defile__item:nth-child(3n+2),.defile__item:nth-child(3n){width:80vw;margin:0;scroll-snap-align:center;align-self:start}.defile__barre{display:none}.contexte{grid-template-columns:1fr}.contexte__liste li{grid-template-columns:1fr;gap:.2rem}.mosaique{grid-template-columns:repeat(2,1fr)}.galerie__tete{flex-direction:column;align-items:start}.cta-crea{grid-template-columns:1fr}.visio__scene{padding:0 .5rem}.visio__bas{visibility:hidden}.visio__nav{position:fixed;top:auto;bottom:1.2rem;transform:none}}@media(prefers-reduced-motion:reduce){.mosaique li{opacity:1;transform:none}}
