@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/histoire-de-sparkio/_astro/fraunces-vietnamese-opsz-normal.Czevyj-6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/histoire-de-sparkio/_astro/fraunces-latin-ext-opsz-normal.CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/histoire-de-sparkio/_astro/fraunces-latin-opsz-normal.DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/histoire-de-sparkio/_astro/fraunces-vietnamese-opsz-italic.DxWqP7Ku.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/histoire-de-sparkio/_astro/fraunces-latin-ext-opsz-italic.CGbN9UgK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/histoire-de-sparkio/_astro/fraunces-latin-opsz-italic.lSdLDfvT.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/histoire-de-sparkio/_astro/baloo-2-latin-500-normal.CmLZ27r7.woff2)format("woff2"),url(/histoire-de-sparkio/_astro/baloo-2-latin-500-normal.BSdEhq8m.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/histoire-de-sparkio/_astro/baloo-2-latin-600-normal.tIfxVoAe.woff2)format("woff2"),url(/histoire-de-sparkio/_astro/baloo-2-latin-600-normal.B4tNaogw.woff)format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/histoire-de-sparkio/_astro/nunito-sans-latin-400-normal.AkRraKH2.woff2)format("woff2"),url(/histoire-de-sparkio/_astro/nunito-sans-latin-400-normal.DY9yCUyQ.woff)format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/histoire-de-sparkio/_astro/nunito-sans-latin-700-normal.CICRJDmU.woff2)format("woff2"),url(/histoire-de-sparkio/_astro/nunito-sans-latin-700-normal.CLVG92B9.woff)format("woff")}:root{color-scheme:dark;--texte:#f7f6fa;--ancre:#fff4e3;--or:#f9d892;--corail:#ff8a6b;--miel:#ffc978;--brume:#c8cdd6;--recit:"Fraunces Variable", Georgia, serif;--voix:"Baloo 2", "Trebuchet MS", sans-serif;--ui:"Nunito Sans", system-ui, sans-serif;--marge:44px;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#0b0806}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{color:var(--texte);font:400 clamp(1.25rem, 1.05rem + .9vw, 1.6rem) / 1.55 var(--recit);margin:0}:focus-visible{outline:3px solid var(--miel);outline-offset:4px}.zone{background:linear-gradient(var(--de), var(--vers)) var(--vers)}#ouverture{--de:#0b0806;--vers:#120c08;--accent:#e8b070}#chapitre-1{--de:#120c08;--vers:#1e140d;--accent:#e3a55f}#chapitre-2{--de:#1e140d;--vers:#0e1330;--accent:#a9a4e6}#chapitre-3{--de:#0e1330;--vers:#4a5060;--accent:#c8cdd6}#chapitre-4{--de:#4a5060;--vers:#1a2238;--accent:#bccbe8;--or:#e8dfc8}#chapitre-5{--de:#1a2238;--vers:#22283a;--accent:#cfcbc2;--or:#e8dfc8}#chapitre-6{--de:#22283a;--vers:#3a2128;--accent:#ff8a6b}#chapitre-7{--de:#3a2128;--vers:#0b0e22;--accent:#d9b26a}.generique{--de:#0b0e22;--vers:#07091a;--accent:#c9c6d6}.ouverture{min-height:100svh;padding:10svh var(--marge);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.braise{aspect-ratio:1;background:radial-gradient(closest-side,#fff1cf,#f5bd68 22%,#c9772b 48%,#c9772b38 72%,#0000);border-radius:50%;width:8.5rem;margin-bottom:2.5rem}h1{text-wrap:balance;max-width:13ch;margin:0;font-size:clamp(2.4rem,1.5rem + 4.4vw,5rem);font-weight:600;line-height:1.04}.sous-titre{color:var(--accent);margin:1.1rem 0 0;font-size:1.15em}.commandes{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:3rem;display:flex}.bouton{min-height:48px;color:var(--texte);font:700 1.05rem / 1.2 var(--ui);cursor:pointer;background:0 0;border:1.5px solid #f7f6fa8c;border-radius:999px;align-items:center;gap:.5em;padding:.6em 1.4em;text-decoration:none;display:inline-flex}.bouton.principal{border-color:var(--miel);background:var(--miel);color:#1e140d}.bouton[aria-pressed=true]{border-color:var(--texte);background:var(--texte);color:#120c08}.bouton svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.25em;height:1.25em}.bouton svg path:first-child{fill:currentColor}.bouton[aria-pressed=false] .ondes,.bouton[aria-pressed=true] .barre{display:none}.chapitre{padding-bottom:24svh}.chapitre>h2{padding:30svh var(--marge) 14svh;text-align:center;text-wrap:balance;margin:0;font-size:clamp(2.5rem,1.6rem + 4.2vw,5.4rem);font-weight:560;line-height:1.02}.num{color:var(--accent);font:700 1rem / 1.3 var(--ui);letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.2rem;display:block}.recit>p,.scene>p,.silence>p{width:min(30ch, 100% - 2 * var(--marge));text-wrap:pretty;margin:0 auto 1.6em}.sparkio{color:var(--or);font-family:var(--voix);font-size:1.08em;font-weight:500}.enfant{font-style:italic}.recit .ancre{width:min(16ch, 100% - 2 * var(--marge));color:var(--ancre);text-align:center;text-wrap:balance;margin-block:22svh;font-size:clamp(2rem,1.25rem + 3.4vw,4.4rem);font-weight:600;line-height:1.12}.recit .ancre.sparkio{color:var(--or);font-family:var(--voix);font-weight:600}.brume{color:var(--brume);letter-spacing:.03em;text-align:center;text-shadow:0 0 .6em #c8cdd673;font-size:1.15em;font-weight:350}.pas-toi{letter-spacing:.16em;text-shadow:0 0 .2em #c8cdd6e6,0 0 .8em #c8cdd68c}.feu-brume,figure[data-murmure]:after{letter-spacing:.16em;text-shadow:0 0 .2em #c8cdd6e6,0 0 .8em #c8cdd68c,0 0 1.4em #141620cc}.recit .fin{text-align:center;text-wrap:balance;margin-top:16svh;font-size:1.15em}.silence{flex-direction:column;justify-content:center;min-height:220svh;display:flex}.silence .ancre{margin-block:0;position:relative}.silence .ancre:after,.ancre-feu:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--or) 55%, transparent), transparent);pointer-events:none;border-radius:50%;width:4em;height:1.2em;margin-left:-2em;position:absolute;top:100%;left:50%}.silence-feu{height:90svh}.recit .ancre-feu{text-shadow:0 0 .5em #f9d8924d;margin-top:0;margin-bottom:40svh;position:relative}.ancre-feu:after{background:radial-gradient(closest-side,#ff8a6b6b,#0000)}.feu-a{display:block}.feu-toi{display:inline-block;position:relative}.feu-lumiere{color:var(--corail);text-shadow:0 0 .3em #ff8a6b80,0 0 1em #ff8a6b4d}.feu-brume{display:none}.plan{aspect-ratio:4/5;background:var(--vers);margin:14svh 0;position:relative;overflow:hidden}.recit>.plan:first-child,.recit>.scene:first-child>.plan:first-child{margin-top:0}.recit>.muette>.plan{margin-block:30svh}.plan:before,.plan:after{content:"";position:absolute;inset:0}@media (width>=48rem){.plan{aspect-ratio:16/9;max-height:92svh}}figure.plan{margin-inline:0}.plate,.plate img{width:100%;height:100%;position:absolute;inset:0}.plate img{object-fit:cover}.plate-gris img{filter:grayscale()brightness(.88)contrast(.92);opacity:0}figure.plan:after{content:none}figure[data-murmure]:after{content:attr(data-murmure);z-index:2;color:var(--brume);font:350 clamp(2rem, 1.25rem + 3.4vw, 4.4rem) / 1.12 var(--recit);text-align:center;inset:auto 0 4%}.sparkio-fixe{z-index:1;left:var(--ml);top:var(--mt);width:var(--mw);height:var(--mh);pointer-events:none;max-width:none;position:absolute}@media (width>=48rem){figure.avec-sparkio{aspect-ratio:2400/1357;max-height:none}.sparkio-fixe{left:var(--dl);top:var(--dt);width:var(--dw);height:var(--dh)}}:root:not([data-tier=conte]) .sparkio-fixe{display:none}.plan-feu:before{background:linear-gradient(105deg,#0000 64%,#0b0705eb 64.4%),radial-gradient(38% 30% at 24% 92%,#ffe3a8,#f5bd68 18%,#c9772b 45%,#0000 75%),radial-gradient(120% 70% at 20% 100%,#c9772b80,#0000 60%),linear-gradient(#170f0a,#2b1b10 70%,#120b07)}.plan-feu:after,.plan-lampe:after{background:radial-gradient(7px at 34% 62%,#fff4d6 30%,#f9d892b3 55%,#0000)}.plan-ville:before{background:radial-gradient(2px,#ffc978 95%,#0000) 0 78%/34px 26px repeat-x,radial-gradient(2px,#ffc978 95%,#0000) 17px 88%/41px 22px repeat-x,linear-gradient(#0000 72%,#0a0d22 72%),radial-gradient(70% 50% at 70% 20%,#a9a4e659,#0000 70%),linear-gradient(#0e1330,#1c2250 72%)}.plan-dragons:before{background:linear-gradient(100deg,#0000 38%,#f9d8928c 48%,#0000 58%),linear-gradient(120deg,#2f7a64,#3b5ba9 48%,#b4533a)}.plan-mains:before{background:radial-gradient(28% 22% at 50% 64%,#e8dfc8b3,#e8dfc826 60%,#0000),radial-gradient(60% 45% at 80% 10%,#a9bce040,#0000 70%),linear-gradient(#2b3a5c,#161d33)}.plan-seuil:before{background:radial-gradient(9px at 50% 52%,#f4e9cc 30%,#e8dfc880 60%,#0000),linear-gradient(#0000 52%,#b9b6ae 52%,#8f8c86 78%,#0000 78%),radial-gradient(40% 30% at 30% 40%,#ff8a6b33,#0000 70%),linear-gradient(#1f2740,#151b2e)}.plan-atelier:before{background:radial-gradient(3px at 22% 30%,#ff8a6b 90%,#0000),radial-gradient(3px at 48% 28%,#a9a4e6 90%,#0000),radial-gradient(3px at 70% 33%,#ffc978 90%,#0000),radial-gradient(3px at 35% 60%,#8fd3c1 90%,#0000),radial-gradient(3px at 62% 62%,#f9d892 90%,#0000),linear-gradient(90deg,#0000 8%,#d9b26a80 8% 9%,#0000 9% 91%,#d9b26a80 91% 92%,#0000 92%),repeating-linear-gradient(#2a1c14 0 21%,#6b4a2a 21% 23%)}.plan-lampe:before{background:radial-gradient(30% 26% at 68% 38%,#ffe4b5,#e39a4c 35%,#c9772b4d 65%,#0000 80%),linear-gradient(#171016,#0f0b10)}.plan-fenetre:before{background:linear-gradient(90deg,#0000 calc(50% - 4px),#1a120e calc(50% - 4px) calc(50% + 4px),#0000 calc(50% + 4px)) 0 0/100% 80% no-repeat,linear-gradient(#0000 calc(46% - 4px),#1a120e calc(46% - 4px) calc(46% + 4px),#0000 calc(46% + 4px)),radial-gradient(3px at 18% 22%,#ffc978 85%,#0000),radial-gradient(3px at 31% 14%,#ff8a6b 85%,#0000),radial-gradient(3px at 42% 27%,#a9a4e6 85%,#0000),radial-gradient(3px at 58% 17%,#8fd3c1 85%,#0000),radial-gradient(3px at 68% 29%,#f9d892 85%,#0000),radial-gradient(3px at 80% 19%,#f7b2c4 85%,#0000),radial-gradient(3px at 88% 34%,#bccbe8 85%,#0000),radial-gradient(7px at 75% 40%,#0000 55%,#f7f6fa66 62% 78%,#0000 85%),radial-gradient(18% 10% at 50% 93%,#f9d89280,#0000 70%),linear-gradient(#0b0e22,#1b2350 80%,#2a1c14 80%)}.plan-fenetre:after{box-shadow:inset 0 0 0 clamp(10px,2vw,22px) #2a1c14}.constellation{z-index:10;top:50%;right:max(6px, env(safe-area-inset-right));position:fixed;transform:translateY(-50%)}.constellation ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.constellation li:nth-child(2n){transform:translate(-9px)}.constellation a{border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative}.constellation a:focus-visible{outline-offset:1px}.etoile{background:#fff3d6;border-radius:50%;width:9px;height:9px;transition:opacity .8s,transform .8s;box-shadow:0 0 0 2px #07091a8c,0 0 12px 2px #f9d89299}.nom{color:var(--texte);font:700 .95rem / 1.2 var(--ui);white-space:nowrap;opacity:0;pointer-events:none;background:#07091a;border-radius:999px;padding:.3em .75em;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 4px);transform:translateY(-50%)}.constellation a:is(:hover,:focus-visible) .nom{opacity:1}.langues{z-index:11;top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));background:#07091a94;border:1px solid #f7f6fa38;border-radius:999px;gap:2px;padding:3px;display:flex;position:fixed}.langues button{color:#f7f6fab8;min-width:44px;min-height:40px;font:700 .82rem / 1 var(--ui);letter-spacing:.14em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .7em;transition:background-color .3s,color .3s}.langues button:hover{color:var(--texte)}.langues button[aria-pressed=true]{background:var(--miel);color:#1e140d}.retour{z-index:11;top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));color:#f7f6fad1;min-height:40px;font:700 .82rem / 1 var(--ui);letter-spacing:.08em;background:#07091a94;border:1px solid #f7f6fa38;border-radius:999px;align-items:center;gap:.4em;padding:0 1em;text-decoration:none;transition:color .3s;display:flex;position:fixed}.retour:hover{color:var(--texte)}.retour-fin{margin-top:1rem}.voix-pause{z-index:10;left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));width:48px;height:48px;color:var(--texte);cursor:pointer;background:#07091a9e;border:1.5px solid #f7f6fa73;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.voix-pause svg{fill:currentColor;width:20px;height:20px}.voix-pause[aria-pressed=false] .lecture,.voix-pause[aria-pressed=true] .arret{display:none}.generique{padding:24svh var(--marge) 16svh;font:400 1.05rem / 1.6 var(--ui);text-align:center}.sommaire{flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;max-width:40rem;margin:3rem auto;padding:0;list-style:none;display:flex}.sommaire a{color:var(--texte);text-underline-offset:.25em}.credits{max-width:36rem;color:var(--accent);margin:0 auto;font-size:1rem}@keyframes respire{50%{opacity:.7;transform:scale(.94)}}@keyframes respire-lueur{50%{opacity:.45;transform:scale(.85)}}@keyframes texte-haut{0%,43%{opacity:0}54%,78%{opacity:1}87%,to{opacity:0}}@keyframes texte-bas{0%,13%{opacity:0}24%,43%{opacity:1}52%,to{opacity:0}}@media (prefers-reduced-motion:no-preference){:root:not([data-tier=conte]){scroll-behavior:smooth;& .braise{animation:5.5s ease-in-out infinite respire}& .plan:before{transform:translateY(calc((var(--p,.5) - .5) * -8%)) scale(1.12)}& .plan-feu:after,& .plan-lampe:after{transform:translateY(calc(var(--p,0) * -40%))}& .plate img{transform:translateY(calc((var(--p,.5) - .5) * -4%)) scale(1.08)}& :is(.plan-dragons,.plan-foret) .plate-gris img{opacity:calc(var(--p,0) * 1.7 - .35)}& .plan-ocean .plate-gris img{opacity:calc((.55 - var(--p,0)) * 4.2)}& .scene{display:flow-root}& .scene>.plan{aspect-ratio:auto;background:0 0;height:100svh;max-height:none;margin:0;position:sticky;top:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 82%,#0000);mask-image:linear-gradient(#0000,#000 12% 82%,#0000)}& .scene .plate img{transform:scale(calc(1.04 + var(--p,.5) * .1))}& .chapitre{padding-bottom:0;display:flow-root;position:relative}& .recit>.scene+.scene,& .chapitre:has(>.recit>.scene:last-child)+.chapitre{margin-top:-35svh}& .chapitre:has(>.recit>.scene:last-child)+.chapitre{background:linear-gradient(transparent 35svh, var(--de) 35svh, var(--vers))}& .chapitre>h2{z-index:3;height:100svh;padding:0 var(--marge);text-shadow:0 0 .9em #08060ee6,0 0 .25em #08060eb3;pointer-events:none;background:radial-gradient(55% 30%,#08060e80,#0000 75%);place-content:center;margin-bottom:-100svh;display:grid;position:relative}& .chapitre+.chapitre:before{content:"";z-index:4;background:radial-gradient(45% 40% at 50% 45%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 72%);pointer-events:none;height:55svh;position:absolute;inset:-20svh 0 auto}& .scene.muette{min-height:210svh}& .scene>p{z-index:1;background:#100e189e;border-radius:.8em;margin-bottom:45svh;padding:.5em .85em;position:relative;box-shadow:0 0 2em .8em #100e1880}& .scene>p:last-child{margin-bottom:85svh}& [data-texte~=haut]{--bande:texte-haut}& [data-texte~=bas]{--bande:texte-bas}@media (width<=47.99rem){& [data-texte-mobile~=haut]{--bande:texte-haut}& [data-texte-mobile~=bas]{--bande:texte-bas}& [data-texte-mobile~=etroit]>p{width:min(62%,30ch);margin-left:16px}}@media (width>=48rem){& [data-texte~=gauche]>p{margin-left:max(var(--marge), 5vw)}& [data-texte~=droite]>p{margin-right:max(var(--marge) + 1rem, 5vw)}}@supports (animation-timeline:view()){& .scene>p{animation:var(--bande,none) linear both;animation-timeline:view()}}& figure[data-murmure]:after{opacity:0;transition:opacity 3s}& figure[data-murmure][data-atteint]:after{opacity:1}& .constellation a:not([data-atteint]) .etoile{opacity:.4;transform:scale(.75)}& .silence .ancre{position:sticky;top:calc(50svh - .6em)}& .silence .ancre:after{animation:4.5s ease-in-out infinite respire-lueur}}@supports selector(:has(*)){:root:not([data-tier=conte]){& #chapitre-6{isolation:isolate}& #chapitre-6 .recit:before{content:"";z-index:-1;opacity:0;background:radial-gradient(130% 70% at 50% 85%,#ff8a6b80,#ffc9781f 55%,#0000 80%);height:100svh;margin-bottom:-100svh;transition:opacity 5s;display:block;position:sticky;top:0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}& .plan-lumiere .plate-gris img{opacity:1;transition:opacity 5s}& .ancre-feu{transition:transform 2.6s cubic-bezier(.22,.7,.2,1);position:sticky;bottom:4svh}& .feu-brume{color:var(--brume);font-family:var(--recit);white-space:nowrap;font-weight:350;display:block;position:absolute;bottom:0;right:0}& .feu-brume>span{transition:opacity 1.6s}& .feu-a,& .feu-cest,& .feu-lumiere,& .ancre-feu:after{opacity:0;transition:opacity 2.2s}& #chapitre-6:has([data-repere=pas-1][data-atteint]) .feu-brume>:first-child,& #chapitre-6:has([data-repere=pas-2][data-atteint]) .feu-brume>:nth-child(2),& #chapitre-6:has([data-repere=pas-3][data-atteint]) .feu-brume>:nth-child(3),& #chapitre-6:has([data-repere=allume][data-atteint]) .feu-brume>:nth-child(4){opacity:0}& #chapitre-6:has([data-repere=allume][data-atteint]) .feu-lumiere,& #chapitre-6:has([data-repere=allume][data-atteint]) .recit:before,& #chapitre-6:has([data-repere=feu][data-atteint]) .feu-a,& #chapitre-6:has([data-repere=feu][data-atteint]) .feu-cest,& #chapitre-6:has([data-repere=feu][data-atteint]) .ancre-feu:after{opacity:1}& #chapitre-6:has([data-repere=allume][data-atteint]) .plan-lumiere .plate-gris img{opacity:0}& #chapitre-6:has([data-repere=feu][data-atteint]) .ancre-feu{transform:translateY(calc(50% - 46svh))}}}}