@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces-latin.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Instrument;src:url(/assets/fonts/instrument-sans-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{color:#332c23;font-synthesis:none;--papier:#f5ebd7;--encre:#332c23;--sur-haut:env(safe-area-inset-top,0px);--sur-droite:env(safe-area-inset-right,0px);--sur-bas:env(safe-area-inset-bottom,0px);--sur-gauche:env(safe-area-inset-left,0px);background:#eebf88;font-family:Instrument,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #9a5e2d}button{background:0 0;border:0}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.045em;font-family:Fraunces,Georgia,serif;font-weight:400}h1{font-size:clamp(3.4rem,8vw,6rem);line-height:1}h2{font-size:2.5rem;line-height:1.12}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:500}.repere{z-index:5;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:16px 28px;font-size:12px;display:flex;position:relative}.repere__ligne{opacity:.4;padding:0 14px}.repere a{align-items:center;min-height:44px;display:flex}.repere>span{font-weight:500}#scene,.parcours{display:none}#version-texte{max-width:740px;padding:60px 28px;padding-top:max(60px, var(--sur-haut));background:var(--papier);overflow-wrap:anywhere;margin:auto;line-height:1.7}#version-texte h1,#version-texte h2,#version-texte h3{text-wrap:balance}#version-texte h1{font-size:clamp(3rem,8vw,6rem)}#version-texte h3{margin:2rem 0 .6rem;font-size:1.15rem;font-weight:600;line-height:1.4}#version-texte p{text-wrap:pretty}#version-texte section{scroll-margin-top:1.5rem}.texte-sommaire{border-block:1px solid #c4b59e;flex-wrap:wrap;gap:.25rem 1.5rem;margin-top:2.5rem;padding-block:.75rem;display:flex}.texte-sommaire a,.texte-projet>a{align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.texte-projet{margin-block:2rem}.texte-projet p{margin-bottom:.25rem}#version-texte:focus{outline:none}.chapeau{font-size:1.4rem}#version-texte section{margin-top:60px;line-height:1.7}#version-texte details{margin:24px 0}summary{cursor:pointer;min-height:44px}footer{border-top:1px solid #c4b59e;margin-top:90px;padding-top:24px;font-size:.8rem}footer nav{flex-wrap:wrap;gap:24px;display:flex}footer a{align-items:center;min-height:44px;display:inline-flex}.contact-links{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.contact-links a{overflow-wrap:anywhere;align-items:center;min-height:44px;display:flex}.primary{background:var(--encre);min-height:52px;color:var(--papier);justify-content:space-between;align-items:center;gap:24px;padding:14px 20px;text-decoration:none;display:inline-flex}.immersif{height:260svh}.immersif #version-texte{display:none}.immersif #scene{background:#584838;display:block;position:fixed;inset:0;overflow:hidden}.immersif .repere{color:#f7ead4;text-shadow:0 1px 8px #302318;padding-top:max(12px, var(--sur-haut));padding-left:max(28px, var(--sur-gauche));padding-right:max(28px, var(--sur-droite));pointer-events:none;position:fixed;inset:0 0 auto}.immersif .repere a{pointer-events:auto}.webgl,.css3d{position:absolute;inset:0}.webgl{z-index:2;pointer-events:none}.css3d{z-index:1;pointer-events:none}.surface{backface-visibility:hidden;pointer-events:auto;overflow:hidden}.carte{background:#ede1c9 radial-gradient(at 20% 0,#fff6de66,#0000 80%);padding:20px 28px;box-shadow:inset 0 0 0 2px #d3c0a0}.carte .eyebrow{margin-bottom:14px}.carte button{justify-content:space-between;align-items:center;width:100%;min-height:65px;padding:0;font-family:Fraunces,Georgia,serif;font-size:31px;display:flex}.immersif .parcours{bottom:max(20px, var(--sur-bas));z-index:4;color:#fff1da;text-shadow:0 1px 6px #352417;flex-direction:column;align-items:center;width:max-content;max-width:90vw;display:flex;position:fixed;left:50%;transform:translate(-50%)}.parcours button{letter-spacing:.025em;min-height:44px;font-size:12px}.parcours button span{margin-left:12px}.progression{background:#f4e4c43b;width:110px;height:2px;margin-top:8px}.progression i{background:#f4e4c4;width:0;height:100%;display:block}dialog{inset:max(16px, var(--sur-haut)) max(16px, var(--sur-droite)) max(16px, var(--sur-bas)) max(16px, var(--sur-gauche));max-width:580px;width:calc(100% - max(16px, var(--sur-gauche)) - max(16px, var(--sur-droite)));max-height:calc(100dvh - max(16px, var(--sur-haut)) - max(16px, var(--sur-bas)));overscroll-behavior:contain;background:var(--papier);color:var(--encre);border:1px solid #9e8765;margin:auto;padding:0;scroll-padding-block:64px 20px;position:fixed;box-shadow:0 35px 100px #21180f66}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#221c15a3}dialog h2{margin:20px 0 28px;font-size:2.8rem}dialog h2:focus{outline:none}dialog p{line-height:1.7}#fermer{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 10px;font-size:14px;display:inline-flex}#fermer span{margin-left:10px;font-size:22px}.fiche__barre{z-index:1;background:var(--papier);border-bottom:1px solid #9e876533;justify-content:flex-end;padding:4px 8px;display:flex;position:sticky;top:0}.fiche__papier{padding:24px 44px 36px}#fermer:focus-visible{outline:2px solid var(--encre);outline-offset:-2px}#fondu{opacity:0;pointer-events:none;z-index:20;background:#eebf88;transition:opacity .22s;position:fixed;inset:0}.sort-en-cours #fondu{opacity:1;pointer-events:auto}.cadrage-fondu #scene{animation:.22s cadrage}@keyframes cadrage{0%{opacity:.12}to{opacity:1}}@media (width<=600px){.repere{padding:12px 20px}.immersif .repere{padding-left:max(20px, var(--sur-gauche));padding-right:max(20px, var(--sur-droite))}.carte{padding:14px 20px}.carte .eyebrow{margin-bottom:6px;font-size:13px}.carte button{min-height:62px;font-size:30px}.parcours button{font-size:11px}.fiche__papier{padding:20px 24px 28px}dialog h2{font-size:2.2rem}}@media (height<=500px) and (width>=601px){.repere{padding-top:2px}.immersif .parcours{bottom:8px}.parcours .progression{display:none}}@media (prefers-reduced-motion:reduce){#fondu{transition:opacity .14s}}@media print{.repere,#scene,.parcours,dialog,#fondu{display:none!important}body.immersif{height:auto}#version-texte,.immersif #version-texte{display:block}}@media (height<=500px) and (width>=601px){.carte{padding:10px 18px}.carte .eyebrow{display:none}.carte button{white-space:nowrap;min-height:90px;font-size:32px}}.immersif #scene{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:grab}.immersif.regarde #scene{cursor:grabbing}.objets-bureau{z-index:3;pointer-events:none;position:absolute;inset:0}.objet-cible{pointer-events:auto;touch-action:pan-y pinch-zoom;cursor:pointer;border-radius:40%;padding:0;position:absolute}.objet-cible[hidden]{display:none}.objet-cible span{white-space:nowrap;letter-spacing:.04em;color:#fff0d6;text-shadow:0 1px 5px #291d11;opacity:0;font-size:12px;transition:opacity .18s;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.objet-cible:hover span,.objet-cible:focus-visible span,#objet-telephone span{opacity:1}.objet-cible:focus-visible{outline-offset:4px;outline:2px solid #f2d098}.objet-cible.saisi{cursor:grabbing}#objet-tasse,#objet-souris,#objet-carnet{cursor:grab}#objet-tasse,#objet-carnet{touch-action:pinch-zoom}.aide-tasse{color:#fff0d6;text-align:center;pointer-events:none;background:#293c38;border-radius:4px;max-width:min(90vw,520px);padding:9px 14px;font-size:13px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.commandes-carnet{pointer-events:auto;white-space:nowrap;gap:8px;width:max-content;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.commandes-carnet[hidden]{display:none}.commandes-carnet button{color:#fff0d6;background:#293c38;border:1px solid #9aa494;border-radius:4px;min-height:44px;padding:10px 15px;font-size:13px}@media (width<=600px){.aide-tasse{top:118px;bottom:auto}}.immersif .parcours{left:auto;right:max(30px, var(--sur-droite));bottom:max(28px, var(--sur-bas));align-items:flex-end;transform:none}.parcours #suite,.parcours #retour{min-height:52px;padding:0 4px;font-family:Fraunces,Georgia,serif;font-size:24px}.parcours #suite span{margin-left:22px;animation:1.8s ease-in-out 3 invitation;display:inline-block}.geste{letter-spacing:.015em;opacity:.85;max-width:290px;font-size:11px}.progression{width:82px}@keyframes invitation{50%{transform:translate(7px)}}@media (width<=600px){.immersif .parcours{left:max(20px, var(--sur-gauche));right:max(20px, var(--sur-droite));bottom:max(22px, var(--sur-bas));align-items:center}.parcours #suite,.parcours #retour{font-size:23px}.geste{font-size:10px}.objet-cible span{font-size:11px;bottom:-20px}}@media (height<=500px) and (width>=601px){.immersif .parcours{bottom:max(10px, var(--sur-bas));right:max(20px, var(--sur-droite))}.parcours #suite,.parcours #retour{min-height:44px;font-size:20px}.geste{display:none}}@media (prefers-reduced-motion:reduce){.parcours #suite span{animation:none}.objet-cible span{transition:none}}@media (width<=600px){.immersif .parcours{width:auto;max-width:none}.objet-cible span{bottom:-16px}}#objet-telephone span{top:auto;bottom:9%;left:50%;transform:translate(-50%)}.reposer-tasse{pointer-events:auto;color:#fff0d6;background:#293c38;min-height:44px;padding:12px 18px;position:absolute;bottom:28px;left:28px}.reposer-tasse[hidden]{display:none}@media (width<=600px){.reposer-tasse{top:calc(max(12px, var(--sur-haut)) + 56px);white-space:nowrap;bottom:auto;left:50%;transform:translate(-50%)}}@media (height<=500px) and (width>=601px){.commandes-carnet{left:max(20px, var(--sur-gauche));bottom:max(18px, var(--sur-bas));flex-direction:column;transform:none}.reposer-tasse{top:calc(max(12px, var(--sur-haut)) + 50px);bottom:auto;left:max(24px, var(--sur-gauche))}.aide-tasse{top:calc(max(12px, var(--sur-haut)) + 102px);bottom:auto;left:max(24px, var(--sur-gauche));max-width:170px;transform:none}}.porte-texte{z-index:4;color:#fff0d6;text-shadow:0 2px 9px #241c15;width:max-content;max-width:calc(100vw - 40px);position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.porte-texte[hidden]{display:none}.porte-texte h2,.porte-texte>p{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.porte-texte .primary{min-height:52px;color:inherit;background:#30291fd9;border:1px solid #efdbb640;border-radius:3px;gap:24px;padding:12px 22px;font:400 23px Fraunces,Georgia,serif;transition:background .18s}.porte-texte .primary:hover,.porte-texte .primary:focus-visible{background:#30291f}#objet-poignee{border-radius:6px}#objet-poignee span{bottom:-26px}#objet-clavier{border-radius:8px}@media (width>=601px) and (height<=500px){.porte-texte{left:max(24px, var(--sur-gauche));bottom:calc(max(10px, var(--sur-bas)) + 55px);transform:none}.porte-texte .primary{font-size:21px}}@media (width>=1000px) and (height>=501px){.porte-texte{bottom:136px;left:auto;right:44px;transform:none}}@media (hover:none){.objet-cible:not(#objet-telephone) span{display:none}}@media (pointer:coarse){.repere,.geste,.objet-cible span,.commandes-carnet button,.aide-tasse{font-size:14px}.repere__ligne{padding-inline:8px}.geste{text-align:center;text-wrap:balance}.porte-texte{max-width:calc(100vw - max(20px, var(--sur-gauche)) - max(20px, var(--sur-droite)))}.porte-texte .primary{font-size:clamp(20px,4.8vw,23px)}.commandes-carnet{max-width:calc(100vw - max(16px, var(--sur-gauche)) - max(16px, var(--sur-droite)))}.commandes-carnet button{white-space:normal}}@media (width<=600px){.aide-tasse{top:calc(max(12px, var(--sur-haut)) + 106px)}#version-texte{padding-inline:max(24px, var(--sur-gauche)) max(24px, var(--sur-droite))}}.immersif:has(.commandes-carnet:not([hidden])) .parcours{visibility:hidden}@media (width<=600px) and (height<=650px){.immersif .parcours{bottom:max(12px, var(--sur-bas))}.parcours #suite,.parcours #retour{min-height:44px}.parcours .geste{top:calc(max(12px, var(--sur-haut)) + 48px);left:max(20px, var(--sur-gauche));right:max(20px, var(--sur-droite));text-align:center;max-width:none;margin:0;position:fixed}}