@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:300 500;font-display:swap;src:url(./hanken-grotesk-latin.CaVRRdDk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:300 500;font-display:swap;src:url(./hanken-grotesk-latin-ext.Dg-wlmqe.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700 800;font-display:swap;src:url(./montserrat-latin.l_AIctKy.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700 800;font-display:swap;src:url(./montserrat-latin-ext.BsZE-iaG.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./dm-mono-latin.4GdczIuU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./dm-mono-latin-ext.C2zvOubV.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper: #f6f5f0;--ink: #16150f;--mute: rgba(22, 21, 15, .55);--line: rgba(22, 21, 15, .16);--accent: oklch(.72 .12 85);--logo: none;--hero-fade: 0;--coords: block;--met-justify: center;--met-flex: 0;--still-ratio: 2.39/1;--fig-h: auto;--met-h: auto;--pad: clamp(20px, 3vw, 40px);--logo-h: clamp(30px, 3.4vw, 48px);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--pad-l: calc(var(--pad) + var(--safe-l));--pad-r: calc(var(--pad) + var(--safe-r));--pad-b: calc(var(--pad) + var(--safe-b));--type-stop: 907;--cap: calc(var(--type-stop) * 1px / 100);--fs-hero: clamp(38px, 6.2vw, calc(6.2 * var(--cap)));--fs-statement: clamp(30px, 5.2vw, calc(5.2 * var(--cap)));--fs-para: clamp(20px, 2.2vw, calc(2.2 * var(--cap)));--fs-metier: clamp(22px, 2.2vw, calc(2.2 * var(--cap)));--fs-mail: clamp(28px, 6vw, calc(6 * var(--cap)))}@media(prefers-color-scheme:dark){:root:not([data-theme=jour]){--paper: #111110;--ink: #edebe4;--mute: rgba(237, 235, 228, .55);--line: rgba(237, 235, 228, .16);--accent: oklch(.78 .12 85);--logo: invert(1)}}:root[data-theme=nuit]{--paper: #111110;--ink: #edebe4;--mute: rgba(237, 235, 228, .55);--line: rgba(237, 235, 228, .16);--accent: oklch(.78 .12 85);--logo: invert(1)}@media(pointer:coarse),(max-width:759px){:root{--hero-fade: 1;--coords: none;--met-justify: space-between;--met-flex: 1;--still-ratio: auto;--fig-h: 100%;--met-h: 100%}}*{box-sizing:border-box}html.locked,html.locked body{height:100%;overflow:hidden;overscroll-behavior:none}.scroller{height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:none}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hanken Grotesk,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}a{color:var(--ink)}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--paper)}@media(prefers-reduced-motion:reduce){.scroller{scroll-behavior:auto}}.label{font:400 11px/1.6 DM Mono,monospace;letter-spacing:.06em;color:var(--mute)}.statement{margin:0;font-weight:300;font-size:var(--fs-statement);line-height:1.08;letter-spacing:-.025em;max-width:22ch;text-wrap:pretty}.para{margin:0;font-weight:300;font-size:var(--fs-para);line-height:1.3;letter-spacing:-.015em;max-width:30ch;text-wrap:pretty}.inner{max-width:1400px;width:100%;margin:0 auto}section{scroll-snap-align:start}.top-scrim{position:fixed;left:0;right:0;top:0;height:calc(var(--safe-t) + clamp(78px,12vw,104px));background:linear-gradient(var(--paper) 42%,transparent);opacity:var(--hero-fade);pointer-events:none;z-index:9;transition:opacity .5s}.brand{position:fixed;top:calc(var(--pad) + var(--safe-t));left:var(--pad-l);z-index:10;display:block;line-height:0}.brand img{height:var(--logo-h);width:auto;filter:var(--logo)}.theme-toggle{position:fixed;top:calc(var(--pad) + var(--safe-t));right:var(--pad-r);z-index:10;display:flex;align-items:center;gap:8px;background:none;border:0;padding:8px 0;margin:-8px 0;cursor:pointer;font:400 11px/1 DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.theme-toggle:hover{color:var(--ink)}.theme-toggle .dot{width:9px;height:9px;border-radius:50%;border:1px solid currentColor;background:var(--ink);box-shadow:inset 0 0 0 4px var(--paper)}.hero{position:relative;height:100%;min-height:560px;overflow:hidden;cursor:crosshair}.hero canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-foot-fade{position:absolute;left:0;right:0;bottom:0;height:calc(var(--safe-b) + clamp(56px,10vw,80px));background:linear-gradient(transparent,var(--paper) 78%);opacity:var(--hero-fade);pointer-events:none;z-index:1}.hero .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:calc(var(--pad) + var(--safe-t)) var(--pad-r) var(--pad-b) var(--pad-l);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.hero .spacer{height:var(--logo-h)}.hero h1{margin:0;align-self:flex-end;text-align:right;font-family:Montserrat,Hanken Grotesk,Helvetica,sans-serif;font-weight:800;font-size:var(--fs-hero);line-height:1;letter-spacing:.04em;text-transform:uppercase;max-width:14ch;text-wrap:balance}.hero .meta{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;font:400 clamp(9px,.75vw,11px) / 1.6 "DM Mono",monospace;letter-spacing:.05em;color:var(--mute);white-space:nowrap}.hero .meta .right{text-align:right;text-transform:uppercase}.manifeste{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:calc(clamp(80px,10vw,140px) + var(--safe-t)) var(--pad-r) calc(140px + var(--safe-b)) var(--pad-l)}.manifeste .inner{display:grid;gap:28px}.manifeste .strip{position:absolute;left:0;right:0;bottom:var(--safe-b);height:64px;border-top:1px solid var(--line)}.manifeste .strip canvas{width:100%;height:100%;display:block}.metiers{min-height:100%;height:var(--met-h);display:flex;flex-direction:column;padding:calc(clamp(72px,9vw,120px) + var(--safe-t)) var(--pad-r) calc(clamp(40px,5vw,64px) + var(--safe-b)) var(--pad-l)}.metiers .inner{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:var(--met-justify);gap:clamp(28px,4vw,56px)}.metiers .still-row{flex:var(--met-flex);display:flex;align-items:center;justify-content:flex-end;min-height:0;height:var(--fig-h)}.metiers figure{margin:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(100%,560px);height:var(--fig-h);min-height:0}.stage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:6px}.still{position:relative;flex:1;min-height:0;width:100%;aspect-ratio:var(--still-ratio);overflow:hidden}.tick{flex:0 0 2px;width:100%;background:color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}.tick span{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:opacity .3s ease}.tick.frozen span{opacity:.4}.still .frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--fade, 1s) ease;pointer-events:none}.still .frame.on{opacity:1}.still img{width:100%;height:100%;object-fit:cover;display:block}.still .placeholder{width:100%;height:100%;display:grid;place-items:center;border:1px dashed var(--line);font:400 11px/1.6 DM Mono,monospace;letter-spacing:.06em;color:var(--mute)}.pause,.arrow{position:absolute;z-index:2;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--paper) 55%,transparent);color:var(--ink);cursor:pointer;opacity:0;transition:opacity .35s ease,color .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pause{right:10px;bottom:10px;width:22px;height:22px}.arrow{top:50%;width:30px;height:30px;transform:translateY(-50%);pointer-events:none}.arrow.prev{left:10px}.arrow.next{right:10px}.pause.on,.pause:focus-visible,.arrow:focus-visible{opacity:.8}.arrow:focus-visible{pointer-events:auto}.pause svg{width:9px;height:9px;display:block}.arrow svg{width:13px;height:13px;display:block}.pause .beat{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--accent);animation:beat .7s ease-out forwards;pointer-events:none}@keyframes beat{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@media(hover:hover){.still:hover .pause,.still:hover .arrow{opacity:.7}.still:hover .arrow{pointer-events:auto}.pause:hover,.arrow:hover{opacity:1;color:var(--accent)}}@media(pointer:coarse),(max-width:759px){.still{touch-action:pan-y}.arrow{display:none}}figcaption{font:400 11px/1.6 DM Mono,monospace;letter-spacing:.04em;color:var(--mute);display:flex;justify-content:flex-end;gap:16px}figcaption .index{color:var(--accent)}.metiers .list{display:flex;flex-direction:column;gap:20px}.metiers .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px clamp(20px,3vw,40px)}.metier{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding:12px 0 0;margin:0;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.metier .num{font:400 11px/1 DM Mono,monospace;letter-spacing:.06em;color:var(--accent)}.metier h2{margin:0;font-weight:400;font-size:var(--fs-metier);line-height:1;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.metier .ring{width:7px;height:7px;border-radius:50%;border:1px solid var(--accent);opacity:0;flex:none;transition:opacity .6s,background .4s}.metier[aria-selected=true] .ring{opacity:1;background:var(--accent);animation:ring-pulse 3.2s cubic-bezier(.22,.61,.36,1) infinite}@keyframes ring-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}60%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.metier[aria-selected=true] .ring{animation:none}.pause .beat{animation:beat-still .7s ease-out forwards}@keyframes beat-still{0%{opacity:.9}to{opacity:0}}}@media(hover:hover){.metier{transition:border-color .35s ease}.metier h2{transition:color .35s ease}.metier:hover{border-top-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.metier:hover h2{color:var(--accent)}.metier:not([aria-selected=true]):hover .ring{opacity:.4}}.metier p{margin:0;font-size:15px;line-height:1.5;color:var(--mute);max-width:34ch;text-wrap:pretty}@media(pointer:coarse),(max-width:759px){.metiers .inner{gap:20px}.metiers .list{gap:12px}.metiers .grid{gap:10px}.metier{padding-top:8px;gap:6px}.metier h2{font-size:20px}.metier p{font-size:13px;line-height:1.4}figcaption{gap:12px}}.moyens{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:calc(clamp(80px,10vw,140px) + var(--safe-t)) var(--pad-r) calc(clamp(48px,6vw,80px) + var(--safe-b)) var(--pad-l);overflow:hidden}.moyens .stack{position:relative;display:flex;flex-direction:column;gap:clamp(88px,14vh,180px);width:100%;max-width:min(100%,820px);margin-inline:auto}.moyens .map{position:absolute;top:0;right:0;bottom:0;left:0}.moyens canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.moyens .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));pointer-events:none}.moyens .row.top{gap:40px clamp(32px,6vw,120px);align-items:start}.moyens .row.bottom{gap:0 clamp(32px,6vw,120px);align-items:end}.halo{background:radial-gradient(ellipse at center,var(--paper) 45%,transparent 100%);padding:32px 40px;margin:-32px -40px;display:flex;flex-direction:column;gap:18px}.moyens .coords{display:var(--coords);justify-self:start;gap:0}@media(pointer:coarse),(max-width:759px){.moyens{justify-content:flex-start;gap:clamp(28px,5vw,40px)}.moyens .stack{flex:none;gap:clamp(28px,5vw,40px);max-width:100%}.moyens .row.top{gap:clamp(28px,5vw,40px)}.moyens .map{position:absolute;inset:0 0 auto 0;height:min(100%,100dvh);opacity:.34;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.5) 10%,#000 26%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.5) 10%,#000 26%)}.moyens .halo{background:none;padding:0;margin:0}}.contact{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--line)}.contact .body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:calc(clamp(80px,10vw,140px) + var(--safe-t)) var(--pad-r) clamp(80px,10vw,140px) var(--pad-l);max-width:1400px;width:100%;margin:0 auto}.contact a.mail{display:flex;align-items:baseline;gap:clamp(12px,2vw,32px);flex-wrap:wrap;text-decoration:none;color:var(--ink);opacity:.22;transition:opacity 1.6s ease,color 1.6s ease}.contact a.mail:hover{opacity:1;color:var(--accent)}.contact a.mail span{font-weight:300;font-size:var(--fs-mail);line-height:1;letter-spacing:-.03em}.contact a.mail .addr{word-break:break-all}@media(pointer:coarse),(max-width:759px){.contact a.mail{color:var(--accent);opacity:0}.contact a.mail.in{opacity:1}}.contact footer a{color:inherit;text-decoration:none}.contact footer a:hover{color:var(--accent)}.contact footer{padding:0 var(--pad-r) calc(32px + var(--safe-b)) var(--pad-l);max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}