.usine-hero{width:100%;height:calc(100dvh - var(--banner-h,0px));--usine-ink:#141414;--usine-ink2:#5c5850;--usine-ocre:#ffb627;--usine-line:#e7e3d8;--usine-paper2:#efede4;background:radial-gradient(90% 70% at 16% 6%,#fffdf4 0%,#fffdf400 60%),radial-gradient(120% 100% at 50% 18%,#fff 0%,#fefefb 55%,#fbfbf6 100%);margin-top:-80px;position:relative;overflow:hidden}.usine-hero--night{--usine-ink:#f4f1ea;--usine-ink2:#b3ad9f;--usine-line:#ffffff1f;--usine-paper2:#141b2b;background:radial-gradient(90% 70% at 16% 6%,#141e3c66 0%,#07091000 60%),radial-gradient(120% 100% at 50% 18%,#0f1526 0%,#0a0c13 55%,#070910 100%)}.usine-hero--night .usine-lede .kicker{text-shadow:0 1px 3px #0009}.usine-hero--night .usine-lede h1{text-shadow:0 1px 4px #0000008c}.usine-hero--night .usine-lede .sub{color:#d8d3c8;text-shadow:0 1px 3px #0000008c}.usine-hero--night .usine-hint{background:#121a2c99;border-color:#ffffff1f;box-shadow:0 6px 22px #00000059}.usine-hero--night .usine-hint svg{filter:drop-shadow(0 1px 1px #0006)}.usine-hero--night .usine-panel{background:#0e1016;border-left:1px solid #ffffff1a;box-shadow:-28px 0 70px #00000080}.usine-hero--night .usine-panel .head{background:radial-gradient(122% 82% at 50% 0%, color-mix(in srgb, var(--accent) 24%, #0e1016) 0%, color-mix(in srgb, var(--accent) 8%, #0e1016) 46%, #0e1016 80%)}.usine-hero--night .usine-panel .pole{color:color-mix(in srgb, var(--accent) 58%, #eaedf2)}.usine-hero--night .usine-panel .role{color:color-mix(in srgb, var(--accent) 66%, #eaedf2)}.usine-hero--night .usine-panel .avat{box-shadow:0 0 0 5px #0e1016, 0 0 0 7px var(--accent), 0 0 0 17px color-mix(in srgb, var(--accent) 16%, transparent), 0 18px 34px #00000080;background:#0e1016}.usine-hero--night .usine-panel .tag.ia{border-color:color-mix(in srgb, var(--accent) 46%, #0e1016);color:color-mix(in srgb, var(--accent) 70%, #eaedf2);background:color-mix(in srgb, var(--accent) 16%, #0e1016)}.usine-hero--night .usine-panel .life{background:color-mix(in srgb, var(--accent) 12%, #14171f);border-color:color-mix(in srgb, var(--accent) 26%, #14171f);color:#cfcabf}.usine-hero--night .usine-panel .life:before{color:color-mix(in srgb, var(--accent) 56%, #eaedf2)}.usine-hero--night .usine-panel .fact .k{color:color-mix(in srgb, var(--accent) 50%, #9a94a5)}.usine-hero--night .usine-panel .close{border-color:color-mix(in srgb, var(--accent) 30%, #ffffff1f);background:#141822b8}.usine-hero--night .usine-panel .close:hover{background:#1e2432f2}.usine-canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.usine-lede{z-index:6;pointer-events:none;width:min(560px,84vw);transition:opacity .55s,transform .55s;position:absolute;bottom:clamp(28px,7vh,72px);left:clamp(20px,4vw,56px)}.usine-lede.dim{opacity:0;transform:translateY(10px)}.usine-lede .kicker{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--usine-ink2);text-shadow:0 1px 2px #fff9;margin-bottom:14px;font-size:12px}.usine-lede h1{font-family:var(--font-heading), "Cabinet Grotesk", sans-serif;letter-spacing:-.04em;color:var(--usine-ink);text-shadow:0 1px 3px #ffffff8c;font-size:clamp(30px,4.2vw,52px);font-weight:800;line-height:1}.usine-lede h1 .light{font-weight:300}.usine-lede h1 .o{color:var(--usine-ocre)}.usine-lede .sub{max-width:42ch;font-family:var(--font-sans), "Satoshi", system-ui, sans-serif;color:#35322b;text-shadow:0 1px 2px #ffffff8c;margin-top:16px;font-size:clamp(15px,1.6vw,18px);font-weight:500;line-height:1.5}.usine-lede .cta-row{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:22px;display:flex}.usine-lede .cta{background:var(--usine-ocre);color:#15130d;font-family:var(--font-sans), "Satoshi", system-ui, sans-serif;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:9px;padding:13px 26px;font-size:15px;font-weight:600;transition:transform .25s cubic-bezier(.32,.72,0,1),box-shadow .25s;display:inline-flex;box-shadow:0 8px 22px #ffb6274d}.usine-lede .cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ffb62766}.usine-lede .cta .arr{font-family:var(--font-mono), monospace;transition:transform .25s}.usine-lede .cta:hover .arr{transform:translate(3px)}.usine-lede .cta-note{color:var(--usine-ink2);font-size:12.5px;font-family:var(--font-sans), "Satoshi", system-ui, sans-serif;text-shadow:0 1px 2px #fff9}@media (max-width:760px),(max-width:1080px) and (orientation:portrait){.usine-hero{flex-direction:column;height:auto;margin-top:0;display:flex}.usine-canvas{order:1;width:100%;height:118vw;min-height:400px;position:static;inset:auto}.usine-hero .usine-hint{text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:none;box-shadow:none;background:0 0;border:none;order:0;justify-content:center;margin:22px 0 14px;padding:0 24px;font-size:12.5px;position:static;transform:none}.usine-hero .usine-hint.gone{transform:none}.usine-lede{z-index:auto;pointer-events:auto;width:100%;padding:18px 22px calc(34px + env(safe-area-inset-bottom,0px));order:3;position:static;bottom:auto;left:auto}.usine-lede.dim{opacity:1;transform:none}.usine-lede h1{text-shadow:none;font-size:clamp(32px,9vw,44px)}.usine-lede .sub{max-width:none;text-shadow:none;font-size:15px}.usine-lede .cta{justify-content:center}.usine-lede .cta-note{text-shadow:none}}.usine-hint{z-index:6;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);pointer-events:none;max-width:min(340px,72vw);font-family:var(--font-sans), "Satoshi", system-ui, sans-serif;color:var(--usine-ink2);background:#ffffffb8;border:1px solid #14120c12;border-radius:999px;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:500;line-height:1.35;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:clamp(16px,3vh,34px);right:clamp(16px,3vw,40px);box-shadow:0 6px 22px #1e1a101a}.usine-hint.gone{opacity:0;transform:translateY(8px)}.usine-hint svg{filter:drop-shadow(0 1px 1px #1e1a1026);flex:none}@media (max-width:760px),(max-width:1080px) and (orientation:portrait){.usine-hint{text-align:center}}.usine-panel{z-index:70;border-left:1px solid var(--usine-line);width:404px;max-width:92vw;height:100%;font-family:var(--font-sans), "Satoshi", system-ui, sans-serif;--accent:#ffb627;background:#fff;flex-direction:column;transition:transform .5s cubic-bezier(.22,.9,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(102%);box-shadow:-28px 0 70px #14120c24}.usine-panel.open{transform:translate(0)}.usine-panel .bar{background:var(--accent);flex:none;height:3px}.usine-panel .head{text-align:center;border-bottom:1px solid var(--usine-line);background:radial-gradient(122% 82% at 50% 0%, color-mix(in srgb, var(--accent) 20%, #fff) 0%, color-mix(in srgb, var(--accent) 6%, #fff) 46%, #fff 80%);flex:none;padding:30px 28px 26px;position:relative;overflow:hidden}.usine-panel .pole{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 62%, #201c12);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.usine-panel .pole .pdot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%}.usine-panel .avat{width:120px;height:120px;box-shadow:0 0 0 5px #fff, 0 0 0 7px var(--accent), 0 0 0 17px color-mix(in srgb, var(--accent) 13%, transparent), 0 18px 34px #14120c2e;background:#fff;border-radius:50%;margin:20px auto 0;display:block;overflow:hidden}.usine-panel .avat canvas{width:100%;height:100%;display:block}.usine-panel h2{font-family:var(--font-heading), "Cabinet Grotesk", sans-serif;letter-spacing:-.7px;color:var(--usine-ink);margin-top:24px;font-size:34px;font-weight:800;line-height:1}.usine-panel .role{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, #201c12);margin-top:8px;font-size:11.5px;font-weight:600}.usine-panel .tag{letter-spacing:1.2px;text-transform:uppercase;border-radius:999px;margin-top:14px;padding:6px 13px;font-size:10.5px;font-weight:700;display:inline-block}.usine-panel .tag.ia{border:1.4px solid color-mix(in srgb, var(--accent) 42%, #fff);color:color-mix(in srgb, var(--accent) 72%, #201c12);background:color-mix(in srgb, var(--accent) 10%, #fff)}.usine-panel .tag.hu{background:var(--accent);color:#1c1912;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 42%, transparent)}.usine-panel .body{flex:1;min-height:0;padding:24px 28px 30px;overflow-y:auto}.usine-panel .lead{color:var(--usine-ink);letter-spacing:-.01em;text-wrap:pretty;font-size:18px;font-weight:600;line-height:1.5}.usine-panel .detail{color:var(--usine-ink2);text-wrap:pretty;margin-top:11px;font-size:15px;line-height:1.58}.usine-panel .life{background:color-mix(in srgb, var(--accent) 8%, #fff);border:1px solid color-mix(in srgb, var(--accent) 24%, #fff);color:#34302a;border-radius:14px;margin-top:22px;padding:16px 18px 17px;font-size:15.5px;font-style:italic;line-height:1.5}.usine-panel .life:before{content:"Dans la vie";letter-spacing:1.1px;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 60%, #201c12);margin-bottom:7px;font-size:10.5px;font-style:normal;font-weight:700;display:block}.usine-panel .facts{flex-direction:column;gap:15px;margin-top:20px;display:flex}.usine-panel .fact{padding-left:15px;position:relative}.usine-panel .fact:before{content:"";background:var(--accent);border-radius:2px;width:6px;height:6px;position:absolute;top:3px;left:0}.usine-panel .fact .k{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 52%, #6a6355);font-size:10.5px;font-weight:600}.usine-panel .fact .v{color:var(--usine-ink);margin-top:5px;font-size:14.5px;line-height:1.5}.usine-panel .close{z-index:3;border:1px solid color-mix(in srgb, var(--accent) 30%, var(--usine-line));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;width:34px;height:34px;color:var(--usine-ink2);background:#ffffffd1;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .18s,color .18s,transform .3s cubic-bezier(.22,.9,.3,1);display:flex;position:absolute;top:16px;right:16px}.usine-panel .close:hover{color:var(--usine-ink);background:#fff;transform:rotate(90deg)}@keyframes usineRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes usinePop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.usine-panel.open .pole{animation:.5s 60ms both usineRise}.usine-panel.open .avat{animation:.55s cubic-bezier(.22,.9,.3,1) .12s both usinePop}.usine-panel.open h2{animation:.5s .2s both usineRise}.usine-panel.open .role{animation:.5s .26s both usineRise}.usine-panel.open .tag{animation:.5s .32s both usineRise}.usine-panel.open .body>*{animation:.55s .3s both usineRise}@media (max-width:760px),(max-width:1080px) and (orientation:portrait){.usine-panel{border-left:none;border-top:1px solid var(--usine-line);border-radius:22px 22px 0 0;width:100%;max-width:100%;height:auto;max-height:82%;inset:auto 0 0;transform:translateY(102%);box-shadow:0 -24px 60px #14120c29}.usine-panel.open{transform:translateY(0)}.usine-panel .bar{border-radius:22px 22px 0 0}.usine-panel .head{padding-top:26px}.usine-panel .body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.usine-lede,.usine-panel{transition:none}.usine-panel.open .pole,.usine-panel.open .avat,.usine-panel.open h2,.usine-panel.open .role,.usine-panel.open .tag,.usine-panel.open .body>*{animation:none}.usine-panel .close:hover{transform:none}}.atelier-live{background:linear-gradient(#070910 0%,#0f1526 55%,#0a0c13 100%);border:1px solid #e8eaef1a;border-radius:12px;width:100%;height:clamp(400px,58vh,680px);position:relative;overflow:hidden}.atelier-live--full{border:0;border-bottom:1px solid #e8eaef1a;border-radius:0;height:calc(100dvh - 60px)}.atelier-live .usine-canvas{touch-action:manipulation;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.atelier-hint{color:#fffdf4d9;font-family:var(--font-mono);letter-spacing:.02em;pointer-events:none;background:#14120cb8;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:11px;display:inline-flex;position:absolute;bottom:12px;left:14px}@media (max-width:640px){.atelier-live{height:clamp(340px,48vh,480px)}.atelier-live--full{height:calc(100dvh - 60px)}.atelier-hint{display:none}}