/* Palette Horizon : modifier ces variables pour ajuster toute la composition. */
:root{--bg:#14252f;--ink:#e6eceb;--muted:#b0c2c7;--accent:#e9ac62;--line:#4c626c;--surface:#1e3541;--veil:#e9ac62;--veil-ink:#14252f;--exit-animation:fusion-cover-in;--arrival-animation:fusion-cover-out;color-scheme:dark}
.obs-object figcaption{color:var(--muted)}.obs-sequence{background:var(--surface)}.obs-crop{background:var(--surface)}.obs-hero h1{font-size:clamp(80px,9.5vw,148px)}.lab-menu-toggle,.motion-switch{border-radius:30px}
/* Mouvement et bulles de Playground, recolorés avec la palette Horizon. */
.lab-menu{inset:0;width:100vw;max-width:100vw;background:var(--bg);color:var(--ink)}.lab-menu[open]{animation:fusion-menu-in 700ms var(--ease) both}.lab-menu.is-closing{animation:fusion-menu-out 280ms var(--ease) both}.lab-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:auto 0;padding:40px 0}.lab-menu nav a{border:1px solid var(--line)!important;border-radius:60px;padding:28px;min-height:170px;font:750 clamp(30px,4.8vw,68px)/1.05 var(--sans);display:flex;flex-direction:column;gap:20px;align-items:start;justify-content:center;transition:transform 500ms var(--ease)}.lab-menu nav a:hover{transform:rotate(-3deg)}.lab-menu nav a:nth-child(1){background:var(--surface)}.lab-menu nav a:nth-child(2){background:var(--accent);color:var(--bg)}.lab-menu nav a:nth-child(3){background:var(--ink);color:var(--bg)}.lab-menu nav a:nth-child(4){background:#293e4a}.lab-menu nav a:focus-visible{outline-color:var(--ink);outline-offset:5px}.lab-menu nav a:nth-child(2):focus-visible,.lab-menu nav a:nth-child(3):focus-visible{outline-color:var(--accent)}.lab-menu nav a span{color:inherit}.lab-menu-close{border-radius:30px}.lab-menu-foot{flex-direction:row;gap:30px}.lab-menu-foot p{max-width:520px}
.fusion-recipe{padding-block:90px}.fusion-recipe h2{font-weight:700;margin-bottom:30px}.fusion-recipe h2 span{color:var(--accent)}.fusion-recipe>p{max-width:620px;color:var(--muted);font-size:15px}.fusion-recipe dl{margin:40px 0}.fusion-recipe dl>div{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-top:1px solid var(--line)}.fusion-recipe dt{font-size:13px;color:var(--muted)}.fusion-recipe dd{margin:0;font-size:18px;color:var(--accent)}.fusion-recipe dd a{border-bottom:1px solid var(--line);padding-bottom:5px}
@keyframes fusion-menu-in{from{clip-path:circle(0 at 96% 4%)}to{clip-path:circle(145% at 96% 4%)}}@keyframes fusion-menu-out{to{clip-path:circle(0 at 96% 4%)}}@keyframes fusion-cover-in{from{transform:none;clip-path:circle(0 at 50% 50%)}to{transform:none;clip-path:circle(100% at 50% 50%)}}@keyframes fusion-cover-out{from{transform:none;clip-path:circle(100% at 50% 50%)}to{transform:none;clip-path:circle(0 at 50% 50%)}}
@media(max-width:1100px){.obs-hero h1{font-size:95px}}
@media(max-width:760px){.obs-hero h1{font-size:clamp(72px,20.6vw,125px)}.lab-menu nav{gap:12px;padding:25px 0}.lab-menu nav a{border-radius:30px;min-height:145px;padding:23px 15px;font-size:clamp(23px,5.8vw,35px);gap:17px}.lab-menu nav a span{font-size:8px}.lab-menu-foot{flex-direction:column;font-size:11px;gap:20px}.fusion-recipe{padding-block:55px}.fusion-recipe h2{font-size:50px}.fusion-recipe>p{font-size:14px}.fusion-recipe dt{font-size:11px}.fusion-recipe dd{font-size:15px}}

/* La lecture linéaire présente les trois chapitres ensemble. */
@media(max-width:760px){.obs-counter{font-size:0}.obs-counter::after{content:"01 — 03";font:11px var(--mono)}}
html[data-motion=reduce] .obs-counter{font-size:0}html[data-motion=reduce] .obs-counter::after{content:"01 — 03";font:11px var(--mono)}