.dm{--dm-tuile:color-mix(in srgb, var(--rouge-basque) 72%, #f6f5ee);--dm-tuile-ombre:color-mix(in srgb, var(--rouge-basque) 85%, #17251d);--dm-herbe:#b5cab9;--dm-arbre:#608a72;--dm-mousse:#407155;background:var(--pp-surface);box-shadow:var(--pp-ombre);color:var(--pp-encre);border-radius:22px;gap:.9rem;padding:1.1rem;display:grid}.dm-tete{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.dm-pastille{color:#f6f5ee;font-family:var(--pp-mono);letter-spacing:.12em;text-transform:uppercase;background:#17251d;border-radius:999px;padding:.2rem .6rem;font-size:11px}.dm-etapes{color:var(--pp-doux);flex-wrap:wrap;gap:.35rem .8rem;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.dm-etapes li{align-items:center;gap:.3rem;transition:color .3s;display:inline-flex}.dm-etapes li span{background:color-mix(in srgb, var(--pp-encre) 8%, transparent);width:1.15rem;height:1.15rem;font-family:var(--pp-mono);border-radius:50%;place-items:center;font-size:10px;transition:background-color .3s,color .3s;display:grid}.dm-etapes li[data-actif]{color:var(--pp-encre);font-weight:600}.dm-etapes li[data-actif] span,.dm-etapes li[data-fait] span{background:var(--pp-orange);color:var(--pp-creme)}.dm-adresse{background:var(--pp-page);border:1px solid var(--pp-ligne);border-radius:999px;align-items:center;gap:.5rem;min-height:2.8rem;padding:0 1rem;font-size:.95rem;display:flex}.dm-adresse svg{color:var(--pp-orange);flex:none}.dm-curseur{vertical-align:-.15em;background:var(--pp-encre);opacity:0;width:1.5px;height:1.05em;margin-left:1px;display:inline-block}.dm[data-etape=adresse] .dm-curseur{animation:.9s step-end infinite dm-curseur}@keyframes dm-curseur{50%{opacity:1}}.dm-ecran{min-height:17.5rem;position:relative}.dm-vue{opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;position:absolute;inset:0}.dm[data-etape=adresse] .dm-vue--aerien,.dm[data-etape=contour] .dm-vue--aerien,.dm[data-etape=photos] .dm-vue--photos,.dm[data-etape=choix] .dm-vue--photos,.dm[data-etape=resultat] .dm-vue--resultat{opacity:1;visibility:visible}.dm-vue--aerien{border-radius:16px;overflow:hidden}.dm-aerien{width:100%;height:100%;display:block}.dm-herbe{fill:var(--dm-herbe)}.dm-route{fill:none;stroke:#f6f5ee;stroke-width:14px}.dm-arbre{fill:var(--dm-arbre)}.dm-voisin{fill:color-mix(in srgb, var(--dm-tuile) 70%, #f6f5ee)}.dm-tuile-fond{fill:var(--dm-tuile)}.dm-tuile{fill:none;stroke:var(--dm-tuile-ombre);stroke-width:.8px}.dm-toit{stroke:var(--dm-tuile-ombre);stroke-width:1px}.dm-faitage{stroke:var(--dm-tuile-ombre);stroke-width:3px}.dm-trace{fill:color-mix(in srgb, var(--rouge-basque) 12%, transparent);stroke:var(--rouge-basque);stroke-width:2.5px;stroke-dasharray:100;stroke-dashoffset:100px;fill-opacity:0;transition:stroke-dashoffset 1.6s ease-in-out,fill-opacity .6s 1.4s}.dm[data-etape=contour] .dm-trace{stroke-dashoffset:0;fill-opacity:1}.dm-mesure{color:#f6f5ee;font-family:var(--pp-mono);opacity:0;background:#17251d;border-radius:999px;padding:.3rem .7rem;font-size:12px;transition:opacity .4s 1.5s,translate .4s 1.5s;position:absolute;bottom:.8rem;right:.8rem;translate:0 6px}.dm[data-etape=contour] .dm-mesure{opacity:1;translate:0}.dm-vue--photos{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:.7rem;display:grid}.dm-photo{gap:.4rem;margin:0;display:grid;position:relative}.dm-dessin{aspect-ratio:9/7;width:100%;box-shadow:var(--pp-ombre);border-radius:12px;display:block}.dm-photo figcaption{font-size:12.5px;font-weight:600}.dm-ciel{fill:#dee5db}.dm-pan{fill:var(--dm-tuile)}.dm-tuile-photo{fill:var(--dm-tuile);stroke:var(--dm-tuile-ombre);stroke-width:1.2px}.dm-mousse{fill:var(--dm-mousse);opacity:.85}.dm-faitiere{fill:none;stroke:var(--dm-tuile-ombre);stroke-width:5px;stroke-linecap:round}.dm-fissure{fill:none;stroke:#17251d;stroke-width:1px;stroke-dasharray:2 2}.dm-gouttiere{fill:#bec1ba}.dm-descente{stroke:#b3b7af;stroke-width:5px}.dm-feuille{fill:var(--dm-mousse)}.dm-analysee{background:var(--pp-surface);color:var(--pp-bleu);box-shadow:var(--pp-ombre);opacity:0;border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:10.5px;font-weight:600;transition:opacity .3s,scale .3s;display:inline-flex;position:absolute;top:.4rem;right:.4rem;scale:.6}.dm[data-etape=photos] .dm-analysee,.dm[data-etape=choix] .dm-analysee{opacity:1;transition-delay:calc(.5s + var(--i) * .6s);scale:1}.dm-vue--resultat{align-content:center;gap:.55rem;display:grid}.dm-resultat-titre{font-family:var(--pp-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pp-accent);font-size:12px}.dm-fourchette{font-family:var(--pp-titre);letter-spacing:-.02em;font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:600;line-height:1.1}.dm-postes{gap:.6rem;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.dm-postes li{opacity:0;justify-content:space-between;gap:.8rem;padding-bottom:.55rem;font-size:.9rem;transition:opacity .35s,translate .35s;display:flex;position:relative;translate:0 6px}.dm[data-etape=resultat] .dm-postes li{opacity:1;transition-delay:calc(.5s + var(--i) * .35s);translate:0}.dm-poste-prix{font-family:var(--pp-mono);color:var(--pp-doux);flex:none;font-size:12.5px}.dm-postes li:before{content:"";background:color-mix(in srgb, var(--pp-encre) 8%, transparent);border-radius:9px;height:4px;position:absolute;bottom:0;left:0;right:0}.dm-postes i{background:var(--pp-orange);border-radius:9px;height:4px;position:absolute;bottom:0}.dm-mail{color:var(--pp-bleu);align-items:center;gap:.4rem;margin-top:.3rem;font-size:.85rem;display:inline-flex}.dm-choix{flex-wrap:wrap;gap:.45rem;display:flex}.dm-choix button{border:1px solid var(--pp-ligne);background:var(--pp-page);min-height:2.6rem;color:var(--pp-encre);font:inherit;cursor:pointer;border-radius:999px;padding:0 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s,color .2s,scale .15s}.dm-choix button[aria-pressed=true]{border-color:var(--pp-orange);background:var(--pp-orange);color:var(--pp-creme)}.dm-choix button[data-clic]{border-color:var(--pp-orange);background:color-mix(in srgb, var(--pp-orange) 85%, #17251d);color:var(--pp-creme);scale:.94}.dm-choix button:focus-visible{outline:2px solid var(--pp-orange);outline-offset:2px}.dm-note{color:var(--pp-doux);margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.dm *,.dm :before{transition:none!important;animation:none!important}}@media (max-width:480px){.dm-ecran{min-height:19rem}.dm-vue--photos{gap:.45rem}}