.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;--fond-cadrage:50% 50%;--voile-nav:.88;--voile-air:.72;background:0 0;position:relative;overflow:hidden}.usine-hero:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to bottom, rgba(255, 255, 255, var(--voile-nav)) 0%, rgba(255, 255, 255, var(--voile-air)) 14%, rgba(255, 255, 255, var(--voile-air)) 46%, #ffffffe0 76%, #fff 96%), url(/assets/home/auvergne-vocal.webp);background-position:center, var(--fond-cadrage);background-repeat:no-repeat,no-repeat;background-size:cover,cover;position:absolute;inset:0}.usine-canvas{touch-action:pan-y;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 .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(--degrade-ocre);color:#fff;font-family:var(--font-sans), "Satoshi", system-ui, sans-serif;border-radius:var(--radius-bouton);cursor:pointer;box-shadow:var(--shadow-btn);border:none;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}.usine-lede .cta:hover{transform:translateY(-2px);box-shadow:0 6px 14px #17171f38,0 16px 34px -12px #17171f6b}.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-hero:before{display:none}.usine-canvas{order:2;width:100%;height:100vw;min-height:320px;max-height:440px;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:1;justify-content:center;margin:4px 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;order:0;width:100%;padding:10px 22px 14px;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;top:clamp(100px,22vh,260px);right:clamp(24px,8.5vw,200px);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}.usine-hint .doigt{display:none}@media (pointer:coarse){.usine-hint .souris{display:none}.usine-hint .doigt{display:inline}}@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 .fiche-cta{border-radius:var(--radius-bouton);background:var(--accent);color:#fff;width:100%;font-family:var(--font-sans), "Satoshi", system-ui, sans-serif;cursor:pointer;box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 26%, transparent), 0 14px 28px -14px color-mix(in srgb, var(--accent) 55%, transparent);border:none;justify-content:center;align-items:center;gap:9px;margin-top:24px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .25s cubic-bezier(.32,.72,0,1),box-shadow .25s,filter .25s;display:inline-flex}.usine-panel .fiche-cta:hover{filter:brightness(1.06);box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 30%, transparent), 0 18px 36px -14px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-2px)}.usine-panel .fiche-cta .arr{font-family:var(--font-mono), monospace;transition:transform .25s}.usine-panel .fiche-cta:hover .arr{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.usine-panel .fiche-cta,.usine-panel .fiche-cta:hover{transition:none;transform:none}}.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)}@media (min-width:1280px){.atelier-live--full{border-bottom:0;height:100%}}.atelier-live .usine-canvas{touch-action:pan-y;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}}