:root{--calque:#dadbd8;--encre:#111113;--graphite:#5f5f64}html.aquarelle{--calque:#f1ece0;--encre:#3f342c;--graphite:#7d7064}html.aquarelle #grain{opacity:.45;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .62  0 0 0 0 .57  0 0 0 0 .5  0 0 0 .3 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}html.crayon{--calque:#f4f3ef;--encre:#3c3c40;--graphite:#7a7a80}html.crayon #grain{opacity:.4}html.couleur{--calque:#f5f2ea;--encre:#3c3c40;--graphite:#7a7a80}html.couleur #grain{opacity:.4}html.plan{--calque:#1d4d8a;--encre:#eef4fb;--graphite:#a9c3e3}html.plan #grain{opacity:.3}html.plan .feuille img{mix-blend-mode:normal}html.affiche{--calque:#efe4cc;--encre:#1e2638;--graphite:#5a6070}html.affiche #grain{opacity:.3}html.affiche #titre{font-family:var(--font-poiret), sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:30px;transform:none}html,body{background:var(--calque);height:100%;margin:0;overflow:hidden}body{font-family:var(--font-caveat), "Bradley Hand", cursive;color:var(--encre)}#scene{position:fixed;inset:0}canvas{display:block}#grain{pointer-events:none;mix-blend-mode:multiply;opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .55  0 0 0 0 .56  0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}#cadre{pointer-events:none;color:var(--encre);position:fixed;inset:0}#cadre svg{width:100%;height:100%}#titre{pointer-events:none;font-size:34px;font-weight:700;position:fixed;top:22px;right:60px;transform:rotate(-1.5deg)}#note{color:var(--graphite);pointer-events:none;font-size:18px;position:fixed;bottom:8px;left:42px}#ui{flex-direction:column;gap:6px;font-size:21px;display:flex;position:fixed;top:88px;left:44px}#ui .ligne{flex-wrap:wrap;gap:6px;display:flex}#ui button{font:inherit;color:var(--encre);background:color-mix(in srgb, var(--calque) 85%, transparent);cursor:pointer;border:2px solid var(--encre);border-radius:3px 6px 4px 7px;padding:0 10px}#ui button[aria-pressed=true]{background:var(--encre);color:var(--calque)}#aide{color:var(--graphite);max-width:260px;font-size:18px;line-height:1.1}#pave{flex-direction:column;gap:10px;display:none;position:fixed;bottom:44px;right:30px}#pave button{width:58px;height:58px;font:700 30px/1 var(--font-caveat), cursive;color:var(--encre);background:color-mix(in srgb, var(--calque) 85%, transparent);border:3px solid var(--encre);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50% 46% 52% 48%}@media (pointer:coarse){#pave{display:flex}}#chargement{place-items:center;font-size:30px;display:grid;position:fixed;inset:0}#bulle{pointer-events:none;white-space:nowrap;font:700 22px/1.05 var(--font-caveat), cursive;color:var(--encre);background:color-mix(in srgb, var(--calque) 90%, transparent);border:2px solid var(--encre);border-radius:14px 20px 12px 18px;padding:3px 12px 5px;display:none;position:fixed;top:0;left:0}#bulle small{color:var(--graphite);font-size:17px;font-weight:500;display:block}.entree{font:700 22px var(--font-caveat), cursive;color:var(--encre);background:var(--calque);border:2px solid var(--encre);border-radius:3px 6px 4px 7px;padding:0 10px;position:fixed;top:20px;left:-9999px}.entree:focus{left:44px}#promenade.en-visite #bulle,#promenade.en-visite #entrees,#promenade.en-visite #ui,#promenade.en-visite #note,#promenade.en-visite #titre,#promenade.en-visite #pave{visibility:hidden}#porte,#visite{display:none;position:fixed;inset:0}#porte{pointer-events:none;color:var(--encre)}#porte svg{width:100%;height:100%}#visite{background:var(--calque);overflow-y:auto}#promenade.en-visite #porte,#promenade.en-visite #visite{display:block}.feuille{max-width:640px;margin:0 auto;padding:84px 56px 72px;font-size:25px;line-height:1.15;position:relative}.feuille .num{transform-origin:0 100%;white-space:nowrap;margin:0 0 8px -8px;font-size:92px;font-weight:700;line-height:.9;display:inline-block;transform:rotate(-5deg)}.feuille .ou{color:var(--graphite);font-size:20px}.feuille h2{margin:4px 0 0;font-size:46px;line-height:1}.feuille .souligne{background:var(--encre);transform-origin:0;border-radius:2px;height:3px;margin:6px -14px 14px -6px;transform:rotate(-.6deg)}.feuille .meta{margin:0 0 14px;font-size:27px}.feuille .texte{margin:0 0 18px}.feuille img{border:2px solid var(--encre);filter:grayscale()contrast(1.1);mix-blend-mode:multiply;max-width:100%;margin:0 0 6px;display:block}.feuille .legende{color:var(--graphite);margin:0 0 16px;font-size:18px}.feuille a{color:var(--encre);margin:0 0 22px;display:inline-block}.feuille [hidden]{display:none!important}.feuille .sortir{font:inherit;color:var(--encre);cursor:pointer;border:2px solid var(--encre);background:0 0;border-radius:3px 6px 4px 7px;padding:0 12px;display:block}.feuille .sortir:hover{background:var(--encre);color:var(--calque)}.feuille :focus-visible{outline:2px dashed var(--encre);outline-offset:3px}@media (max-width:640px){#ui{font-size:18px;top:74px;left:22px}#titre{font-size:26px;right:26px}#note{font-size:14px;left:22px}#aide{display:none}.feuille{padding:60px 28px;font-size:22px}.feuille .num{font-size:70px}.feuille h2{font-size:36px}}#titre{margin:0}#promenade.en-visite #chargement{display:none}.feuille h1{margin:4px 0 0;font-size:46px;line-height:1}.feuille a.sortir{width:fit-content;margin:0;text-decoration:none;display:block}@media (max-width:640px){.feuille h1{font-size:36px}}#sommaire{max-width:330px;font-size:21px}#sommaire summary{cursor:pointer;color:var(--encre);background:color-mix(in srgb, var(--calque) 85%, transparent);border:2px solid var(--encre);border-radius:3px 6px 4px 7px;padding:0 10px;list-style:none;display:inline-block}#sommaire summary::-webkit-details-marker{display:none}#sommaire[open] summary{background:var(--encre);color:var(--calque)}#sommaire .contenu{background:color-mix(in srgb, var(--calque) 92%, transparent);border:2px solid var(--encre);border-radius:4px 9px 5px 8px;max-height:calc(100vh - 260px);margin-top:8px;padding:10px 14px 12px;line-height:1.1;overflow-y:auto}#sommaire p{margin:0 0 10px;font-size:19px}#sommaire ul{margin:0;padding:0;list-style:none}#sommaire li{margin:0 0 6px}#sommaire a{color:var(--encre);text-underline-offset:3px;text-decoration-thickness:1px}#sommaire small{color:var(--graphite);font-size:16px;display:block}@media (max-width:640px){#sommaire{max-width:calc(100vw - 60px);font-size:18px}}