:root{--vert: #2e5e46;--vert-nuit: #0b1a13;--vert-sombre: #16332a;--papier: #f6f9f8;--brume: #dfeae4;--or: #d7c39a;--serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--vert-nuit);color:var(--papier);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.fallback{position:fixed;inset:0;background:#0b1a13 url(../foret/vondel-4k.jpg) center / auto 100% repeat-x;animation:pan 90s linear infinite}@keyframes pan{0%{background-position-x:0}to{background-position-x:-4096px}}.grade{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#0000 45%,#1e120547),linear-gradient(180deg,#ffc8780d,#0000 35%,#140c042e)}.veil{position:fixed;inset:0;z-index:30;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#fffaf0,#ffe8c3 55%,#ecc896);opacity:0}.entry{position:fixed;inset:0;z-index:20;display:grid;place-items:center;text-align:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.entry__bg{position:absolute;inset:-6%;background:url(../foret/vondel-mini.jpg) center 45% / cover no-repeat;filter:blur(12px) saturate(1.05) brightness(.62);transform:scale(1.04);animation:kenburns 28s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.12) translate3d(-1.5%,1%,0)}}.entry__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#0b1a131a,#0b1a1373 60%,#0b1a13d9),linear-gradient(180deg,#0b1a1340,#0b1a130d 40%,#0b1a1380)}.entry__inner{position:relative;max-width:620px;opacity:0;transform:translateY(10px);animation:rise 1.6s cubic-bezier(.2,.7,.2,1) .25s forwards}@keyframes rise{to{opacity:1;transform:none}}.entry__brand{margin:0 0 22px;font:500 13px/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:var(--brume);opacity:.85}.entry__title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(44px,9vw,92px);line-height:.98;letter-spacing:-.01em;color:var(--papier)}.entry__line{display:block}.entry__line--em{font-style:italic;color:#eef5f1}.entry__lead{margin:22px auto 0;max-width:420px;font-size:17px;line-height:1.5;color:#f6f9f8d1}.entry__ask{margin:38px 0 14px;font-size:14px;letter-spacing:.02em;color:#f6f9f8a6}.entry__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.entry__hint{margin:26px 0 0;font-size:12.5px;letter-spacing:.06em;color:#f6f9f873;min-height:1.4em;transition:opacity .4s}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:500;letter-spacing:.01em;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s,box-shadow .25s,opacity .3s}.btn:active{transform:scale(.97)}.btn--primary{background:var(--papier);color:var(--vert-sombre);box-shadow:0 10px 30px #00000040,0 0 #f6f9f800}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px #0000004d,0 0 0 6px #f6f9f814}.btn--ghost{background:#f6f9f80f;color:var(--papier);border-color:#f6f9f847;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.btn--ghost:hover{background:#f6f9f81f;border-color:#f6f9f873}.btn--big{padding:17px 28px;font-size:16px}.btn__icon{display:inline-flex}.btn__arrow{transition:transform .3s}.btn--big:hover .btn__arrow{transform:translate(4px)}.btn[disabled]{opacity:.5;pointer-events:none}.hud{position:fixed;inset:0;z-index:10;pointer-events:none}.hud>*{pointer-events:auto}.hud__brand{position:absolute;top:max(18px,env(safe-area-inset-top));left:22px;margin:0;font:500 12px/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:#f6f9f8d9;text-shadow:0 1px 12px rgba(0,0,0,.35);opacity:0;transition:opacity 1.2s}.hud__sound{position:absolute;top:max(12px,env(safe-area-inset-top));right:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0b1a1359;border:1px solid rgba(246,249,248,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--papier);opacity:0;transition:opacity 1.2s,background .25s}.hud__sound:hover{background:#0b1a138c}.hud__sound .hud__sound-off,.hud__sound[aria-pressed=false] .hud__sound-on{display:none}.hud__sound[aria-pressed=false] .hud__sound-off{display:block}.hud__hint{position:absolute;left:50%;top:18%;transform:translate(-50%);margin:0;padding:9px 16px;border-radius:999px;font-size:13px;letter-spacing:.04em;white-space:nowrap;color:var(--papier);background:#0b1a1352;border:1px solid rgba(246,249,248,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity 1s}.hud__bottom{position:absolute;left:0;right:0;bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:none}.hud__bottom>*{pointer-events:auto}.hud__breathe{pointer-events:none}.hud__breathe{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(22px,4vw,30px);color:var(--papier);text-shadow:0 2px 20px rgba(0,0,0,.4);opacity:0;transition:opacity 2.4s ease}.hud__murmure{margin:0;min-height:1.3em;font-family:var(--serif);font-style:italic;font-size:clamp(19px,3.4vw,25px);color:var(--papier);text-shadow:0 2px 20px rgba(0,0,0,.4);opacity:0;transition:opacity 2.6s ease}.hud.is-musique .hud__murmure{opacity:1}.hud.is-musique .hud__murmure:empty{opacity:0}#choose{opacity:0;transform:translateY(8px);transition:opacity 1.4s,transform 1.4s cubic-bezier(.2,.7,.2,1)}.hud__walk{position:absolute;left:18px;bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:5px;width:78px;height:78px;border-radius:50%;background:#0b1a1361;border:1px solid rgba(246,249,248,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--papier);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity 1.4s,transform 1.4s cubic-bezier(.2,.7,.2,1),background .2s,box-shadow .2s;touch-action:none}.hud__walk.is-on{background:#f6f9f8eb;color:var(--vert-sombre);box-shadow:0 0 0 8px #f6f9f824}.hud.is-settled .hud__walk{opacity:1;transform:none}.hud__walk--run{left:106px;transition-delay:.15s}@media(max-width:480px){.hud__walk{width:70px;height:70px;font-size:11px}.hud__walk--run{left:98px}}.hud.is-live .hud__brand,.hud.is-live .hud__sound,.hud.is-live .hud__hint{opacity:1}.hud.is-settled .hud__hint{opacity:0}.hud.is-live .hud__breathe{opacity:1}.hud.is-settled .hud__breathe{opacity:0}.hud.is-settled #choose{opacity:1;transform:none}.entry.is-leaving .entry__inner{animation:sink 1.1s cubic-bezier(.6,0,.8,.4) forwards}@keyframes sink{to{opacity:0;transform:translateY(-14px) scale(1.02);filter:blur(6px)}}.entry.is-leaving .entry__bg{transition:transform 2.2s cubic-bezier(.3,0,.2,1),filter 2.2s;transform:scale(1.35);filter:blur(4px) brightness(.9)}.entry.is-leaving .entry__vignette{transition:opacity 1.8s .3s;opacity:0}.carte{text-align:center;margin:0}.carte__nom{margin:0;font-family:var(--serif);font-size:clamp(26px,4.6vw,36px);color:var(--papier);text-shadow:0 2px 20px rgba(0,0,0,.45)}.carte__sous{margin:4px 0 0;font-size:14px;letter-spacing:.04em;color:#f6f9f8cc;text-shadow:0 1px 12px rgba(0,0,0,.45)}.hud.is-atelier .hud__hint{display:none}#guide{opacity:1;transform:none}.hud.is-choisi .hud__bottom{bottom:auto;top:max(64px,calc(env(safe-area-inset-top) + 52px));gap:12px}.hud.is-choisi .hud__murmure{font-size:clamp(17px,3vw,22px)}.toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%) translateY(8px);z-index:15;padding:12px 18px;border-radius:14px;background:#0b1a13b8;color:var(--papier);font-size:14px;border:1px solid rgba(246,249,248,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .4s,transform .4s;pointer-events:none;max-width:88vw;text-align:center}.toast.is-on{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.entry__bg,.fallback{animation:none}}@media(max-width:480px){.entry__lead{font-size:15.5px}.entry__ask{margin-top:30px}.btn{padding:14px 20px;font-size:14.5px}}