:root{--encre:#23201c;--encre-douce:#5c554c;--papier:#faf8f4;--trait:#ddd6ca;--accent:#6b5636;--mesure:62ch;--cadre:74rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--encre);margin:0;font:1.05rem/1.7 Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}main{max-width:var(--mesure);margin:0 auto;padding:3rem 1.25rem 4rem}h1{letter-spacing:.01em;margin:0 0 1.5rem;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:500}h2{color:var(--accent);margin:2.5rem 0 .75rem;font-size:1.2rem;font-weight:500}p{margin:0 0 1.1rem}.entete{max-width:var(--cadre);border-bottom:1px solid var(--trait);flex-wrap:wrap;align-items:baseline;gap:1rem 2rem;margin:0 auto;padding:1.75rem 1.25rem 1.25rem;display:flex}.marque{margin-right:auto;text-decoration:none}.marque-nom{letter-spacing:.02em;font-size:1.25rem;display:block}.marque-suite{color:var(--encre-douce);font-size:.82rem;display:block}.entete nav{flex-wrap:wrap;gap:1.1rem;font-size:.95rem;display:flex}.entete nav a[aria-current=page]{color:var(--accent);text-decoration:none}.langues{gap:.6rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.langues a{color:var(--encre-douce);text-decoration:none}.langues a[aria-current=true]{color:var(--encre);text-decoration:underline}.chapeau{color:var(--encre-douce);font-size:1.15rem}.illustration{border:1px solid var(--trait);width:100%;height:auto;margin:2rem 0}main.large{max-width:var(--cadre)}.fil{color:var(--encre-douce);margin:0 0 .6rem;font-size:.85rem}.apres-commode{text-align:center;margin-top:2.5rem}.coordonnees{margin:0 0 1.5rem;padding:0;list-style:none}.coordonnees li{padding:.15rem 0}.pied{max-width:var(--cadre);border-top:1px solid var(--trait);color:var(--encre-douce);margin:0 auto;padding:2rem 1.25rem 3rem;font-size:.9rem}.credit{margin:1rem 0 0;font-size:.82rem}.armoire{width:min(46rem,100vw - 2.5rem);margin:0 0 3.5rem 50%;padding:0;translate:-50%}.meuble{aspect-ratio:555/834;perspective:1500px;width:auto;max-width:100%;height:min(70vh,44rem);margin:0 auto;position:relative}.bati{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:relative}.interieur,.vantail{height:81.77%;position:absolute;top:13.19%}.interieur{z-index:1;background:radial-gradient(120% 80% at 50% 40%,#4a3624 0%,#2a1c11 55%,#171009 100%);justify-content:center;align-items:center;width:90.09%;display:flex;left:4.86%;box-shadow:inset 0 0 3rem #000000bf}.vantail{z-index:2;pointer-events:none;transition:transform 2.6s cubic-bezier(.22,.78,.3,1)}.vantail img{object-fit:fill;width:100%;height:100%;display:block}.vantail-g{transform-origin:0;width:43.78%;left:4.86%}.vantail-d{transform-origin:100%;width:46.31%;transition-delay:.2s;left:48.65%}.clef{z-index:4;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;transition:box-shadow .35s;position:absolute}.meuble.fermee .clef{width:8.6%;height:11.5%;top:43.5%;left:45.6%}.meuble:not(.fermee) .clef{width:7.2%;height:3.9%;top:95.3%;left:46.4%}:is(.clef:hover,.clef:focus-visible){box-shadow:0 0 0 .18rem #f0dcae80,0 0 1.6rem .3rem #f0dcae59}.clef:focus-visible{outline-offset:3px;outline:2px solid #f0dcae}.clef-panneton{background:radial-gradient(ellipse at 38% 32%, #f4e4b6, var(--laiton) 52%, #7d6329 100%);opacity:1;border-radius:46%/42%;width:100%;height:100%;transition:opacity .8s;display:block;position:relative;box-shadow:0 1px 3px #0009,inset 0 1px #ffffff73}.meuble:not(.fermee) .clef-panneton{transition-delay:1.7s}.clef-panneton:after{content:"";background:#2a1c0d;border-radius:50% 50% 24% 24%;width:17%;height:50%;position:absolute;top:24%;left:50%;transform:translate(-50%)}.meuble.fermee .clef-panneton{opacity:0}:is(.meuble.fermee .clef:hover .clef-panneton,.meuble.fermee .clef:focus-visible .clef-panneton){opacity:.35}.clef-texte{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.meuble.fermee .vantail-g,.meuble.fermee .vantail-d{transform:rotateY(0)}.meuble:not(.fermee) .vantail-g{transform:rotateY(-88deg)}.meuble:not(.fermee) .vantail-d{transform:rotateY(88deg)}.menu{text-align:center;width:100%;margin:0;padding:0 1rem;list-style:none}.menu li+li{margin-top:clamp(.7rem,2.2vh,1.4rem)}.menu a{color:#d8b87a;letter-spacing:.06em;text-shadow:0 1px 2px #0009;border-bottom:1px solid #d8b87a47;padding-bottom:.15rem;font-size:clamp(.95rem,2.4vh,1.25rem);text-decoration:none}.menu a:hover,.menu a:focus{color:#f0dcae;border-bottom-color:#f0dcae}.meuble,.meuble a{cursor:pointer}@media (prefers-reduced-motion:reduce){.vantail,.clef{transition:none}}:root{--carton:#efe9dd;--or:#b99a5b;--laiton:#c9ab6a}.accrochage{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));align-items:start;gap:2.2rem;margin-top:2.5rem;display:grid}@media (max-width:52rem){.accrochage{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.3rem}}.montage{color:inherit;margin:0;text-decoration:none;display:block}.carton{background:linear-gradient(158deg, #f4efe4 0%, var(--carton) 55%, #e9e2d4 100%);padding:1.15rem 1.15rem 1.3rem;transition:transform .5s cubic-bezier(.22,.8,.3,1),box-shadow .5s;display:block;box-shadow:inset 0 1px #fff,0 14px 26px -18px #23201c8c,0 2px 5px -3px #23201c4d}.fenetre{box-shadow:0 0 0 1px var(--or), 0 2px 6px -2px #23201c73 inset;background:linear-gradient(145deg,#fffdf8,#e2d9c7);padding:3px;display:block;position:relative}.fenetre img{width:100%;height:auto;display:block}.fenetre:after{content:"";pointer-events:none;opacity:.7;background:linear-gradient(115deg,#ffffff57 0 18%,#fff0 46%);transition:opacity .5s,transform .9s cubic-bezier(.22,.8,.3,1);position:absolute;inset:3px}:is(.montage:hover .carton,.montage:focus-visible .carton){transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 26px 40px -22px #23201c99,0 3px 8px -4px #23201c59}.montage:hover .fenetre:after{opacity:1;transform:translate(9%)}.cartel{text-align:center;margin:1rem .1rem .1rem;line-height:1.3;display:block}.cartel b{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:500;display:block}.cartel span{color:var(--encre-douce);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.76rem;display:block}.mur{background:linear-gradient(#efeae1 0%,#e7e1d6 60%,#ddd6c9 100%);margin-top:2.5rem;padding:0 2rem 3.5rem}.cimaise{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:3rem 2.4rem;padding-top:1.6rem;display:flex}.suspendu{width:13.5rem;margin:0;padding-top:3.2rem;position:relative}.suspendu:before{content:"";background:linear-gradient(#cfc6b5,#9d9282 60%,#7d7264);height:9px;position:absolute;top:0;left:-1.2rem;right:-1.2rem;box-shadow:0 3px 7px -3px #23201c80}.tiges:before,.tiges:after{content:"";transform-origin:top;background:#8d8271;width:1px;height:3.1rem;position:absolute;top:6px;left:50%}.tiges:before{transform:rotate(11deg)}.tiges:after{transform:rotate(-11deg)}.suspendu img{background:#fdfcf9;width:100%;height:auto;padding:7px;transition:transform .6s cubic-bezier(.22,.8,.3,1),box-shadow .6s;display:block;box-shadow:0 0 0 1px #23201c24,0 16px 22px -16px #23201cd9,0 3px 6px -4px #23201c99}:is(.suspendu a:hover img,.suspendu a:focus-visible img){transform:translateY(-3px)scale(1.012);box-shadow:0 24px 34px -18px #23201ce6,0 4px 8px -5px #23201c99}.suspendu figcaption{text-align:center;color:var(--encre-douce);font-variant-numeric:tabular-nums;margin-top:.75rem;font-size:.82rem}.commode{background:linear-gradient(#33210f,#1d1207);grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-width:68rem;margin:2.5rem auto 0;padding:.85rem;display:grid;box-shadow:0 30px 50px -34px #23201ce6,0 0 0 1px #00000080}@media (max-width:46rem){.commode{grid-template-columns:minmax(0,1fr)}}.tiroir{aspect-ratio:1418/325;min-width:0;color:inherit;background-image:var(--facade);background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;padding:0 25%;text-decoration:none;transition:transform .4s cubic-bezier(.22,.8,.3,1),filter .4s,box-shadow .4s;display:flex;position:relative}.tiroir:last-child:nth-child(odd){aspect-ratio:8.79;border:0 solid #0000;border-image-source:var(--facade);background-image:none;border-image-slice:0 500 fill;border-image-width:0 17.5%;border-image-repeat:stretch;grid-column:1/-1}@media (max-width:46rem){.tiroir:last-child:nth-child(odd){aspect-ratio:1418/325;background-image:var(--facade);border-image-source:none;grid-column:auto}}:is(.tiroir:hover,.tiroir:focus-visible){filter:brightness(1.06);z-index:1;transform:scale(1.022);box-shadow:0 16px 26px -14px #000c}.plaque{color:#33291a;letter-spacing:.04em;text-align:center;background:linear-gradient(#fbf4e2,#efe2c4 60%,#e3d3ae);border:2px solid;border-image:linear-gradient(#e5cd92,#9d7f3f) 1;max-width:100%;padding:.16rem .8rem;font-size:clamp(.7rem,1.3vw,.88rem);box-shadow:0 2px 5px #0000008c,inset 0 1px #ffffff80}.tiroir .compte{color:#f2e0b6;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000d9;margin-top:.3rem;font-size:clamp(.6rem,1.05vw,.72rem)}.loupe{background:0 0;border:0;max-width:92vw;max-height:92vh;padding:0}.loupe::backdrop{background:#171009d1}.loupe img{background:var(--papier);width:auto;max-width:92vw;height:auto;max-height:84vh;box-shadow:0 0 0 1px var(--or), 0 30px 50px -30px #000;padding:.6rem;display:block}.loupe form{text-align:right;margin:0 0 .5rem}.loupe button{font:inherit;color:var(--papier);cursor:pointer;background:0 0;border:1px solid #faf8f480;padding:.2rem .8rem;font-size:.85rem}.loupe button:hover{border-color:var(--papier)}@media (prefers-reduced-motion:reduce){.carton,.fenetre:after,.suspendu img,.tiroir{transition:none}}.film{width:min(100vw - 2.5rem, calc(var(--mesure) + 4rem));box-shadow:0 0 0 1px var(--trait), 0 22px 40px -28px #23201ce6;background:#17110a;margin:3rem 0 0 50%;position:relative;transform:translate(-50%)}.film video{width:100%;height:auto;display:block}.film-pause{font:inherit;letter-spacing:.03em;cursor:pointer;color:#faf8f4b8;opacity:.5;background:#17110a80;border:1px solid #c9ab6a73;align-items:center;gap:.4rem;padding:.18rem .6rem;font-size:.74rem;transition:opacity .3s,color .3s,border-color .3s;display:flex;position:absolute;bottom:.55rem;right:.55rem}.film:hover .film-pause,.film-arrete .film-pause{opacity:1;color:var(--papier);border-color:var(--laiton)}.film-pause:focus-visible{opacity:1;color:var(--papier);border-color:var(--laiton)}.film-signe{clip-path:polygon(0 0,36% 0,36% 100%,0 100%,0 0,64% 0,100% 0,100% 100%,64% 100%);background:currentColor;width:.5rem;height:.58rem}.film-arrete .film-signe{clip-path:polygon(6% 0,100% 50%,6% 100%)}@media (prefers-reduced-motion:reduce){.film-pause{transition:none}}