:root{--abysse: #0a1428;--cuve: #16233c;--ardoise: #5c6b85;--brume: #aeb9d0;--papier: #e9edf2;--reactif: #8fe3c8;--reactif-profond: #0f6b55;--filet-nuit: #1e2c45;--filet-nuit-fort: #33456a;--filet-papier: #c3cbd8;--texte-papier-doux: #46566f;--fond: var(--abysse);--surface: var(--cuve);--texte: var(--papier);--texte-doux: var(--brume);--texte-faible: var(--ardoise);--filet: var(--filet-nuit);--filet-fort: var(--filet-nuit-fort);--filet-champ: var(--ardoise);--accent: var(--reactif);--accent-contraste: var(--abysse);--display: "Lineal", "Jost", ui-sans-serif, system-ui, sans-serif;--texte-famille: "Spectral", Georgia, "Times New Roman", serif;--mono: "Cutive Mono", ui-monospace, "Courier New", monospace;--t-100: clamp(.78rem, .76rem + .1vw, .82rem);--t-200: clamp(.94rem, .9rem + .2vw, 1rem);--t-300: clamp(1.06rem, 1rem + .3vw, 1.19rem);--t-400: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--t-500: clamp(1.4rem, 1.2rem + 1vw, 1.95rem);--t-600: clamp(1.7rem, 1.35rem + 1.75vw, 2.45rem);--t-700: clamp(2.1rem, 1.5rem + 3vw, 3.4rem);--t-800: clamp(2.6rem, 1.6rem + 5vw, 4.75rem);--t-900: clamp(3.2rem, 1.6rem + 8vw, 7rem);--interligne-texte: 1.7;--interligne-titre: 1.12;--mesure: 42rem;--ls-logo: .26em;--ls-logo-petit: .18em;--ls-titre: .03em;--ls-etiquette: .18em;--e-1: clamp(.25rem, .2rem + .2vw, .4rem);--e-2: clamp(.5rem, .4rem + .3vw, .75rem);--e-3: clamp(.75rem, .6rem + .5vw, 1.15rem);--e-4: clamp(1rem, .8rem + .9vw, 1.75rem);--e-5: clamp(1.5rem, 1.1rem + 1.6vw, 2.75rem);--e-6: clamp(2.25rem, 1.5rem + 3vw, 4.5rem);--e-7: clamp(3.5rem, 2rem + 5vw, 7rem);--gouttiere: clamp(1.25rem, .5rem + 3.4vw, 5rem);--largeur-lecture: 82rem;--largeur-planche: 84rem;--largeur-max: 90rem;--hauteur-bandeau: 3.875rem;--duree: .4s;--duree-lente: .8s;--duree-page: .42s;--courbe: cubic-bezier(.22, .61, .36, 1)}[data-mode=planche]{--fond: var(--papier);--surface: var(--papier);--texte: var(--abysse);--texte-doux: var(--texte-papier-doux);--texte-faible: var(--texte-papier-doux);--filet: var(--filet-papier);--filet-fort: var(--filet-papier);--filet-champ: var(--texte-papier-doux);--accent: var(--reactif-profond);--accent-contraste: var(--papier)}@font-face{font-family:Lineal;src:url(/fonts/Lineal-Thin.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Lineal;src:url(/fonts/Lineal-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lineal;src:url(/fonts/Lineal-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(/fonts/Spectral-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(/fonts/Spectral-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(/fonts/Spectral-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cutive Mono;src:url(/fonts/CutiveMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--texte-famille);font-weight:300;font-size:var(--t-300);line-height:var(--interligne-texte);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);font-weight:200;line-height:var(--interligne-titre);letter-spacing:var(--ls-titre);margin:0;text-wrap:balance;overflow-wrap:break-word}p{margin:0;max-width:var(--mesure);text-wrap:pretty}img,video,svg{display:block;max-width:100%;height:auto}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:0}.evitement{position:absolute;left:var(--gouttiere);top:-100%;z-index:100;background:var(--accent);color:var(--accent-contraste);padding:var(--e-3) var(--e-4);font-family:var(--mono);font-size:var(--t-100);letter-spacing:var(--ls-etiquette);text-transform:uppercase;text-decoration:none;transition:top var(--duree) var(--courbe)}.evitement:focus{top:var(--e-3)}.visuellement-cache{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mono,.etiquette{font-family:var(--mono);font-size:var(--t-100);letter-spacing:var(--ls-etiquette);text-transform:uppercase;color:var(--texte-doux)}.etiquette--accent{color:var(--accent)}.filet{height:1px;background:var(--filet);border:0;margin:0}.contenu{width:100%;padding-inline:var(--gouttiere)}.contenu--centre{max-width:var(--largeur-lecture);margin-inline:auto}.contenu--planche{max-width:calc(var(--largeur-planche) + 2 * var(--gouttiere));margin-inline:auto}.coins{display:flex;justify-content:space-between;align-items:center;gap:var(--e-4)}.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--e-3) var(--e-5);border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:var(--mono);font-size:var(--t-100);letter-spacing:var(--ls-etiquette);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--duree) var(--courbe),color var(--duree) var(--courbe)}.bouton:hover,.bouton:focus-visible{background:var(--accent);color:var(--accent-contraste)}.bouton--plein{background:var(--accent);color:var(--accent-contraste)}.bouton--plein:hover,.bouton--plein:focus-visible{background:transparent;color:var(--accent)}.bouton--discret{border-color:var(--filet-fort);color:var(--texte)}.bouton--discret:hover,.bouton--discret:focus-visible{background:var(--filet-fort);color:var(--texte)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.3;mix-blend-mode:normal}.entree{opacity:1}@keyframes secours-visible{to{opacity:1;transform:none;pointer-events:auto}}@media(scripting:enabled){.entree{opacity:0;transform:translateY(1.25rem);transition:opacity var(--duree-lente) var(--courbe),transform var(--duree-lente) var(--courbe);animation:secours-visible 1ms linear 2.5s forwards}.entree.vu{opacity:1;transform:none}}html.js-ok .entree:not(.panneau){animation:none}@supports not (animation-timeline: view()){html.js-ok .panneau.entree{animation:none}}@media(scripting:enabled){.bandeau--differe{opacity:0;transform:translateY(-100%);pointer-events:none;animation:secours-visible 1ms linear 2.5s forwards}}html.js-ok .bandeau--differe{animation:none}.ecran__fondu{position:absolute;inset:0;z-index:2;pointer-events:none;background:var(--abysse);opacity:0}@keyframes fondu-panneau{0%{opacity:1}26%,74%{opacity:0}to{opacity:1}}@keyframes derive-panneau{0%{opacity:.25;transform:translateY(2.2vh)}30%,70%{opacity:1;transform:none}to{opacity:.25;transform:translateY(-2.2vh)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ecran__fondu{animation:fondu-panneau linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.panneau{animation:derive-panneau linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.panneau.entree{opacity:1;transform:none;transition:none;animation-name:derive-panneau}}}.fil{position:fixed;inset:0 0 auto;z-index:200;height:2px;background:var(--reactif);transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none}.fil.actif{opacity:1;animation:fil-avance 12s cubic-bezier(.1,.8,.2,1) forwards}@keyframes fil-avance{0%{transform:scaleX(0)}40%{transform:scaleX(.7)}to{transform:scaleX(.97)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entree,.panneau{opacity:1;transform:none;transition:none;animation:none}.ecran__fondu{animation:none;opacity:0}.fil.actif{animation:none;transform:scaleX(.5)}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ecran{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;overflow:clip;isolation:isolate}.ecran__fond{position:absolute;inset:0;z-index:-2}.ecran__voile{position:absolute;inset:0;z-index:-1}.differe{content-visibility:auto;contain-intrinsic-size:auto 800px}.differe--court{contain-intrinsic-size:auto 240px}.differe--long{contain-intrinsic-size:auto 2400px}:target,[id]{scroll-margin-top:calc(var(--hauteur-bandeau) + 1rem)}.ecran[id],.ecran:target{scroll-margin-top:0}
