/* Maison bien isolée : La Laine. Tokens jour/nuit viennent de jour.css et nuit.css (insérés par bouw.py). */
@font-face{font-family:"Young Serif";src:url(fonts/young-serif-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Funnel Display";src:url(fonts/funnel-display-var.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-var.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --rose:#ff4f9a;--rose2:#ff8cbf;--rosef:#b3124f;--aub:#2a0c2d;--creme:#fff3e8;
  --f-titre:"Young Serif",Georgia,serif;
  --f-ui:"Funnel Display","Figtree",system-ui,sans-serif;
  --f-txt:"Figtree",system-ui,sans-serif;
  --r-l:26px;--ease:cubic-bezier(.16,1,.3,1);
  --bg:#fff4ec;--bg-2:#fde4ee;--bg-3:#f8d6e3;--champ:#fffaf6;--ink:#2a0c2d;--ink-2:#5a2a55;--line:#a06a8c;--line-doux:#e3bfd0;
--accent:#ff4f9a;--accent-2:#ff8cbf;--accent-ink:#2a0c2d;--accent-txt:#b3124f;--focus:#1b5f8c;--tex:url(laine-creme.svg);
--froid:#1f6fa3;--sc-wall:#f6d3e0;--sc-line:#2a0c2d;--sc-earth:#efd8cd;--sc-void:#e6c8bc;--sc-comble:rgba(31,111,163,.08);--sc-dots:#1f6fa3;--sc-tuile:#b3124f;--sc-meuble:#2a0c2d;--fp-a:#d3ecf8;--fp-b:#a9d5ec;
--lap0:#ffd3e5;--lap1:#ff9cc7;--lap2:#ffe7d6;--lap3:#f6b4cf;--seam:#2a0c2d;--ban-bg:#2a0c2d;--ban-ink:#fff3e8;--err:#9a2a00;--err-bg:#ffe6da;--ombre:rgba(90,20,60,.22);
color-scheme:light;
}
:root[data-theme="nuit"]{--bg:#2a0c2d;--bg-2:#3b1441;--bg-3:#1b0620;--champ:#1b0620;--ink:#fff3e8;--ink-2:#f1cfdd;--line:#a467a9;--line-doux:#5b2a60;
--accent:#ff4f9a;--accent-2:#ff8cbf;--accent-ink:#2a0c2d;--accent-txt:#ff8cbf;--focus:#8fdcff;--tex:url(laine.svg);
--froid:#8fdcff;--sc-wall:#3b1441;--sc-line:#fff3e8;--sc-earth:#1b0620;--sc-void:#150418;--sc-comble:rgba(143,220,255,.07);--sc-dots:#d2f3ff;--sc-tuile:#ff8cbf;--sc-meuble:#2a0c2d;--fp-a:#2a5a80;--fp-b:#1c3b5a;
--lap0:#6e2c73;--lap1:#93407f;--lap2:#55205b;--lap3:#7d3a7f;--seam:#ffc2da;--ban-bg:#fff3e8;--ban-ink:#2a0c2d;--err:#ffc79e;--err-bg:#4a1630;--ombre:rgba(5,0,8,.6);
color-scheme:dark;}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#2a0c2d;--bg-2:#3b1441;--bg-3:#1b0620;--champ:#1b0620;--ink:#fff3e8;--ink-2:#f1cfdd;--line:#a467a9;--line-doux:#5b2a60;
--accent:#ff4f9a;--accent-2:#ff8cbf;--accent-ink:#2a0c2d;--accent-txt:#ff8cbf;--focus:#8fdcff;--tex:url(laine.svg);
--froid:#8fdcff;--sc-wall:#3b1441;--sc-line:#fff3e8;--sc-earth:#1b0620;--sc-void:#150418;--sc-comble:rgba(143,220,255,.07);--sc-dots:#d2f3ff;--sc-tuile:#ff8cbf;--sc-meuble:#2a0c2d;--fp-a:#2a5a80;--fp-b:#1c3b5a;
--lap0:#6e2c73;--lap1:#93407f;--lap2:#55205b;--lap3:#7d3a7f;--seam:#ffc2da;--ban-bg:#fff3e8;--ban-ink:#2a0c2d;--err:#ffc79e;--err-bg:#4a1630;--ombre:rgba(5,0,8,.6);
color-scheme:dark;}}
/* vlakken die wisselen: .alt neemt de andere stand, .sombre is altijd nacht */
:root:not([data-theme="nuit"]) .alt,.sombre{--bg:#2a0c2d;--bg-2:#3b1441;--bg-3:#1b0620;--champ:#1b0620;--ink:#fff3e8;--ink-2:#f1cfdd;--line:#a467a9;--line-doux:#5b2a60;
--accent:#ff4f9a;--accent-2:#ff8cbf;--accent-ink:#2a0c2d;--accent-txt:#ff8cbf;--focus:#8fdcff;--tex:url(laine.svg);
--froid:#8fdcff;--sc-wall:#3b1441;--sc-line:#fff3e8;--sc-earth:#1b0620;--sc-void:#150418;--sc-comble:rgba(143,220,255,.07);--sc-dots:#d2f3ff;--sc-tuile:#ff8cbf;--sc-meuble:#2a0c2d;--fp-a:#2a5a80;--fp-b:#1c3b5a;
--lap0:#6e2c73;--lap1:#93407f;--lap2:#55205b;--lap3:#7d3a7f;--seam:#ffc2da;--ban-bg:#fff3e8;--ban-ink:#2a0c2d;--err:#ffc79e;--err-bg:#4a1630;--ombre:rgba(5,0,8,.6);
color-scheme:dark;}
:root[data-theme="nuit"] .alt{--bg:#fff4ec;--bg-2:#fde4ee;--bg-3:#f8d6e3;--champ:#fffaf6;--ink:#2a0c2d;--ink-2:#5a2a55;--line:#a06a8c;--line-doux:#e3bfd0;
--accent:#ff4f9a;--accent-2:#ff8cbf;--accent-ink:#2a0c2d;--accent-txt:#b3124f;--focus:#1b5f8c;--tex:url(laine-creme.svg);
--froid:#1f6fa3;--sc-wall:#f6d3e0;--sc-line:#2a0c2d;--sc-earth:#efd8cd;--sc-void:#e6c8bc;--sc-comble:rgba(31,111,163,.08);--sc-dots:#1f6fa3;--sc-tuile:#b3124f;--sc-meuble:#2a0c2d;--fp-a:#d3ecf8;--fp-b:#a9d5ec;
--lap0:#ffd3e5;--lap1:#ff9cc7;--lap2:#ffe7d6;--lap3:#f6b4cf;--seam:#2a0c2d;--ban-bg:#2a0c2d;--ban-ink:#fff3e8;--err:#9a2a00;--err-bg:#ffe6da;--ombre:rgba(90,20,60,.22);
color-scheme:light;}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .alt{--bg:#fff4ec;--bg-2:#fde4ee;--bg-3:#f8d6e3;--champ:#fffaf6;--ink:#2a0c2d;--ink-2:#5a2a55;--line:#a06a8c;--line-doux:#e3bfd0;
--accent:#ff4f9a;--accent-2:#ff8cbf;--accent-ink:#2a0c2d;--accent-txt:#b3124f;--focus:#1b5f8c;--tex:url(laine-creme.svg);
--froid:#1f6fa3;--sc-wall:#f6d3e0;--sc-line:#2a0c2d;--sc-earth:#efd8cd;--sc-void:#e6c8bc;--sc-comble:rgba(31,111,163,.08);--sc-dots:#1f6fa3;--sc-tuile:#b3124f;--sc-meuble:#2a0c2d;--fp-a:#d3ecf8;--fp-b:#a9d5ec;
--lap0:#ffd3e5;--lap1:#ff9cc7;--lap2:#ffe7d6;--lap3:#f6b4cf;--seam:#2a0c2d;--ban-bg:#2a0c2d;--ban-ink:#fff3e8;--err:#9a2a00;--err-bg:#ffe6da;--ombre:rgba(90,20,60,.22);
color-scheme:light;}}
.sombre{--bg:#1b0620;--bg-2:#33113a;--champ:#120314}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--accent) var(--bg-2);scroll-padding-top:16px;font-size:100%}
html.aplus{font-size:115%;--k:1.15}
:root{--k:1}
body{margin:0;background:var(--bg) var(--tex) 0 0/560px 560px;color:var(--ink);font:400 1.0625rem/1.62 var(--f-txt);caret-color:var(--accent);overflow-x:clip;font-variant-numeric:lining-nums}
.alt,.sombre{background:var(--bg) var(--tex) 0 0/560px 560px;color:var(--ink)}
::selection{background:var(--accent);color:var(--accent-ink)}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:.22em;text-decoration-color:var(--accent-txt)}
a:hover{text-decoration-thickness:3px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--f-titre);font-weight:400;line-height:1.08;letter-spacing:-.01em;text-wrap:balance;margin:0}
h2{font-size:clamp(1.8rem,calc(3.3vw * var(--k)),2.9rem)}
p{margin:0 0 1em}
strong{font-weight:650}
.col{width:min(1240px,100% - 32px);margin-inline:auto}
.evite{position:absolute;left:16px;top:-90px;z-index:60;background:var(--ink);color:var(--bg);padding:14px 20px;border-radius:12px;font:600 1rem var(--f-ui)}
.evite:focus{top:12px}
.defs{position:absolute;width:0;height:0;overflow:hidden}
main:focus{outline:none}

/* ----- encart France Rénov' officiel (so-fr/banner) : blanc, jamais retouché, jamais caché */
.frr-zone{padding:14px 0 4px}
.frr-txt{display:none;margin:8px 0 0;font:500 .94rem/1.45 var(--f-txt);color:var(--ink)}
.frr-txt a{text-decoration-color:currentColor}
@media (max-width:733px){.frr-txt{display:block}}
.frr-encart{--frr-breedte:701px;display:block;box-sizing:border-box;width:100%;max-width:var(--frr-breedte);margin:0;padding:0;background:#fff;color-scheme:light;forced-color-adjust:none;line-height:0;text-decoration:none;border:0;border-radius:0;box-shadow:none;filter:none;opacity:1;transform:none;position:static}
.frr-encart img{display:block;width:100%;height:auto;max-width:none;margin:0;border:0;border-radius:0;filter:none!important;opacity:1!important;object-fit:contain}
.frr-encart:hover img,.frr-encart:active img{filter:none!important;opacity:1!important}
.frr-encart:focus{outline:none}
.frr-encart:focus-visible{outline:3px solid #0a76f6;outline-offset:4px}

/* ----- rust : één groot beeld, één zin */
.calme{margin:0;padding:0}
.calme img{width:100%;height:clamp(300px,62vh,680px);object-fit:cover;max-width:none}
.calme figcaption{padding:clamp(28px,4vw,48px) 0 clamp(48px,7vw,96px)}
.calme p{font:300 clamp(1.55rem,calc(3.2vw * var(--k)),2.75rem)/1.25 var(--f-ui);letter-spacing:-.01em;max-width:30ch;margin:0;text-wrap:balance}
.calme-laine img{height:clamp(260px,48vh,520px)}

/* ----- boutons : étiquette cousue */
.bt{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);font:650 1.06rem/1.15 var(--f-ui);text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 8px 18px -10px var(--ombre);transition:background .25s var(--ease),transform .25s var(--ease)}
.bt::after{content:"";position:absolute;inset:5px;border:1.5px dashed rgba(42,12,45,.45);border-radius:10px;pointer-events:none}
.bt:hover{background:var(--accent-2);transform:translateY(-1px)}
.bt:active{transform:translateY(1px)}
.bt[disabled]{opacity:.6;cursor:progress}
.bt-l{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}
.bt-l::after{border-color:var(--line-doux)}
.bt-l:hover{background:var(--bg-2)}

/* ----- en-tête : logo, réglages, menu ; dessous les quatre étiquettes */
.tete{padding:12px 0 0}
.tete-g{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo droite" "quatre quatre";align-items:center;gap:10px 16px}
.tete .mi-logo{min-height:48px}
.mi-logo{grid-area:logo;--mi-s:var(--rose);--mi-ink:var(--aub);--mi-gh:var(--rosef);--mi-word:var(--ink);--mi-bead:var(--creme);--mi-hauteur:46px;color:var(--ink);text-decoration:none;min-height:48px}
.tete-d{grid-area:droite;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.regl{display:flex;gap:6px}
.rg-b{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:2px solid var(--line-doux);border-radius:12px;background:transparent;color:var(--ink);font:600 .98rem var(--f-ui);cursor:pointer}
.rg-b:hover{border-color:var(--line)}
.rg-b[aria-pressed="true"]{border-color:var(--accent);background:var(--bg-2)}
.rg-i{font:400 1.15rem/1 var(--f-titre)}
.rg-b svg{width:22px;height:22px}
.rg-soleil{display:none}
[data-theme="nuit"] .rg-lune{display:none}
[data-theme="nuit"] .rg-soleil{display:block}
.menu{position:relative}
.menu summary{list-style:none;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px 0 10px;border:2px solid var(--line);border-radius:12px;cursor:pointer;font:650 1.05rem var(--f-ui)}
.menu summary::-webkit-details-marker{display:none}
.m-pelote{width:28px;height:28px;border-radius:50%;background:var(--accent) url(pelote.svg) center/100%;transition:transform .5s var(--ease)}
.menu[open] .m-pelote{transform:rotate(200deg)}
.menu-p{position:absolute;right:0;top:calc(100% + 10px);z-index:45;width:min(340px,calc(100vw - 32px));padding:14px;background:var(--bg-2);color:var(--ink);border-radius:20px;box-shadow:0 22px 44px -14px var(--ombre)}
.menu-p ul{list-style:none;margin:0 0 10px;padding:0}
.menu-p a{display:flex;align-items:center;min-height:48px;padding:0 12px;border-radius:10px;text-decoration:none;font:500 1.05rem var(--f-ui)}
.menu-p a:hover,.menu-p a[aria-current]{background:var(--bg)}
.menu-p a[aria-current]{box-shadow:inset 4px 0 0 var(--accent)}
.menu-p .regl{flex-direction:column;border-top:2px dashed var(--line-doux);padding-top:12px}
.menu-p .regl .rg-b{justify-content:flex-start}
.bt-tete{min-height:48px}
.nav-4{grid-area:quatre}
.nav-4 ul{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.nav-4 a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px 12px 0 0;background:var(--bg-2);text-decoration:none;font:600 1.02rem var(--f-ui)}
.nav-4 a::after{content:"";position:absolute;inset:5px 5px 0;border:1.5px dashed var(--line-doux);border-bottom:0;border-radius:8px 8px 0 0}
.nav-4 a:hover{background:var(--bg-3)}
.nav-4 a[aria-current]{background:var(--accent);color:var(--accent-ink)}
.nav-4 a[aria-current]::after{border-color:rgba(42,12,45,.45)}
.tete{border-bottom:3px solid var(--accent)}
.lecture{position:fixed;left:0;top:0;z-index:50;height:6px;width:calc(var(--lu,0) * 100%);background:var(--accent) url(maille.svg) 0 0/16px 6px;pointer-events:none}

/* ----- fil d'Ariane */
.ariane{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:16px 0 0}
.retour{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 14px 0 8px;border-radius:12px;background:var(--bg-2);text-decoration:none;font:650 1rem var(--f-ui)}
.retour svg{width:22px;height:22px}
.ariane ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;font:500 1rem var(--f-ui);color:var(--ink-2)}
.ariane li{display:inline-flex;align-items:center;min-height:48px}
.ariane li+li::before{content:"›";margin:0 .5em}
.ariane ol a{display:inline-flex;align-items:center;min-height:48px}

/* ----- la régie : scène collante */
.regie{position:relative;height:290vh}
.regie-s{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.regie-g{display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:clamp(24px,4vw,64px);align-items:center}
.h1-a{display:block;font-size:.42em;letter-spacing:0;margin-bottom:.35em;color:var(--accent-txt)}
.h1-b{display:block}
.regie h1,.f-tete h1{font-size:clamp(2.1rem,calc(4.3vw * var(--k)),4.3rem)}
.chapo-c{font-size:1.15rem;color:var(--ink-2);max-width:36ch;margin:22px 0 26px}
html:not(.js) .regie,.rm .regie{height:auto}
html:not(.js) .regie-s,.rm .regie-s{position:static;height:auto;padding:40px 0 64px}

.scene{margin:0;display:grid;gap:10px}
.choix{border:0;margin:0;padding:0;min-width:0}
.choix legend{font:600 1rem var(--f-ui);color:var(--ink-2);margin-bottom:8px;padding:0}
.ch-l{display:flex;flex-wrap:wrap;gap:8px}
.ch{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:2px solid var(--line);font:600 1.02rem var(--f-ui);cursor:pointer;transition:background .25s var(--ease),border-color .25s}
.ch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ch:hover{border-color:var(--accent)}
.ch:has(input:checked){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.ch:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.sc-des{position:relative}
.maison{width:100%;height:auto;max-height:calc(100svh - 300px);margin-inline:auto;overflow:visible}
.f-tete .maison{max-height:none}
.sc-note{margin:4px 0 0;font:500 .94rem/1.4 var(--f-ui);color:var(--ink-2);text-align:right}
.caps{min-height:3.2em;font:500 clamp(1.1rem,calc(1.6vw * var(--k)),1.3rem)/1.4 var(--f-ui)}
.cap{margin:0}
.js .cap{display:none}
.js .cap[data-actif]{display:block;animation:cap .6s var(--ease)}
@keyframes cap{from{opacity:0;transform:translateY(6px)}}
html:not(.js) .cap:not(:last-child){display:none}

/* le dessin, en tokens pour le jour et la nuit */
.maison .ciel circle{fill:var(--sc-dots);opacity:.6}
.maison .terre{fill:var(--sc-earth)}
.maison .terre-l{stroke:var(--sc-line);stroke-width:3;fill:none}
.maison .terre-g{stroke:var(--line);stroke-width:2;fill:none;stroke-linecap:round}
.fp-a{stop-color:var(--fp-a)}.fp-b{stop-color:var(--fp-b)}
.maison .piece{fill:url(#froid-piece)}
.maison .piece-chaud{fill:url(#chaud);opacity:var(--t,1)}
.maison .vide{fill:var(--sc-void)}
.maison .comble{fill:var(--sc-comble)}
.maison .struct path{fill:var(--sc-wall);stroke:var(--sc-line);stroke-width:2.6;stroke-linejoin:round}
.maison .toit{fill:var(--sc-wall);stroke:var(--sc-line);stroke-width:3;stroke-linejoin:round}
.maison .tuiles{fill:none;stroke:var(--sc-tuile);stroke-width:2.4;opacity:.9;stroke-linecap:round}
.maison .chem{fill:var(--sc-wall);stroke:var(--sc-line);stroke-width:2.6}
.maison .meubles{fill:none;stroke:var(--sc-meuble);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.6}
.maison .chaleur path{fill:none;stroke:#fff3e8;stroke-width:3.2;stroke-linecap:round;opacity:var(--t,1)}
.maison .froid path{fill:none;stroke:var(--froid);stroke-width:4.2;stroke-linecap:round;stroke-dasharray:12 15;animation:coule 1.5s linear infinite}
.maison .f-int,.maison .f-mid{opacity:var(--o,1)}
@keyframes coule{to{stroke-dashoffset:-54}}
.laine{display:none}
.couche{opacity:var(--f,1);stroke:#ffe3ef;stroke-opacity:.55;stroke-width:1.6;stroke-linejoin:round;transform:translate(calc((1 - var(--f,1)) * var(--dx,0px)),calc((1 - var(--f,1)) * var(--dy,-30px)));transform-box:fill-box}
.l-combles{--dy:-40px}.l-toiture{--dy:-28px}.l-murs{--dy:-36px}.l-plancher{--dy:26px}
.js .scene[data-sel="combles"] .l-combles,.js .scene[data-sel="toiture"] .l-toiture,.js .scene[data-sel="murs"] .l-murs,.js .scene[data-sel="plancher"] .l-plancher{display:inline}
html:not(.js) .scene:has(input[value="combles"]:checked) .l-combles,html:not(.js) .scene:has(input[value="toiture"]:checked) .l-toiture,html:not(.js) .scene:has(input[value="murs"]:checked) .l-murs,html:not(.js) .scene:has(input[value="plancher"]:checked) .l-plancher{display:inline}
html:not(.js) .scene:has(input[value="combles"]:checked) .f-int[data-bloque~="combles"],html:not(.js) .scene:has(input[value="toiture"]:checked) [data-bloque~="toiture"],html:not(.js) .scene:has(input[value="murs"]:checked) .f-int[data-bloque~="murs"],html:not(.js) .scene:has(input[value="plancher"]:checked) .f-int[data-bloque~="plancher"]{opacity:.06}
.scene.hors .froid path{animation-play-state:paused}

/* ----- sections */
.intro{padding:clamp(40px,8vw,96px) 0 0}
.chapo{font-size:clamp(1.15rem,calc(1.6vw * var(--k)),1.35rem);line-height:1.55;max-width:60ch;color:var(--ink-2)}
.intro .chapo{font-family:var(--f-titre);color:var(--ink);font-size:clamp(1.3rem,calc(2vw * var(--k)),1.7rem);line-height:1.4;max-width:44ch}
.prose{max-width:68ch}
.prose h2{margin:1.6em 0 .55em}
.prose h2:first-child{margin-top:0}
.fil-l,.es-l,.pour-l,.prep-l,.re-pas{list-style:none;margin:0 0 1.2em;padding:0}
.fil-l li,.pour-l li,.prep-l li{position:relative;padding-left:36px;margin-bottom:.7em}
.fil-l li::before,.pour-l li::before,.prep-l li::before{content:"";position:absolute;left:0;top:.2em;width:24px;height:24px;background:var(--accent-txt);-webkit-mask:url(boucle.svg) center/contain no-repeat;mask:url(boucle.svg) center/contain no-repeat}

.pertes{padding:clamp(56px,9vw,120px) 0}
.pe-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.pe-f{margin:0;position:sticky;top:24px}
.pe-l{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:14px}
.pe-l li{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:12px}
.pn{font:500 1.08rem var(--f-ui)}
.pc{font:400 clamp(1.6rem,calc(3vw * var(--k)),2.5rem)/1 var(--f-titre);color:var(--accent-txt);font-variant-numeric:tabular-nums}
.brin{grid-column:1/-1;width:calc(var(--w) * 1%);height:22px;margin-top:6px;overflow:visible}
.brin path{fill:none;stroke-width:4.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.b-a{stroke:var(--accent)}.b-b{stroke:var(--accent-txt);opacity:.8}
.js [data-vue] .brin path{stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ease);transition-delay:calc(var(--k) * .12s)}
.js [data-vue].vu .brin path{stroke-dashoffset:0}
.pe-f figcaption{font-size:1rem;color:var(--ink-2);max-width:52ch}

.demande{padding:clamp(48px,7vw,88px) 0;position:relative}
.dm-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.dm-t h2{font-size:clamp(1.8rem,calc(3.4vw * var(--k)),2.9rem);margin-bottom:.4em}
.dm-t p{color:var(--ink-2);max-width:52ch;margin:0}
.etiq{position:relative;display:grid;gap:10px;background:var(--bg-2) var(--tex) 0 0/560px;border-radius:8px 26px 26px 26px;padding:28px 24px 24px;box-shadow:0 22px 50px -24px var(--ombre)}
.etiq::before{content:"";position:absolute;left:22px;top:-14px;width:28px;height:28px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 4px var(--accent)}
.etiq label{font:650 1.08rem var(--f-ui)}
.etiq .bt{justify-self:start}
.cpf-m{margin:0;font-size:1rem;color:var(--ink-2);min-height:1.6em}
.cpf-m.ok{color:var(--ink)}
.cpf-m.ok::before{content:"";display:inline-block;vertical-align:-4px;width:20px;height:20px;margin-right:8px;background:var(--accent);-webkit-mask:url(boucle.svg) center/contain no-repeat;mask:url(boucle.svg) center/contain no-repeat}
.cpf-m small{display:block;margin-top:6px;font-size:.95rem;color:var(--ink-2)}
input,textarea{font:500 1.1rem var(--f-txt);color:var(--ink);background:var(--champ);border:2px solid var(--line);border-radius:14px;min-height:54px;padding:10px 16px;width:100%;caret-color:var(--accent)}
textarea{min-height:120px;resize:vertical;line-height:1.5}
input::placeholder,textarea::placeholder{color:var(--ink-2);opacity:.85}
input:hover,textarea:hover{border-color:var(--accent-txt)}
input:focus,textarea:focus{border-color:var(--accent);outline:3px solid var(--focus);outline-offset:2px}
[aria-invalid="true"]{border-color:var(--err)}

.demande-col{margin:2em 0;padding:24px;border-radius:var(--r-l);background:var(--bg-2);display:grid;gap:18px}
.demande-col .dm-t h2{font-size:1.7rem;margin:0 0 .3em}
.demande-col .etiq{background:var(--bg);box-shadow:none}

.parois-s{padding:clamp(56px,8vw,110px) 0}
.parois-s h2{margin-bottom:12px}
.pa-p{color:var(--ink-2);max-width:60ch;margin-bottom:26px}
.parois-l{list-style:none;margin:0;padding:0;border-top:2px dashed var(--line)}
.parois-l a{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.2fr);gap:14px 28px;align-items:center;padding:22px 4px;border-bottom:2px dashed var(--line);text-decoration:none;transition:background .3s var(--ease),padding .3s var(--ease)}
.parois-l a:hover{background:var(--bg-2);padding-left:16px}
.pl-t{font:400 clamp(2rem,calc(5vw * var(--k)),4rem)/1 var(--f-titre)}
.pl-s{color:var(--ink-2);font-size:1.06rem}
.pelote{display:inline-block;width:56px;height:56px;border-radius:50%;background:var(--pc,var(--rose)) url(pelote.svg) center/100%;flex:none;box-shadow:inset -6px -8px 0 rgba(42,12,45,.18)}
.pelote[data-p="toiture"]{--pc:var(--rose2)}.pelote[data-p="murs"]{--pc:#ffe3d0}.pelote[data-p="plancher"]{--pc:#ffc4dc}.pelote[data-p="maison"]{--pc:#d2f3ff}

.bord{position:absolute;left:0;right:0;top:-38px;width:100%;height:40px;pointer-events:none}
.bord path{fill:var(--bg)}

.cond{padding:clamp(64px,9vw,130px) 0;position:relative}
.co-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px)}
.co-t{position:sticky;top:32px;align-self:start}
.co-t h2{margin-bottom:.5em}
.co-fil{position:relative;padding-left:64px}
.co-ligne{position:absolute;left:12px;top:0;bottom:0;width:28px;background:url(brin-v.svg) 0 0/28px 80px repeat-y}
.co-l{list-style:none;margin:0;padding:0;display:grid;gap:clamp(36px,7vh,80px)}
.co-l li{position:relative;font-size:1.15rem}
.co-l li strong{display:block;font:400 clamp(1.5rem,calc(2.6vw * var(--k)),2.2rem)/1.1 var(--f-titre);margin-bottom:6px}
.noeud{position:absolute;left:-66px;top:-2px;width:44px;height:44px;color:var(--accent-txt);background:var(--bg);border-radius:50%;padding:4px;transition:transform .5s var(--ease),opacity .4s}

.niv{padding:clamp(64px,9vw,130px) 0;position:relative}
.ni-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:center}
.ni-outil{background:var(--bg-2);border-radius:var(--r-l);padding:clamp(18px,3vw,32px)}
.ni-q{font:650 1.08rem var(--f-ui);margin-bottom:14px}
.ni-l{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:flex-end}
.ni-l li{flex:1;min-width:0}
.rb{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:8px 6px 12px;background:none;border:2px solid transparent;border-radius:16px;color:var(--ink);cursor:pointer;font:inherit;text-align:center}
.rb:hover{border-color:var(--line)}
.rb[aria-pressed="true"]{border-color:var(--accent);background:var(--bg)}
.rb-col{display:flex;align-items:flex-end;height:220px}
.rb-laine{display:block;width:100%;height:calc(var(--r) / 7 * 100%);border-radius:14px 14px 6px 6px;background:#ff9cc7 url(laine-dense.svg) 0 0/160px;transform-origin:bottom;transition:transform 1.2s var(--ease)}
.rb[aria-pressed="true"] .rb-laine{background-color:var(--rose)}
.ni-l li:nth-child(2) .rb-laine{transition-delay:.08s}.ni-l li:nth-child(3) .rb-laine{transition-delay:.16s}.ni-l li:nth-child(4) .rb-laine{transition-delay:.24s}.ni-l li:nth-child(5) .rb-laine{transition-delay:.32s}
.rb-v{font:400 clamp(1.05rem,calc(1.8vw * var(--k)),1.5rem)/1 var(--f-titre);font-variant-numeric:tabular-nums;white-space:nowrap}
.rb-n{font:500 .95rem/1.2 var(--f-ui);color:var(--ink-2);min-height:2.4em}
.ni-r{margin:18px 0 8px;font-size:1.08rem}
.ni-src{font-size:1rem;color:var(--ink-2);margin:0}

.aides,.prix{padding:clamp(64px,9vw,120px) 0;position:relative}

/* ----- réseau : le patchwork des régions */
.reseau{padding:clamp(64px,9vw,130px) 0;position:relative}
.re-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:center}
.re-t h2{font-size:clamp(2rem,calc(3.8vw * var(--k)),3.3rem);margin-bottom:.4em}
.re-t>p{color:var(--ink-2);max-width:54ch}
.re-pas li{position:relative;padding:0 0 22px 52px}
.re-pas li::before{content:"";position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--rose) url(pelote.svg) center/100%}
.re-pas li::after{content:"";position:absolute;left:14px;top:34px;bottom:4px;border-left:2px dashed var(--line)}
.re-pas li:last-child::after{display:none}
.re-pas strong{display:block;font:650 1.15rem var(--f-ui)}
.re-q{font-size:1rem;color:var(--ink-2)}
.re-c{position:relative}
.re-q2{font:600 1.08rem var(--f-ui);margin-bottom:6px}
.patch{width:100%;height:auto;overflow:visible}
.lap{cursor:pointer}
.lap-f{fill:var(--lap0);transition:fill .3s}
.t1 .lap-f{fill:var(--lap1)}.t2 .lap-f{fill:var(--lap2)}.t3 .lap-f{fill:var(--lap3)}
.lap-t{fill:url(#fibres);pointer-events:none}
.raak{fill:transparent}
.lap-s{fill:none;stroke:var(--seam);stroke-width:1.5;stroke-dasharray:5 4;stroke-linejoin:round;pointer-events:none}

.lap:hover .lap-f,.lap.on .lap-f{fill:var(--accent)}
.lap.on .lap-s{stroke-width:2.6;animation:couture 1.2s var(--ease) 1}
@keyframes couture{to{stroke-dashoffset:-18}}
.lap:focus{outline:none}
.lap:focus-visible .lap-s{stroke:var(--focus);stroke-width:4;stroke-dasharray:none}
.loupe-c{fill:var(--bg-2);stroke:var(--seam);stroke-width:2;stroke-dasharray:6 5}
.fil-loupe{fill:none;stroke:var(--accent-txt);stroke-width:2.4;stroke-linecap:round}
.re-tag{margin-top:10px;background:var(--bg-2);border-radius:8px 22px 22px 22px;padding:18px 20px}
.re-tag-n{font:400 1.6rem/1.1 var(--f-titre);margin-bottom:6px}
.re-liste{margin-top:14px}
.re-liste summary{display:inline-flex;align-items:center;min-height:48px;cursor:pointer;font:650 1.02rem var(--f-ui);text-decoration:underline;text-decoration-color:var(--accent-txt);text-underline-offset:.22em}
.re-liste ul{list-style:none;margin:8px 0 0;padding:0;columns:2;column-gap:20px}
.re-liste a{display:inline-flex;align-items:center;min-height:48px}

.alt-fin{position:relative;padding-bottom:clamp(48px,7vw,96px)}
.faq,.src,.voisins{padding-top:clamp(40px,6vw,72px)}
.faq h2,.src h2,.voisins h2{margin-bottom:18px}
.q{border-top:2px dashed var(--line);max-width:900px}
.q:last-child{border-bottom:2px dashed var(--line)}
.q summary{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font:650 1.15rem/1.35 var(--f-ui)}
.q summary::-webkit-details-marker{display:none}
.q summary svg{width:26px;height:26px;flex:none;color:var(--accent-txt);transition:transform .35s var(--ease)}
.q[open] summary svg{transform:rotate(45deg)}
.q p{max-width:68ch;margin:0 0 18px}
.src ol{padding-left:1.3em;max-width:900px}
.src li{margin-bottom:.6em}
.src-n{color:var(--ink-2)}
.voisins ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.voisins a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 18px 8px 8px;border-radius:14px;background:var(--bg-2);text-decoration:none;font:500 1.02rem/1.3 var(--f-ui);max-width:480px}
.voisins .pelote{width:40px;height:40px}
.voisins a:hover{background:var(--bg-3)}

/* ----- fiches */
.f-tete{padding:clamp(20px,4vw,48px) 0 clamp(40px,6vw,80px)}
.f-tg{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center}
.f-tt .chapo{margin:22px 0 26px}
.f-corps{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,5vw,80px);padding:clamp(32px,5vw,64px) 0 clamp(64px,8vw,110px);align-items:start}
.f-cote{display:grid;gap:24px;position:sticky;top:20px}
.essentiel{background:var(--bg-2) var(--tex) 0 0/560px;border-radius:var(--r-l);padding:26px 24px 16px;outline:2px dashed var(--line);outline-offset:-10px}
.essentiel h2,.pour h2{font-size:1.6rem;margin-bottom:14px}
.es-l li{padding:0 0 12px 0;margin-bottom:12px;border-bottom:1px solid var(--line-doux)}
.es-l li:last-child{border:0;margin:0}
.pour{background:var(--bg-2);border-radius:var(--r-l);padding:24px}
.pour h2+ul{margin-bottom:22px}

/* ----- demande : quatre rangs */
.d-tete,.t-tete{padding:clamp(24px,5vw,64px) 0 clamp(20px,4vw,40px)}
.d-tete h1,.t-tete h1{font-size:clamp(2.3rem,calc(5vw * var(--k)),4.6rem)}
.d-tete .chapo,.t-tete .chapo{margin-top:18px}
.d-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,5vw,72px);padding-bottom:clamp(56px,8vw,110px);align-items:start}
.d-z{background:var(--bg-2) var(--tex) 0 0/560px;border-radius:var(--r-l);padding:clamp(20px,4vw,40px)}
.rang{position:relative;border:0;margin:0 0 8px;padding:0 0 26px 44px;min-width:0}
.rang::before{content:"";position:absolute;left:13px;top:34px;bottom:0;border-left:2px dashed var(--line)}
.rang:last-of-type::before{display:none}
.rang legend{display:flex;align-items:center;gap:12px;margin-left:-44px;font:400 clamp(1.5rem,calc(2.8vw * var(--k)),2.1rem)/1.15 var(--f-titre);margin-bottom:18px;padding:0}
.rang legend:focus{outline:none}
.maille{flex:none;width:30px;height:30px;border-radius:8px;background:var(--bg) ;box-shadow:inset 0 0 0 2px var(--line)}
.rang.fait .maille,.rang.en-cours .maille{background:var(--accent) url(maille.svg) 0 0/10px 8px;box-shadow:none}
.js .rang.a-venir{display:none}
.rang.fait [data-rang-suiv]{display:none}
.rads{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:22px}
.rad{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px 8px 8px;border-radius:14px;border:2px solid var(--line);cursor:pointer;font:650 1.06rem var(--f-ui)}
.rad input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.rad .pelote{width:42px;height:42px}
.rad:hover{border-color:var(--accent-txt)}
.rad:has(input:checked){border-color:var(--accent);background:var(--bg)}
.rad:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.champ{margin-bottom:20px}
.champ label{display:block;font:650 1.05rem var(--f-ui);margin-bottom:8px}
.champ small{font-weight:400;color:var(--ink-2)}
.aide{font-size:1rem;color:var(--ink-2);margin:8px 0 14px}
.acc{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--bg);cursor:pointer;margin-bottom:10px}
.acc input{width:28px;height:28px;min-height:0;flex:none;margin:2px 0 0;accent-color:var(--accent)}
.err{color:var(--err);font-weight:650;margin:8px 0 0}
.fo-err{background:var(--err-bg);color:var(--err);border-radius:14px;padding:14px 18px;margin-bottom:20px;font-weight:650}
.fo-err:focus{outline:3px solid var(--focus)}
.rec{background:var(--bg);border-radius:14px;padding:14px 18px}
.fort{border-top:2px dashed var(--line);margin:18px 0;padding-top:16px}
.pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fo-ok h2{margin-bottom:16px}
.fo-ok:focus{outline:none}
.d-a{position:sticky;top:24px}
.d-a h2{font-size:1.7rem;margin-bottom:14px}
.d-a p{color:var(--ink-2)}
.note{color:var(--ink-2)}
.t-corps{padding-bottom:clamp(56px,8vw,100px)}

/* ----- 404 */
.e404{padding:clamp(40px,8vw,110px) 0}
.e-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:center}
.e404 h1{font-size:clamp(2.6rem,calc(6vw * var(--k)),5.4rem);margin-bottom:20px}
.e404 .bt{margin:0 10px 10px 0}
.e-maison{fill:none;stroke:var(--ink);stroke-width:4;stroke-linejoin:round}
.e-fil{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:0;animation:defile 3.4s var(--ease) both}
@keyframes defile{from{stroke-dashoffset:900}}

/* ----- pied : la lisière */
.pied{position:relative;margin-top:48px}
.demande-fin+.pied,main:has(>.demande-fin:last-child)+.pied{margin-top:0}
.pied-in{padding:40px 0 calc(28px + env(safe-area-inset-bottom))}
.pied-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px}
.pied-m{font:400 clamp(1.6rem,calc(3vw * var(--k)),2.4rem)/1.1 var(--f-titre);margin-bottom:14px}
.pied-a p{color:var(--ink-2);max-width:60ch}
.plan h2{font:650 1.15rem var(--f-ui);margin-bottom:8px}
.plan ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.plan a{display:inline-flex;align-items:center;min-height:48px;font:500 1.02rem/1.25 var(--f-ui)}
.pied-b{border-top:2px dashed var(--line-doux);margin-top:28px;padding-top:18px;color:var(--ink-2)}
.pied-b p{margin:0 0 6px}
.cta-fixe{display:none}

/* ----- tablette et mobile */
@media (max-width:1100px){
  .regl .rg-b span:not(.rg-i):not([data-theme-txt]){display:none}
}
@media (max-width:980px){
  .tete-d>.regl{display:none}
  .bt-tete{display:none}
  .regie-g,.pe-g,.dm-g,.co-g,.ni-g,.re-g,.f-tg,.f-corps,.d-g,.e-g,.pied-g{grid-template-columns:minmax(0,1fr)}
  .co-t,.pe-f,.f-cote,.d-a{position:static}
  .nav-4 ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .nav-4 a{padding:0 4px;width:100%}
  .regie .chapo-c,.regie .regie-t .bt{display:none}
  .regie-s{align-items:center}
  .maison{max-height:calc(100svh - 360px)}
  .regie-g{gap:12px}
}
@media (max-width:760px){
  body{font-size:1.125rem}
  .mi-logo{--mi-hauteur:40px}
  .nav-4 a{font-size:.98rem}
  .regie{height:250vh}
  .regie-s{align-items:center;padding:8px 0 70px}
  .regie-g{gap:10px}
  .regie h1{font-size:clamp(1.65rem,calc(7.2vw * var(--k)),2.3rem)}
  .regie .chapo-c,.regie .regie-t .bt{display:none}
  .maison{max-height:none}
  .sc-des{overflow:hidden;margin-inline:-16px}
  .sc-des .maison{width:126%;max-width:none;margin-left:-13%}
  .sc-note{padding-inline:16px;text-align:left}
  .caps{font-size:1.08rem;min-height:2.8em}
  .ch{padding:0 4px;font-size:.98rem}
  .ch-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .parois-l a{grid-template-columns:auto minmax(0,1fr);padding:18px 0}
  .pl-s{grid-column:1/-1}
  .rb-col{height:150px}
  .ni-l{gap:4px}
  .rb{padding:6px 2px 10px}
  .rb-n{font-size:.88rem}
  .rb-v{font-size:1rem}
  .lecture{display:none}
  .cta-fixe{display:flex;position:fixed;left:16px;right:16px;bottom:calc(6px + env(safe-area-inset-bottom));z-index:40;height:52px;align-items:center;justify-content:center;border-radius:14px;background:var(--rose);color:var(--aub);text-decoration:none;font:700 1.08rem var(--f-ui);box-shadow:0 10px 24px -8px rgba(10,0,12,.7);overflow:hidden;transition:transform .35s var(--ease),opacity .35s}
  .cta-lu{position:absolute;left:0;top:0;bottom:0;width:calc(var(--lu,0) * 100%);background:var(--rose2);opacity:.7}
  .cta-t{position:relative}
  .cta-off .cta-fixe{transform:translateY(140%);opacity:0;pointer-events:none}
  body:not(.p-demande){padding-bottom:64px}
  .co-fil{padding-left:56px}
  .noeud{left:-58px;width:40px;height:40px}
  .rang{padding-left:0}
  .rang::before{display:none}
  .rang legend{margin-left:0}
  .plan ul{columns:1}
  .demande-col{padding:18px}
}
@media (max-width:760px) and (max-height:700px){
  .sc-note{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .regie{height:auto}
  .regie-s{position:static;height:auto;padding:40px 0 64px}
}

/* rust: het logo tekent zich één keer, daarna staat het stil */
.mi-kraal{animation:none!important}

/* juridische pagina's (04-11-2026): datum, tabellen zonder horizontaal scrollen van de pagina */
.maj{font-size:1rem;color:var(--ink-2)}
.t-corps ul:not([class]){padding-left:1.3em;margin:0 0 1.2em}
.t-corps ul:not([class]) li{margin-bottom:.45em}
.tab{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.4em;border:1.5px solid var(--line-doux);border-radius:14px;max-width:100%}
.tab table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.5}
.tab th,.tab td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line-doux)}
.tab thead th{font:600 1rem var(--f-ui);background:var(--bg-2)}
.tab tbody tr:last-child td{border-bottom:0}
.tab code{font-size:.92em;white-space:nowrap}
.t-corps a{overflow-wrap:anywhere}
.sous-bt{margin-top:14px}

/* logo (so-fr/logos) */

.mi-logo{display:inline-flex;align-items:center;min-height:44px;line-height:0;color:inherit}
.mi-logo svg{display:block;height:var(--mi-hauteur,44px);width:auto}
.mi-logo:focus-visible{outline:3px solid currentColor;outline-offset:3px}
[data-fond="fonce"] .mi-logo,.mi-logo[data-fond="fonce"]{--mi-word:#efc14f;}

@media (prefers-reduced-motion:no-preference){
@media (min-width:641px){.mi-out{animation:mi-d1 2.2s cubic-bezier(.4,0,.2,1)}.mi-inn{animation:mi-d2 2.2s cubic-bezier(.4,0,.2,1)}.mi-wol{animation:mi-d3 2.2s cubic-bezier(.4,0,.5,1)}.mi-kraal{animation:mi-kr 11s linear 2.4s infinite}}@media (max-width:640px){.mi-kraal{animation:mi-kr 11s linear 2.4s infinite}}
@keyframes mi-d1{0%{stroke-dashoffset:0}.1%{stroke-dashoffset:1}35%,100%{stroke-dashoffset:0}}
@keyframes mi-d2{0%{stroke-dashoffset:0}.1%,20%{stroke-dashoffset:1}45%,100%{stroke-dashoffset:0}}
@keyframes mi-d3{0%{stroke-dashoffset:0}.1%,30%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}
@keyframes mi-kr{0%{stroke-dashoffset:.035}70%,100%{stroke-dashoffset:-1}}
}