@layer socle{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--fond);background-image:radial-gradient(color-mix(in srgb, var(--encre) 5%, transparent) .65px, transparent .75px);color:var(--encre);font-family:var(--texte);font-size:var(--t-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-size:12px 12px;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--titre);text-wrap:balance;margin:0;font-weight:700;line-height:1.02}h1{font-size:var(--t-3xl)}h2{font-size:var(--t-2xl)}h3{font-size:var(--t-xl)}h4{font-size:var(--t-lg)}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration-color:var(--trait);text-underline-offset:3px;transition:text-decoration-color var(--transition);&:hover{text-decoration-color:var(--action)}}img,svg,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--r-sm)}[hidden]{display:none!important}}@layer composants{.piece{--haut:var(--tissu-1);--bas:var(--tissu-2);background-color:var(--bas);color:var(--encre);border-radius:var(--coupe);border:2px solid color-mix(in srgb, var(--encre) 72%, transparent);position:relative;overflow:hidden}.piece[data-paire="1"]{--haut:var(--tissu-3);--bas:var(--tissu-4)}.piece[data-paire="2"]{--haut:var(--tissu-2);--bas:var(--tissu-3)}.piece[data-paire="3"]{--haut:var(--tissu-4);--bas:var(--tissu-1)}.piece-haut{background-color:var(--haut)}.piece-bas{background-color:var(--bas)}.motif{background-image:var(--motif);background-size:var(--motif-pas)}.cousu:after{content:none}.couture{position:relative}.couture:before{content:"";inset-inline:0;background:var(--trait-fort);height:1px;position:absolute;top:0}.pilule{border:2px solid var(--encre);border-radius:var(--r-pilule);background:var(--surface);color:var(--encre);font-family:var(--texte);font-weight:600;font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;line-height:1.2;display:inline-block}.bouton{padding:var(--e-4) var(--e-6);border:none;border:2px solid var(--encre);background:var(--action);color:var(--action-texte);font-family:var(--texte);font-weight:700;font-size:var(--t-sm);letter-spacing:.02em;text-align:center;box-shadow:4px 4px 0 var(--encre);transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border-radius:18px 5px;text-decoration:none;display:inline-block}.bouton:hover{background:var(--action-appui)}.bouton:active{box-shadow:1px 1px 0 var(--encre);transform:translate(3px,3px)}.bouton-doux{padding:calc(var(--e-4) - 2px) var(--e-6);border:2px solid var(--encre);color:var(--encre);font-family:var(--texte);font-weight:700;font-size:var(--t-sm);text-align:center;transition:background var(--transition);background:0 0;border-radius:18px 5px;text-decoration:none;display:inline-block}.bouton-doux:hover{background:color-mix(in srgb, var(--encre) 8%, transparent)}.bouton-large{width:100%;display:block}}@layer utilitaires{.entree{animation:.62s cubic-bezier(.2,.7,.3,1) backwards entree;animation-delay:calc(var(--rang,0) * 90ms)}@keyframes entree{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.entree{animation:none}}.lecture-seule{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:100%;max-width:var(--largeur-page);padding-inline:var(--e-5);margin-inline:auto}@media (width<=640px){.page{padding-inline:var(--e-4)}}.prose{max-width:var(--largeur-lecture)}.surtitre{font-family:var(--texte);font-weight:600;font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--encre-douce)}}:root{--titre:var(--police-titre), system-ui, sans-serif;--texte:var(--police-texte), system-ui, sans-serif;--t-xs:.76rem;--t-sm:.9rem;--t-md:1rem;--t-lg:1.22rem;--t-xl:1.6rem;--t-2xl:2.15rem;--t-3xl:3.15rem;--t-4xl:5rem;--e-1:4px;--e-2:8px;--e-3:12px;--e-4:16px;--e-5:24px;--e-6:32px;--e-7:48px;--e-8:72px;--e-9:112px;--r-lg:24px;--r-md:14px;--r-sm:7px;--r-pilule:999px;--largeur-page:1180px;--largeur-lecture:65ch;--transition:.18s cubic-bezier(.2, .7, .3, 1);--navigation-generique:#ebc9b8;--navigation-generique-action:#8b3f2d;--pas-1:#fbf5ea;--pas-2:#f4eada;--pas-3:#ede0cc;--pas-4:#e2d5bf;--pas-5:#c3b196;--blanc-casse:#fffdf8;--tissu-1:#f8dfc1;--tissu-2:#f4dad9;--tissu-3:#dce8d9;--tissu-4:#d9e5e8;--encre-pleine:#332619;--encre-tenue:#655444;--vif:#8b3f2d;--vif-appui:#713224;--vif-texte:#fbf5ea;--signal:#d9a441;--halo:#648149;--vert:#41684e;--rouge:#9b2f26;--fond:var(--pas-1);--surface:var(--blanc-casse);--surface-accent:var(--pas-2);--trait:var(--pas-3);--trait-fort:var(--pas-5);--encre:var(--encre-pleine);--encre-douce:var(--encre-tenue);--action:var(--vif);--action-appui:var(--vif-appui);--action-texte:var(--vif-texte);--attention:var(--signal);--focus:var(--halo);--succes:var(--vert);--erreur:var(--rouge);--coupe:26px 8px 26px 8px;--motif:radial-gradient(color-mix(in srgb, var(--encre) 8%, transparent) .7px, transparent .8px);--motif-pas:11px 11px;--couture:color-mix(in srgb, var(--encre) 42%, transparent);--ombre:#33261921;--ombre-posee:0 2px 10px var(--ombre);--ombre-levee:0 10px 30px #3326192b}[data-ambiance=atelier]{--pas-1:#fbf4e9;--pas-2:#f7e8d2;--pas-3:#f2ddbf;--pas-4:#ebd3b0;--pas-5:#d6b489;--blanc-casse:#fffdf8;--tissu-1:#f7dcb6;--tissu-2:#f8daca;--tissu-3:#f2d4bd;--tissu-4:#e3e7d1;--encre-pleine:#3b2a1b;--encre-tenue:#6b5540;--vif:#98411f;--vif-appui:#7f3417;--vif-texte:#fff6ec;--signal:#d9a441;--halo:#96691a;--vert:#41684e;--rouge:#9b2f26;--coupe:30px 8px 22px 10px;--motif:repeating-linear-gradient(0deg, color-mix(in srgb, var(--encre) 7%, transparent) 0 1px, transparent 1px 9px);--motif-pas:auto;--ombre:#3b2a1b24;--ombre-levee:0 10px 30px #3b2a1b2e}[data-ambiance=lumiere]{--pas-1:#fff8fa;--pas-2:#fae7ec;--pas-3:#f6dce3;--pas-4:#f0d0da;--pas-5:#dfaabd;--blanc-casse:#fffdfd;--tissu-1:#f8dde4;--tissu-2:#e2def2;--tissu-3:#dce7ec;--tissu-4:#f9e2ce;--encre-pleine:#38272f;--encre-tenue:#6a5460;--vif:#a93a5c;--vif-appui:#8c2f4b;--vif-texte:#fffdfd;--signal:#7e6bc9;--halo:#7460c2;--vert:#3f6b4f;--rouge:#a3342b;--r-lg:30px;--r-md:18px;--r-sm:9px;--coupe:34px 12px 34px 12px;--motif:repeating-linear-gradient(90deg, color-mix(in srgb, var(--encre) 6%, transparent) 0 1px, transparent 1px 14px);--motif-pas:auto;--ombre:#38272f1f;--ombre-levee:0 10px 30px #38272f26}@media (prefers-reduced-motion:reduce){:root{--transition:0s}}