@font-face{font-family:"Pixelify Sans";src:url(fonts/PixelifySans.ttf) format("truetype");font-weight:400 700;font-display:swap}

@font-face{font-family:"Souls Mono";src:url(fonts/DejaVuSansMono.ttf) format("truetype");font-display:swap}
body{margin:0;background:#0a0806}
.mp{--night:#0a0806;--coal:#15110d;--line:#2c241c;--bone:#f0e6cc;--ash:#a8a49c;--gold:#ffd858;--ink:#1a1005;--ok:#7fcf6a;
 background:var(--night);color:var(--bone);font-family:"Souls Mono","DejaVu Sans Mono",monospace;font-size:16px;line-height:1.65;font-variant-ligatures:none;width:100%}
.mp *{box-sizing:border-box}
.mp a{color:var(--bone)}
.mp a:hover{color:var(--gold)}
.mp .w{max-width:1200px;margin:0 auto;padding:0 40px}
.mp h1,.mp h2,.mp h3,.mp .px{font-family:"Pixelify Sans","Souls Mono",monospace;font-weight:500;margin:0;line-height:1.15}
.mp h2{font-size:44px;letter-spacing:.01em}
.mp h3{font-size:24px}
.mp p{margin:0;max-width:62ch}
.mp .mut{color:var(--ash)}
.mp .nav{display:flex;align-items:center;justify-content:space-between;height:72px;border-bottom:1px solid var(--line)}
.mp .nav .brand{font-family:"Pixelify Sans",monospace;font-size:26px;letter-spacing:.06em;text-decoration:none;color:var(--bone)}
.mp .nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0;font-size:15px}
.mp .nav a{text-decoration:none;padding:12px 0;display:inline-block}
.mp .nav a.acc{border:1px solid var(--line);border-radius:4px;padding:8px 16px}
.mp .hero{display:grid;grid-template-columns:620px 1fr;gap:64px;align-items:center;padding:88px 0 96px}
.mp .logo{margin:0;font:11.4px/1.17 "Souls Mono",monospace;white-space:pre;overflow:hidden}
.mp .r0{color:#fff4d0}.mp .r1{color:#ffe48a}.mp .r2{color:#ffcc4c}.mp .r3{color:#f8a830}.mp .r4{color:#f08426}.mp .r5{color:#e86a1e}.mp .r6{color:#ffd060}.mp .r7{color:#b06a28}
.mp .tag{font-family:"Pixelify Sans",monospace;font-size:32px;line-height:1.2;margin-top:36px}
.mp .lead{margin-top:20px;color:var(--ash)}
.mp .play{display:inline-flex;align-items:center;gap:12px;margin-top:36px;background:var(--gold);color:var(--ink);font-family:"Pixelify Sans",monospace;font-size:26px;font-weight:700;text-decoration:none;padding:16px 40px;border-radius:4px;border:0;cursor:pointer}
.mp a.play:hover{color:var(--ink);background:#ffe58a}
.mp .dc{display:flex;width:fit-content;align-items:center;gap:12px;margin-top:16px;background:#5865f2;color:#fff;font-family:"Pixelify Sans",monospace;font-size:20px;font-weight:700;text-decoration:none;padding:14px 24px;box-shadow:inset 0 -4px 0 #3c45a5;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
.mp a.dc:hover{color:#fff;background:#4752c4}
.mp .dc:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--gold),inset 0 -4px 0 #3c45a5}
.mp .dc svg{width:30px;height:20px;fill:currentColor;shape-rendering:crispEdges}
.mp .play:focus-visible,.mp a:focus-visible,.mp input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.mp .live{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:14px;color:var(--ash);flex-wrap:wrap}
.mp .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);display:inline-block}
.mp .chip{font-size:12px;border:1px solid var(--ash);color:var(--ash);border-radius:4px;padding:1px 8px;letter-spacing:.02em;white-space:nowrap}
.mp .shot{display:block;width:100%;height:auto;border-radius:4px;border:1px solid var(--line);background:#000}
.mp .hero .shot{aspect-ratio:16/10;object-fit:cover;object-position:30% 40%}
.mp figure{margin:0}
.mp figcaption{margin-top:12px;font-size:14px;color:var(--ash);max-width:62ch}
.mp section{padding:96px 0;border-top:1px solid var(--line)}
.mp .head{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:48px}
.mp .head p{color:var(--ash);max-width:48ch}
.mp .gal{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.mp .gal .col{display:flex;flex-direction:column;gap:24px}
.mp .pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mp .lore{display:grid;grid-template-columns:420px 1fr;gap:72px;align-items:start}
.mp .lore .txt{display:flex;flex-direction:column;gap:20px;font-size:17px;max-width:60ch}
.mp .lore .txt .fin{color:var(--ash);font-size:15px}
.mp .three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.mp .three+.three{margin-top:64px}
.mp .three .shot{aspect-ratio:16/10;object-fit:cover}
.mp .three h3{margin:20px 0 8px}
.mp .three p{color:var(--ash);font-size:15px}
.mp .keys{margin-top:12px;font-size:13px;color:var(--bone)}
.mp .keys b{font-weight:400;border:1px solid var(--ash);border-radius:4px;padding:0 6px;margin-right:2px}
.mp table{width:100%;border-collapse:collapse;font-size:16px}
.mp th{text-align:left;font-weight:400;color:var(--ash);font-size:13px;padding:0 16px 12px 0;border-bottom:1px solid var(--line)}
.mp td{padding:20px 16px 20px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.mp td.n{font-family:"Pixelify Sans",monospace;font-size:24px}
.mp tr.empty td{color:var(--ash);font-size:15px}
.mp .st{display:inline-flex;align-items:center;gap:10px}
.mp .news{display:flex;flex-direction:column}
.mp .news article{display:grid;grid-template-columns:140px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line)}
.mp .news article:first-child{padding-top:0}
.mp .news time{color:var(--ash);font-size:14px;padding-top:4px}
.mp .news h3{margin-bottom:6px}
.mp .news p{color:var(--ash);font-size:15px}
.mp .join{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.mp form{display:flex;flex-direction:column;gap:20px;margin-top:28px;max-width:440px}
.mp label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ash)}
.mp input[type=email],.mp input[type=text]{background:var(--coal);border:1px solid var(--line);border-radius:4px;color:var(--bone);font:inherit;font-size:16px;padding:12px 14px;min-height:48px}
.mp fieldset{border:0;padding:0;margin:0;display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--ash)}
.mp fieldset label{flex-direction:row;align-items:center;gap:8px;min-height:44px}
.mp .btn2{align-self:flex-start;background:transparent;color:var(--bone);border:1px solid var(--bone);border-radius:4px;font:inherit;font-size:16px;padding:12px 24px;min-height:48px;cursor:pointer}
.mp .btn2:hover{border-color:var(--gold);color:var(--gold)}
.mp .btn2[disabled]{border-color:var(--line);color:var(--ash);cursor:not-allowed}
.mp .small{font-size:13px;color:var(--ash);max-width:56ch;margin-top:20px}
.mp .disc{margin-top:28px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.mp footer{border-top:1px solid var(--line);padding:40px 0 56px;font-size:14px}
.mp footer .w{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;color:var(--ash)}
.mp footer ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.mp footer a{color:var(--ash);text-decoration:underline;text-underline-offset:4px;padding:8px 0;display:inline-block}
.mp .logo span{display:block;color:var(--c);background:linear-gradient(100deg,var(--c) 42%,#fffbe8 50%,var(--c) 58%) 100% 0/300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glint 7s ease-in-out var(--d) infinite,braise 2.6s ease-in-out var(--d) infinite}
.mp .logo .cl{background:none;-webkit-text-fill-color:currentColor;animation:coule 4.2s ease-in var(--d) infinite}
@keyframes glint{0%,70%{background-position:100% 0}100%{background-position:0 0}}
@keyframes braise{0%,100%{filter:drop-shadow(0 0 0 rgba(255,140,40,0))}50%{filter:drop-shadow(0 0 6px rgba(255,140,40,.45))}}
@keyframes coule{0%{opacity:0;transform:translateY(-.5em)}25%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(.7em)}}
@media (prefers-reduced-motion:reduce){.mp .logo span{animation:none;background:none;-webkit-text-fill-color:currentColor}}
.mp .promise{margin-top:20px;font-size:18px}
.mp .note{margin-top:14px;font-size:14px;color:var(--ash)}
.mp section h2{margin-bottom:36px;max-width:22ch}
.mp .split{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start;margin-bottom:56px}
.mp .split:last-child{margin-bottom:0}
.mp .split h2,.mp .split .big{margin-bottom:0}
.mp .big{display:flex;flex-direction:column;gap:24px;font-size:24px;line-height:1.5;margin-bottom:48px}
.mp .big p{max-width:40ch}
.mp .big:last-child{margin-bottom:0}
.mp .end{margin-top:56px}
.mp #nouveautes .lead{margin:-12px 0 40px}
.mp .v{position:relative;overflow:hidden;background:#000 center/cover no-repeat}
.mp .v video{display:block;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:reduce){.mp .v video{visibility:hidden}}
.mp .bleed{position:relative;overflow:hidden}
.mp .bleed>.v{position:absolute;inset:0}
.mp .bleed>.v::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,6,.92) 0,rgba(10,8,6,.7) 34%,rgba(10,8,6,0) 62%),linear-gradient(0deg,var(--night) 0,rgba(10,8,6,0) 22%)}
.mp .bleed>.w{position:relative}
.mp .band{margin-top:56px;aspect-ratio:16/9;max-height:86vh;width:100%}
.mp .band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--night) 0,rgba(10,8,6,0) 14%,rgba(10,8,6,0) 86%,var(--night) 100%)}
.mp .cap{margin-top:16px;font-size:14px;color:var(--ash)}
.mp .rows{display:flex;flex-direction:column;gap:72px}
.mp .row{display:grid;grid-template-columns:7fr 4fr;gap:56px;align-items:center}
.mp .row:nth-child(even) .v{order:2}
.mp .row .v{aspect-ratio:16/9;border-radius:4px}
.mp .row h3{font-size:32px;margin-bottom:16px}
.mp .row p{color:var(--ash);font-size:19px;line-height:1.55}
.mp .hero.bleed{min-height:calc(100vh - 72px);display:flex;align-items:center;padding:0}
.mp .hero .w{width:100%;padding-top:72px;padding-bottom:96px}
.mp .hero .txt{max-width:620px}
.mp #beta.bleed{padding:160px 0;border-top:0}
.mp #beta .split{grid-template-columns:1fr}
.mp #beta .big p{max-width:44ch}
.mp .bleed>.v{left:36%}
.mp .row:nth-child(even){grid-template-columns:4fr 7fr}
.mp #perso .row{grid-template-columns:6fr 5fr}
.mp #perso .row .v{aspect-ratio:1248/876}
.mp #perso h2{margin-bottom:28px}
.mp #perso .big{font-size:21px}
.mp .bleed>.w{z-index:2}
.mp .s0{--c:#fff4d0;--d:0.00s}
.mp .s1{--c:#ffeaa0;--d:0.12s}
.mp .s2{--c:#ffe48a;--d:0.24s}
.mp .s3{--c:#ffd468;--d:0.36s}
.mp .s4{--c:#ffcc4c;--d:0.48s}
.mp .s5{--c:#f8b038;--d:0.60s}
.mp .s6{--c:#f8a830;--d:0.72s}
.mp .s7{--c:#f08426;--d:0.84s}
.mp .s8{--c:#ec7422;--d:0.96s}
.mp .s9{--c:#e86a1e;--d:1.08s}
.mp .s10{--c:#b06a28;--d:0.0s}
.mp .s11{--c:#b06a28;--d:1.4s}
.mp .s12{--c:#b06a28;--d:2.8s}
.mp .s13{background-image:url(vid/monde.jpg)}
.mp .s14{background-image:url(vid/anselme.jpg)}
.mp .s15{background-image:url(vid/boss.jpg)}
.mp .s16{background-image:url(vid/mer.jpg)}
.mp .s17{background-image:url(vid/creation.jpg)}
.mp .s18{background-image:url(vid/origine.jpg)}
.mp .s19{background-image:url(vid/feu.jpg)}
.mp #team .lead{margin:-12px 0 40px}
.mp .team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mp .team article{border:1px solid var(--line);border-radius:4px;background:var(--coal);padding:20px 16px;min-width:0}
.mp .team canvas{display:block;width:224px;max-width:100%;aspect-ratio:1;margin:0 0 20px;image-rendering:pixelated}
.mp .team h3{margin-bottom:6px}
.mp .team p{color:var(--ash);font-size:15px}
@media (max-width:1000px){.mp .team{grid-template-columns:repeat(2,1fr)}}

.mp .s20{background-image:url(vid/hero.jpg)}
.mp .s21{background-image:url(vid/monde.jpg)}
.mp .garant{margin-top:24px;font-size:15px;max-width:52ch}
.mp .garant a{color:var(--bone)}
.mp .note{font-size:15px}
.mp p{text-wrap:pretty}
.mp .hero.bleed>.v{left:42%}
.mp .live[hidden]{display:none}
.mp .live{font-size:16px;color:var(--bone)}