.defile{position:relative;scroll-margin-top:0;overflow-anchor:none}.defile__scene{position:relative;display:grid;grid-template-columns:minmax(250px,21.5rem) minmax(0,1fr);column-gap:clamp(32px,4.2vw,72px);align-items:center;padding:clamp(40px,6vw,90px) var(--marge);max-width:calc(var(--galerie) + 2 * var(--marge));margin:0 auto;box-sizing:border-box}.defile.anime .defile__piste{height:calc((1 + var(--course,2)) * 100vh);height:calc((1 + var(--course,2)) * 100svh)}.defile.anime.auto .defile__piste{height:auto}.defile.anime .defile__scene{position:sticky;top:0;height:100vh;height:100svh;padding-top:calc(var(--barre) + 16px);padding-bottom:22px;overflow:hidden}.defile.anime.auto .defile__scene{position:relative}.defile__cote{position:relative;z-index:2;display:grid;gap:clamp(18px,3.2vh,32px);align-content:center;min-width:0}.defile__cote h2{margin:0;font:560 clamp(1.9rem,2.7vw,2.7rem)/1.04 var(--titre);letter-spacing:-.03em;color:var(--encre);text-wrap:balance}.defile__metiers{list-style:none;margin:0;padding:0;display:grid}.defile__metiers a{display:grid;align-content:center;min-height:48px;padding:10px 0;border-top:1px solid var(--filet);text-decoration:none;color:var(--encre-2)}.defile__metiers li:last-child a{border-bottom:1px solid var(--filet)}.defile__metier{position:relative;width:max-content;font:500 1.2rem/1.25 var(--titre);letter-spacing:-.01em;transition:color .35s ease}.defile__metier:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:var(--filet-nacre);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--sortie)}.defile__detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--sortie),opacity .35s ease}.defile__detail>span{overflow:hidden;padding-top:0;font-size:1.04rem;line-height:1.4;color:var(--encre-2)}.defile__detail b{font-weight:600;color:var(--encre)}.defile__metiers li.actif .defile__metier{color:var(--encre);font-weight:600}.defile__metiers li.actif .defile__metier:after{transform:scaleX(1)}.defile__metiers li.actif .defile__detail{grid-template-rows:1fr;opacity:1}.defile__metiers li.actif .defile__detail>span{padding-top:10px}.defile__metiers a:hover .defile__metier{color:var(--encre)}.defile__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}.defile__actions .lien,.defile__apres .lien{display:inline-flex;align-items:center;min-height:44px}.defile__apres{display:none}.defile__vue{position:relative;align-self:stretch;min-width:0;min-height:0}.defile__halo{position:absolute;inset:-14% -18% -14% -6%;z-index:0;pointer-events:none}.defile__halo i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,var(--c),rgba(255,255,255,0) 72%);opacity:0;transition:opacity 1.2s ease}.defile__halo i.actif{opacity:.12}.defile__pile{position:absolute;inset:0;z-index:1}.feuille{position:absolute;left:0;top:0;width:var(--lb,600px);height:var(--hb,375px);transform-origin:0 0;visibility:hidden;will-change:transform}.feuille__corps{position:absolute;inset:0;border-radius:10px;background:var(--fond);transform-origin:50% 100%;box-shadow:0 0 0 1px #292a2d2b,7px -7px 18px -9px #292a2d80,0 1px 3px #292a2d14,0 26px 46px -32px #292a2d8c}.feuille__corps:before{content:"";position:absolute;inset:12% 5% -8%;z-index:-1;border-radius:24px;background:#292a2d8c;filter:blur(36px);opacity:var(--ombre,0)}.feuille__corps>picture,.feuille__corps img{display:block;width:100%;height:100%;border-radius:inherit}.feuille__corps img{object-fit:cover;object-position:50% 0}.feuille__site{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:var(--fond);opacity:0;transition:opacity .45s ease;pointer-events:none}.feuille__site.pret{opacity:1}.feuille__site iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(var(--k,.5))}.defile__ouvrir{position:absolute;left:0;top:0;z-index:9;display:none;border-radius:10px;cursor:pointer}.defile.anime .defile__ouvrir{display:block}.defile__ouvrir:focus-visible{outline:2px solid var(--encre);outline-offset:4px}.defile:not(.anime) .defile__vue{display:block}.defile:not(.anime) .defile__pile{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.defile:not(.anime) .feuille{position:relative;width:auto;height:auto;aspect-ratio:16/10;visibility:visible}.defile:not(.anime) .defile__halo{display:none}.defile:not(.anime) .defile__detail{grid-template-rows:1fr;opacity:1}.defile:not(.anime) .defile__detail>span{padding-top:8px}.defile:not(.anime) .defile__metier:after{display:none}@media(max-width:999px){.defile__scene{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);row-gap:clamp(12px,2.4vh,26px);align-items:start}.defile.anime .defile__scene{padding-bottom:16px}.defile__cote{gap:10px}.defile__cote h2{font-size:clamp(1.75rem,5.6vw,2.4rem)}.defile.anime .defile__metiers li:not(.actif){display:none}.defile.anime .defile__metiers a{border:0;padding:0;min-height:0}.defile.anime .defile__metiers li.actif .defile__detail>span{padding-top:4px}.defile.anime .defile__metier:after{display:none}.defile.anime .defile__actions{display:none}.defile.anime .defile__apres{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 24px;padding:6px var(--marge) clamp(40px,8vw,70px)}}@media(max-width:699px){.feuille__corps{border-radius:14px;box-shadow:0 0 0 1px #292a2d2b,4px -4px 9px -5px #292a2d6b,0 26px 46px -32px #292a2d8c}.feuille:not(.devant) picture{visibility:hidden}.feuille__site iframe{width:390px;height:calc(var(--hb) / var(--k))}.defile:not(.anime) .defile__pile{grid-template-columns:1fr}.defile:not(.anime) .feuille{aspect-ratio:390/560}}@media(prefers-reduced-motion:reduce){.defile__halo i,.defile__detail,.defile__metier:after,.feuille__site{transition:none}}@media(min-width:761px){.accueil{padding-top:clamp(84px,calc(18.06vh - 42.5px),120px)}.relief{width:min(78%,1120px,132.6vh);margin-bottom:min(clamp(34px,4vw,56px),max(18px,calc(18.06vh - 106.5px)))}.accueil h1{font-size:min(clamp(2.6rem,6vw,6.2rem),max(2.6rem,calc(14.3vh - 29.5px)))}.accueil .chapo{margin-top:min(clamp(24px,2.6vw,36px),max(14px,calc(11.11vh - 64px)))}.accueil__texte{gap:min(34px,max(18px,calc(6.25vh - 22.25px)));padding-bottom:min(clamp(60px,8vw,110px),max(28px,calc(45.1vh - 296px)))}}