:root{color-scheme:light;--parchemin: #eae5d9;--vellum: #f6f2e7;--encre: #201b14;--encre-2: #544c3d;--trait: #cdc4ac;--trait-fort: #8c826a;--tapis: #1c2b24;--tapis-creux: #16211c;--tapis-clarte: #26382f;--sur-tapis: #ede7d8;--sur-tapis-2: #a8b0a6;--or: #d2ac59;--bronze: #7a5514;--bronze-pale: #f0e6cd;--sang: #8e2b20;--sang-pale: #f7e7e3;--serif: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--measure: 64ch}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--parchemin);color:var(--encre);font:1.0625rem/1.72 var(--serif);-webkit-text-size-adjust:100%}main{flex:1 0 auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.wrap{max-width:74rem;margin:0 auto;padding:0 1.5rem}.prose{max-width:var(--measure)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px;top:0;padding:.6rem 1rem;background:var(--encre);color:var(--vellum);z-index:10}.skip:focus{left:0}:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}.tapis :focus-visible{outline-color:var(--or)}.preprod{margin:0;padding:.55rem 1.5rem;text-align:center;font-family:var(--sans);font-size:.85rem;background:var(--sang);color:#fff;border-bottom:1px solid var(--encre)}.preprod code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:#ffffff29;padding:.1em .3em}.site-head{background:var(--vellum);border-bottom:1px solid var(--trait)}.site-head .wrap{display:flex;align-items:baseline;gap:1rem;padding-block:.9rem;flex-wrap:wrap}.brand{font-family:var(--serif);font-weight:700;font-size:1.3rem;letter-spacing:.01em;text-decoration:none;color:var(--encre)}.brand span{color:var(--bronze)}.brand:hover span{color:var(--encre)}.tapis{background:var(--tapis);color:var(--sur-tapis);border-bottom:1px solid var(--encre);padding-block:2.5rem 2.75rem}.hero{display:grid;gap:2rem 3rem;align-items:center;padding-bottom:2.25rem;margin-bottom:2.25rem;border-bottom:1px solid rgb(210 172 89 / 28%)}@media(min-width:60rem){.hero{grid-template-columns:minmax(0,1fr) minmax(0,26rem)}}.hero h1{margin:0 0 .9rem;font-family:var(--serif);font-weight:700;font-size:clamp(2rem,1.3rem + 2.6vw,2.9rem);line-height:1.12;letter-spacing:-.005em;color:var(--sur-tapis);max-width:20ch;text-wrap:balance}.intro{margin:0;max-width:48ch;font-size:1.1rem;line-height:1.65;color:var(--sur-tapis-2)}.intro strong{color:var(--sur-tapis);font-weight:700}.atelier{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}@media(min-width:46rem){.reglages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;align-items:start;padding-block:1.15rem}.reglages fieldset:nth-of-type(1){grid-column:1;grid-row:1 / span 3;padding:0}.reglages fieldset:nth-of-type(1):after{display:none}.reglages fieldset:nth-of-type(2){grid-row:1;padding-top:0}.reglages fieldset:nth-of-type(3){grid-row:2}.reglages fieldset:nth-of-type(4){grid-row:3}.reglages fieldset:nth-of-type(n+2){grid-column:2;border-left:1px solid var(--trait);padding-left:1.5rem}.reglages fieldset:nth-of-type(n+2):after{left:1.5rem}}.scene{min-width:0;display:flex;flex-direction:column}@media(min-width:72rem){.atelier{grid-template-columns:minmax(0,1fr) minmax(0,30rem);gap:2rem}.scene{align-self:stretch}.depot{flex:1;justify-content:center}}.depot{position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 1.5rem;border:1px solid rgb(210 172 89 / 18%);background:radial-gradient(circle at 50% 42%,var(--tapis-clarte) 0%,var(--tapis-creux) 68%);transition:box-shadow .15s,border-color .15s}.depot--survol{border-color:var(--or);box-shadow:inset 0 0 0 1px var(--or)}.apercu{max-width:100%;height:auto;touch-action:none;cursor:grab;border-radius:50%;box-shadow:0 18px 38px #00000073;background-color:#2d3a34;background-image:linear-gradient(45deg,#22302a 25%,transparent 25%),linear-gradient(-45deg,#22302a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#22302a 75%),linear-gradient(-45deg,transparent 75%,#22302a 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.apercu:active{cursor:grabbing}.depot__consigne,.depot__aide{position:static;margin:1.25rem 0 0;text-align:center;color:var(--sur-tapis-2);font-family:var(--sans);font-size:.9rem;max-width:34ch}.depot__consigne small{color:var(--sur-tapis-2);opacity:.85}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.btn{padding:.6rem 1.05rem;font-family:var(--sans);font-size:.92rem;font-weight:500;cursor:pointer;background:var(--vellum);color:var(--encre);border:1px solid var(--trait-fort);min-height:2.75rem}.btn:hover:not(:disabled){background:#fffdf6;border-color:var(--encre)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--principal{background:var(--bronze);color:#fff;border-color:var(--bronze);font-weight:600}.btn--principal:hover:not(:disabled){background:#63450f;border-color:#63450f}.actions .btn{background:transparent;color:var(--sur-tapis);border-color:#ede7d86b}.actions .btn:hover:not(:disabled){background:#ede7d81a;border-color:var(--sur-tapis)}.actions .btn:disabled{opacity:.45}.actions .btn--principal{background:var(--or);color:var(--tapis-creux);border-color:var(--or);font-weight:600}.actions .btn--principal:hover:not(:disabled){background:#e0bd72;border-color:#e0bd72}.erreur{margin:1rem 0 0;padding:.8rem 1rem;background:var(--sang-pale);color:var(--sang);border-left:4px solid var(--sang);font-family:var(--sans);font-size:.95rem}.lot{margin-top:1rem;padding:1rem 1.15rem;background:var(--vellum);border-left:4px solid var(--bronze)}.lot p{margin:0 0 .8rem;font-family:var(--sans);font-size:.92rem;color:var(--encre)}.reglages{background:var(--vellum);border:1px solid #b9ae91;box-shadow:0 16px 36px #00000052;padding:.35rem 1.15rem 1.15rem;color:var(--encre);font-family:var(--sans);font-size:.95rem}.reglages fieldset{position:relative;margin:0;padding:.9rem 0 1.25rem;border:0}.reglages fieldset:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--trait)}.reglages fieldset:last-of-type:after{display:none}.reglages fieldset:last-of-type{padding-bottom:.25rem}.reglages legend{padding:0;font-family:var(--serif);font-size:1.05rem;font-weight:700;letter-spacing:0;color:var(--encre);margin-bottom:.6rem}.bordures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.bordure{display:block;padding:.5rem .4rem;text-align:center;cursor:pointer;font-size:.85rem;border:1px solid var(--trait);background:transparent;color:var(--encre)}.bordure:hover{border-color:var(--trait-fort);background:#fffdf6}.bordure--active,.bordure--active:hover{background:var(--tapis);border-color:var(--tapis);color:var(--or);font-weight:600}.bordure:focus-within{outline:3px solid var(--bronze);outline-offset:2px}.champ{margin-top:.8rem;min-width:0}.champ label{display:block;font-size:.88rem;font-weight:500;margin-bottom:.35rem}.champ--case{display:flex;align-items:center;gap:.5rem}.champ--case label{margin:0}.champ .val{float:right;color:var(--encre-2);font-variant-numeric:tabular-nums;font-weight:600}.champ input[type=text],.champ select{width:100%;padding:.55rem .7rem;font:inherit;min-height:2.75rem;background:#fffdf6;color:var(--encre);border:1px solid var(--trait-fort)}.champ input[type=range]{width:100%;accent-color:var(--bronze)}.champ input[type=color]{width:100%;height:2.5rem;padding:2px;cursor:pointer;background:#fffdf6;border:1px solid var(--trait-fort)}.champ input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--bronze)}.note{margin:.5rem 0 0;font-size:.82rem;color:var(--encre-2);line-height:1.5}.specimens{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin:0}.specimen{margin:0;text-align:center}.specimen canvas{display:block;width:7.25rem;height:7.25rem;filter:drop-shadow(0 14px 22px rgb(0 0 0 / 45%))}.specimen figcaption{margin-top:.65rem;font-family:var(--sans);font-size:.8rem;color:var(--sur-tapis-2)}@media(max-width:26rem){.specimen canvas{width:6.5rem;height:6.5rem}.specimens{gap:.75rem}}section.prose{margin:2.75rem 0}section.prose h2,.faq h2{margin:0 0 .9rem;font-family:var(--serif);font-size:1.55rem;font-weight:700;line-height:1.25;position:relative;padding-left:1.35rem}section.prose h2:before,.faq h2:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--bronze);transform:rotate(45deg)}section.prose li{margin-bottom:.55rem}section.prose p,.faq p{max-width:var(--measure)}a{color:var(--bronze);text-underline-offset:3px}a:hover{color:var(--encre)}.cadres{display:grid;gap:0;margin:1.25rem 0 0;max-width:54rem;border-top:1px solid var(--trait)}.cadres>div{display:grid;grid-template-columns:15.5rem minmax(0,1fr);gap:.9rem 1.5rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--trait)}.cadres dt{display:flex;align-items:center;gap:.85rem;font-weight:700;color:var(--bronze)}.cadre-vu{width:4.5rem;height:4.5rem;flex:none;border-radius:50%;box-shadow:0 3px 8px #201b1438}.cadres dd{margin:0;color:var(--encre-2)}.faq{margin:2.75rem 0;max-width:var(--measure)}.faq details{border-bottom:1px solid var(--trait)}.faq summary{padding:.9rem 0 .9rem 1.6rem;cursor:pointer;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"";position:absolute;left:.15rem;top:1.3rem;border:.34rem solid transparent;border-left-color:var(--bronze)}.faq details[open] summary:before{top:1.45rem;left:0;border-top-color:var(--bronze);border-left-color:transparent}.faq summary:hover{color:var(--bronze)}.faq details>div{padding:0 0 .9rem 1.6rem}.faq p{margin:0 0 .7rem}.site-foot{margin-top:3rem;padding:2.25rem 0;border-top:1px solid var(--trait);background:var(--vellum);color:var(--encre-2);font-size:.95rem}.site-foot p{margin:0 0 .6rem;max-width:var(--measure)}.site-foot strong{color:var(--encre)}@media(max-width:60rem){.cadres>div{grid-template-columns:minmax(0,1fr);gap:.15rem}}@media(max-width:34rem){.wrap{padding:0 1.1rem}.tapis{padding-block:1.75rem 2rem}.depot{padding:1.25rem .75rem}.reglages{padding:.35rem .9rem 1rem}}