.bobine{padding-top:var(--hh)}.plateau,.voile,.bas,.ondes,.rendu{display:none}.ecran{padding:9vh var(--pad);flex-direction:column;display:flex}.ecran .droite{max-width:440px;margin-top:30px}.bobine h1{font-size:clamp(40px,6.6vw,136px)}.bobine h2{font-size:clamp(34px,5.4vw,112px)}.sous-titre{letter-spacing:-.02em;color:var(--ink2);margin-top:22px;font-size:clamp(20px,2.05vw,40px);font-weight:400}.bobine .para{text-wrap:balance;max-width:none;font-size:clamp(13px,1.05vw,17px)}.bobine .para b{letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;font-size:12px;font-weight:700;display:block}.metiers{letter-spacing:-.005em;color:var(--ink);font-size:15px;font-weight:600;line-height:2.15;list-style:none}.metiers li{align-items:center;gap:14px;display:flex}.metiers .chiffres{letter-spacing:.04em;min-width:24px;color:var(--ink3);font-size:12px;display:inline-block}.ecran-etalonnage h2{font-size:clamp(34px,3.9vw,80px)}.ecran-generique h2{font-size:clamp(34px,4.3vw,90px)}.ecran-generique .droite{flex-direction:column;align-items:flex-start;gap:26px;max-width:none;display:flex}.boutons{flex-wrap:wrap;gap:12px;display:flex}.email{letter-spacing:-.01em;color:var(--ink);padding-bottom:7px;font-size:clamp(15px,1.1vw,19px);font-weight:700;position:relative}.email:after{content:"";transform-origin:100%;height:1.5px;transition:transform .45s var(--sortie);background:currentColor;position:absolute;bottom:0;left:0;right:0}@media (hover:hover){.email:hover:after{animation:trait .9s var(--sortie)}.signature a:hover:after{transform:scaleX(1)}}@keyframes trait{0%{transform-origin:100%;transform:scaleX(1)}45%{transform-origin:100%;transform:scaleX(0)}46%{transform-origin:0}to{transform-origin:0;transform:scaleX(1)}}.ondes{width:min(25vw,480px);height:min(25vh,260px)}.rendu{letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin-top:26px;font-size:11px;font-weight:600}.rendu .haut{justify-content:space-between;margin-bottom:10px;display:flex}.rendu .barre{background:#1412101f;border-radius:3px;height:3px;overflow:hidden}.rendu .barre i{background:var(--accent);border-radius:3px;width:0;height:100%;display:block}.rendu .format{color:var(--ink3);margin-top:10px}.bas{letter-spacing:.18em;text-transform:uppercase;color:var(--teinte-bas,var(--ink2));justify-content:space-between;align-items:center;font-size:11px;font-weight:600}.bas-texte{display:grid}.bas-texte>*{grid-area:1/1;align-self:center}.suivant{--inverse:var(--light);color:var(--teinte-entete,var(--ink));font:inherit;letter-spacing:.16em;text-transform:inherit;text-shadow:var(--halo-entete,none);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-self:start;align-items:center;gap:14px;padding:0;font-size:12px;font-weight:700;display:flex}.sur-pellicule .suivant{--inverse:var(--ink)}.suivant .rond{width:48px;height:48px;box-shadow:var(--halo-trait,none);border:1.5px solid;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.suivant .rond .f{transition:transform .4s var(--sortie);background:currentColor;border-radius:50%;position:absolute;inset:-2px;transform:scale(0)}.suivant svg{z-index:2;transition:color .3s;animation:1.8s ease-in-out infinite descendre;position:relative}.suivant .rond,.suivant .texte{transition:opacity .35s}.suivant.attend{cursor:default}.suivant.attend .rond,.suivant.attend .texte{opacity:.4}.suivant.attend svg{animation-play-state:paused}@media (hover:hover){.suivant:not(.attend):hover .rond .f{transform:scale(1)}.suivant:not(.attend):hover svg{color:var(--inverse)}}.suivant:focus-visible{outline-offset:6px;border-radius:99px}.signature a{pointer-events:auto;padding:6px 0;display:inline-block;position:relative}.signature a:after{content:"";transform-origin:0;height:1px;transition:transform .45s var(--sortie);background:currentColor;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.compteur{letter-spacing:.06em;font-weight:500}.compteur b{color:var(--teinte-entete,var(--ink));font-weight:600}.js.accueil,.js.accueil body{overscroll-behavior:none;height:100%;overflow:hidden}.js.accueil .pied{display:none}.js .bobine{touch-action:manipulation;padding:0;position:fixed;inset:0;overflow:hidden}.js .plateau{background:var(--paper);display:block;position:absolute;inset:0}.js .affiche img,.js .vue-fixe,.js .vue-3d{width:100%;height:100%;position:absolute;inset:0}.js .affiche img,.js .vue-fixe{object-fit:cover;max-width:none}.js .vue-fixe{opacity:0;transition:opacity .8s}.js .vue-fixe.visible{opacity:1}.js .vue-fixe.dessus{z-index:1}.js .vue-3d{z-index:2;opacity:0;transition:opacity .6s}.js .bobine.vivant .vue-3d{opacity:1}.js .voile{z-index:3;pointer-events:none;opacity:var(--sombre,0);display:block;position:absolute;inset:0}.js .ecran{z-index:4;pointer-events:none;padding:0;position:absolute;inset:0}.js .ecran~.ecran{opacity:0;visibility:hidden}.js .ecran a{pointer-events:auto}.js .ecran .gauche{position:absolute;top:50%;left:6.4vw;transform:translateY(-50%)}.js .ecran .droite{max-width:min(300px,21vw);margin:0;position:absolute;top:50%;right:6.4vw;transform:translateY(-50%)}.js .etape .droite,.js .ecran-generique .droite{top:auto;bottom:max(13vh,100px);transform:none}.js .ecran-generique .droite{max-width:none}.js .ecran-etalonnage .gauche{top:22vh;left:64vw;transform:none}.js .ecran-etalonnage .droite{left:64vw;right:auto}.js .ondes{display:block;position:absolute;top:calc(50% + 12vh);left:6.4vw}.js .rendu{display:block}.js .bas{z-index:5;height:84px;padding:0 var(--pad);pointer-events:none;display:flex;position:absolute;bottom:0;left:0;right:0}.js .signature{opacity:0;visibility:hidden}.fixe .ecran,.fixe .bas-texte>*,.fixe .entete,.fixe .marque,.fixe .voile,.fixe .compteur b{transition:opacity .7s ease, translate .7s var(--sortie), visibility .7s, color .7s ease}.accueil .entete{color:var(--teinte-entete,var(--ink))}.accueil .entete .nav a,.accueil .marque,.accueil .compteur{text-shadow:var(--halo-entete,none)}.accueil .burger i{box-shadow:var(--halo-trait,none)}.accueil .entete .btn{color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ece4d88c;border-color:currentColor}.sur-pellicule .entete .btn{background:#1412104d}.sur-pellicule .entete .btn .fill{background:var(--light)}.sur-pellicule .entete .btn .lbl2{color:var(--ink)}.js.accueil .marque{opacity:var(--marque,0)}@media (aspect-ratio<=9/10){.js.accueil .marque{opacity:1}.js .ecran{padding:calc(var(--hh) + 4.5vh) var(--pad) calc(64px + 3vh);flex-direction:column;display:flex}.js .ecran .gauche,.js .ecran .droite,.js .ondes{max-width:none;position:static;transform:none}.js .ecran .droite{margin-top:auto}.js .etape .droite{margin:32px 34% 0 0}.js .ecran-motion .droite{margin-right:48%}.js .ecran-rendu .droite{margin-right:40%}.js .ecran-etalonnage .droite{margin:auto 30% 0 0}.js .ecran-mixage .droite,.ecran-rendu .para{display:none}.js .ondes{width:52vw;height:10vh;margin-top:32px}.js .ecran-generique .droite{margin-top:auto}.br-large{display:none}.bobine .gauche h2{max-width:62vw}.bobine .kicker{margin-bottom:16px;font-size:11px}.bobine h1{font-size:clamp(44px,13.4vw,64px)}.bobine h2,.ecran-etalonnage h2,.ecran-generique h2{font-size:clamp(34px,10vw,50px)}.sous-titre{margin-top:12px;font-size:21px}.bobine .para{max-width:330px;font-size:15px}.ecran-presentation .para{font-size:14px;line-height:1.5}.etape .para b{display:none}.metiers{flex-wrap:wrap;gap:4px 18px;font-size:14px;line-height:1.6;display:flex}.metiers .chiffres{display:none}.boutons .btn{letter-spacing:.12em;padding:14px 18px 13px}.ecran-etalonnage .kicker,.ecran-etalonnage h2,.ecran-etalonnage .para b{color:var(--light)}.ecran-etalonnage .para{color:#f6f1ead1}.ecran-etalonnage h2,.ecran-etalonnage .para{text-shadow:0 1px 18px #0805038c}.voile:before,.voile:after{content:"";position:absolute;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#000 52%,#0000006b 82%);mask-image:linear-gradient(90deg,#000 52%,#0000006b 82%)}.voile:before{background:linear-gradient(#0c0805c7,#0c080500);height:34%;top:0}.voile:after{background:linear-gradient(#0c080500,#0c0805cc 60%);height:40%;bottom:0}.js .bas{letter-spacing:.14em;height:56px;font-size:10px}.suivant{letter-spacing:.14em;gap:12px;font-size:11px}.suivant .rond{width:40px;height:40px}.signature{line-height:1.5}.signature span:first-child,.signature a{display:block}.signature a{padding:2px 0 0}.signature a:after{bottom:0}.signature .separateur{display:none}}@media (aspect-ratio<=9/10) and (width>=640px){.bobine .kicker{margin-bottom:22px;font-size:12px}.bobine h1{font-size:clamp(64px,11vw,120px)}.bobine h2,.ecran-etalonnage h2,.ecran-generique h2{font-size:clamp(50px,7.6vw,92px)}.sous-titre{font-size:28px}.bobine .para{max-width:420px;font-size:17px}.metiers{font-size:17px}}@media (prefers-reduced-motion:reduce){.suivant svg{animation:none}}.mesure{z-index:6;color:var(--light);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#141210c7;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}