@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/instrument-sans-latin.woff2)format("woff2")}:root{--fond:#1a0f17;--surface:#24151f;--prune:#362731;--prune-claire:#4d3848;--ivoire:#f3eee5;--ivoire-doux:#d6cbcd;--or:#e2be73;--or-clair:#f7e7b8;--or-sombre:#a87b33;--citron:#cbd241;--degrade-or:linear-gradient(115deg, #a87b33 0%, #f7e7b8 28%, #e2be73 52%, #8f6628 78%, #f1d695 100%);--titre:"Bricolage Grotesque", "Arial Narrow", "Helvetica Neue", sans-serif;--texte:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--biais:10px;--marge:clamp(1rem, 4vw, 3rem);--largeur:80rem;--entete:4rem;--vif:cubic-bezier(.16, 1, .3, 1);--rebond:cubic-bezier(.34, 1.4, .64, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--fond);color:var(--ivoire);-webkit-text-size-adjust:100%;scroll-padding-top:var(--entete)}html:not(.calme){scroll-behavior:smooth}body{min-width:320px;font-family:var(--texte);background:var(--fond);color:var(--ivoire);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.5;overflow-x:clip}img,video,canvas{max-width:100%;display:block}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--citron);outline-offset:3px}::selection{background:var(--citron);color:var(--fond)}.invisible{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.evitement{z-index:50;background:var(--citron);color:var(--fond);padding:.75rem 1rem;font-weight:700;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.evitement:focus{transform:none}.cadre{width:min(100% - 2 * var(--marge), var(--largeur));margin-inline:auto}.section{padding-block:clamp(4.5rem,11vw,9rem);position:relative}.titre{font-family:var(--titre);text-transform:uppercase;letter-spacing:-.012em;text-wrap:balance;font-size:clamp(2.75rem,8.4vw,7rem);font-weight:800;font-stretch:75%;line-height:.9}.titre--or{background:var(--degrade-or);color:#0000;-webkit-background-clip:text;background-clip:text}.chapeau{max-width:34rem;color:var(--ivoire-doux);text-wrap:pretty;margin-top:1.25rem;font-size:clamp(1.0625rem,1.5vw,1.25rem)}.tete-section{text-align:center;justify-items:center;display:grid}.plaque{min-height:3rem;font-family:var(--titre);letter-spacing:.01em;white-space:nowrap;color:var(--ivoire);isolation:isolate;transition:transform .18s var(--vif);justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.6rem;font-size:1.0625rem;font-weight:700;font-stretch:88%;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}.plaque:before,.plaque:after{content:"";z-index:-1;clip-path:polygon(var(--biais) 0, 100% 0, calc(100% - var(--biais)) 100%, 0 100%);position:absolute;inset:0}.plaque:before{background:var(--degrade-or);transition:background-position .5s var(--vif);background-position:0 0;background-size:220% 100%}.plaque:after{background:var(--prune);transition:background-color .2s;inset:1.5px}.plaque:hover:before{background-position:100% 0}.plaque:hover:after{background:var(--prune-claire)}.plaque:active{transform:translateY(1px)scale(.985)}.plaque svg{flex:none}.plaque--action{color:var(--fond)}.plaque--action:before,.plaque--action:after{background:var(--citron)}.plaque--action:hover:after{background:#dbe25a}.plaque--petite{min-height:2.75rem;padding:.5rem 1.15rem;font-size:.9375rem}.plaque[aria-pressed=true]:after{background:var(--prune-claire)}.plaque[disabled]{opacity:.5;cursor:default}.bouton-rond{border:1.5px solid color-mix(in srgb, var(--or) 70%, transparent);width:2.75rem;height:2.75rem;color:var(--ivoire);background:color-mix(in srgb, var(--prune) 80%, transparent);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:background-color .2s, transform .18s var(--vif);place-items:center;display:inline-grid}.bouton-rond:hover{background:var(--prune-claire)}.bouton-rond:active{transform:scale(.94)}.bouton-rond:focus-visible{clip-path:none}.bientot{color:var(--or-clair);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.bientot:before{content:"";background:var(--citron);clip-path:polygon(0 0,100% 0,0 100%);width:.5rem;height:.5rem}.mystere{font-family:var(--titre);color:#f3eee5e6;background:repeating-linear-gradient(0deg,#00000042 0 2px,#0000 2px 4px),radial-gradient(60% 45% at 50% 40%,#e2be7352,#0000 70%),linear-gradient(#3b2534,#0f080d);place-items:center;font-size:3.5rem;font-weight:800;font-stretch:75%;line-height:1;display:grid;position:absolute;inset:0}.mystere--tete,.mystere--touche{aspect-ratio:4/5;width:100%;font-size:2rem;position:relative;inset:auto}.ecran--mystere{aspect-ratio:2/3;position:relative;overflow:hidden}.ecran--mystere .mystere{font-size:clamp(4rem,12vw,8rem)}.ecran__mystere{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--or-clair);font-size:.75rem;font-weight:600;position:absolute;bottom:9%;left:0;right:0}.progression{z-index:21;background:var(--degrade-or);transform-origin:0;pointer-events:none;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.progression{display:none}}