/* The Drawn House — direction 24 « La Maquette sur l'Établi ».
   Mur kraft ton moyen, feuilles de papier posées en biais qui se redressent,
   annotations reliées par filet et pastille, sigil carré à ombre dure sauge.
   Préfixe dwh-. */
@font-face{font-family:'dwh-titre';src:url('/dwh-titre-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'dwh-titre';src:url('/dwh-titre-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'dwh-titre';src:url('/dwh-titre-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'dwh-titre';src:url('/dwh-titre-400it.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'dwh-texte';src:url('/dwh-texte-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'dwh-texte';src:url('/dwh-texte-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'dwh-texte';src:url('/dwh-texte-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'dwh-texte';src:url('/dwh-texte-400it.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'dwh-mono';src:url('/dwh-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'dwh-mono';src:url('/dwh-mono-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --mur:#E9E0CC;            /* la table : kraft, ton moyen */
  --mur-clair:#F3ECDC;
  --creme:#FAF6EF;
  --papier:#FFFDF8;
  --encre:#1E2933;
  --encre-douce:#55606E;
  --mure:#8E3552;
  --mure-appuye:#73273F;
  --sauge:#9BAE9A;          /* ombre dure, jamais un texte */
  --filet:#C7BBA2;
  --filet-fort:#A89A7C;
  --titre-police:'dwh-titre',Georgia,serif;
  --texte-police:'dwh-texte','Segoe UI',-apple-system,sans-serif;
  --mono-police:'dwh-mono','Courier New',monospace;
  --mesure:68ch;
  --mur-large:76rem;
  --marge:clamp(1rem,3.5vw,3rem);
  --gouttiere:clamp(1.1rem,2.4vw,2rem);
  --souffle:clamp(2.6rem,7vw,5.5rem);
  --ombre-sauge:5px 6px 0 var(--sauge);
  --ombre-sauge-fort:7px 9px 0 var(--sauge);
  --ombre-douce:0 1px 2px rgba(30,41,51,.08),0 10px 28px rgba(30,41,51,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--encre);font-family:var(--texte-police);font-size:1.02rem;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--mure);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--mure-appuye)}
:focus-visible{outline:2px solid var(--mure);outline-offset:3px}
.dwh-acces{position:absolute;left:-9999px;top:0;background:var(--mure);color:var(--papier);padding:.7rem 1.1rem;z-index:60;border-radius:0 0 8px 0}
.dwh-acces:focus{left:0}

/* ---------- fronton : grille auto 1fr auto, sigil, nav, un seul CTA ---------- */
.dwh-front{position:sticky;top:0;z-index:50;background:rgba(250,246,239,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--filet)}
.dwh-front__grille{max-width:var(--mur-large);margin:0 auto;padding:.8rem var(--marge);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem}
.dwh-marque{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--encre)}
.dwh-marque__sigil{position:relative;width:1.05rem;height:1.05rem;border:.18rem solid var(--encre);box-shadow:3px 3px 0 var(--sauge);flex:none}
.dwh-marque__sigil .dwh-marque__plume, .dwh-marque__sigil__plume{position:absolute;left:50%;top:14%;width:.14rem;height:72%;background:var(--mure);transform:translateX(-50%) rotate(38deg)}
.dwh-marque__bloc{display:flex;flex-direction:column;line-height:1.15}
.dwh-marque__nom{font-family:var(--titre-police);font-weight:700;font-size:1.18rem;letter-spacing:-.02em}
.dwh-marque__devise{font-family:var(--mono-police);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--encre-douce)}
.dwh-marches ul{list-style:none;display:flex;gap:1.35rem;margin:0;padding:0;justify-content:center;flex-wrap:wrap}
.dwh-marches__lien{font-family:var(--mono-police);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--encre)}
.dwh-marches__lien[aria-current]{color:var(--mure);border-bottom:2px solid var(--mure);padding-bottom:.2em}
.dwh-marches__lien:hover{color:var(--mure)}
.dwh-bouton{display:inline-block;background:var(--mure);color:var(--papier);font-family:var(--mono-police);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:.68rem 1.15rem;border-radius:7px;box-shadow:3px 3px 0 var(--sauge);transition:transform .15s ease,box-shadow .15s ease}
.dwh-bouton:hover{background:var(--mure-appuye);color:var(--papier);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--sauge)}
.dwh-front__cta{margin:0}
.dwh-pli{display:none}
@media (max-width:56rem){
  .dwh-front__grille{grid-template-columns:auto 1fr auto}
  .dwh-marches,.dwh-front__cta{display:none}
  .dwh-pli{display:block;justify-self:end;position:relative}
  .dwh-pli__poignee{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:.5rem;border:1px solid var(--filet-fort);border-radius:7px;background:var(--papier)}
  .dwh-pli__poignee::-webkit-details-marker{display:none}
  .dwh-pli__barre{width:1.25rem;height:2px;background:var(--encre)}
  .dwh-pli[open] .dwh-pli__poignee{background:var(--mur-clair)}
  .dwh-pli__menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:15rem;background:var(--papier);border:1px solid var(--filet-fort);border-radius:10px;box-shadow:var(--ombre-sauge);padding:.9rem 1.1rem;z-index:55}
  .dwh-pli__menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
}

/* ---------- ouverture : la maquette posée sur l'établi ---------- */
.dwh-ouverture{max-width:var(--mur-large);margin:0 auto;padding:var(--souffle) var(--marge) 0}
.dwh-ouverture__tete{max-width:var(--mesure)}
.dwh-surtitre{font-family:var(--mono-police);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mure);margin:0 0 .9rem}
.dwh-ouverture__titre{font-family:var(--titre-police);font-weight:700;font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 .6rem}
.dwh-ouverture__prem{font-family:var(--titre-police);font-style:italic;font-size:clamp(1.25rem,2.6vw,1.7rem);color:var(--mure);margin:.2rem 0 .9rem}
.dwh-ouverture__intro{color:var(--encre-douce);max-width:var(--mesure);margin:0 0 1.4rem}
.dwh-ouverture__cta{margin:0 0 var(--souffle)}
.dwh-maquette{position:relative;margin:0;padding:0 var(--marge) var(--souffle)}
.dwh-maquette__papier{background:var(--papier);padding:clamp(.8rem,2vw,1.4rem);border:1px solid var(--filet);box-shadow:var(--ombre-sauge-fort);transform:rotate(-.45deg);transition:transform .3s ease}
.dwh-maquette__papier:hover{transform:rotate(0deg)}
.dwh-maquette__papier picture{display:block}
.dwh-maquette__papier img{width:100%;aspect-ratio:21/9;object-fit:cover}
.dwh-maquette--feuillet{max-width:72rem;margin:0 auto}
.dwh-maquette--feuillet .dwh-maquette__papier img{aspect-ratio:4/3}
.dwh-maquette__legende{font-family:var(--mono-police);font-size:.72rem;letter-spacing:.08em;color:var(--encre-douce);margin-top:1rem;max-width:60ch}
.dwh-maquette__credit{color:var(--mure)}

/* ---------- feuillets d'annotation reliés ---------- */
.dwh-note{position:absolute;background:var(--papier);border:1px solid var(--filet-fort);border-radius:10px;box-shadow:var(--ombre-sauge);padding:.9rem 1rem;max-width:15rem;z-index:5}
.dwh-note--1{top:8%;left:calc(var(--marge) * .2)}
.dwh-note--2{bottom:22%;right:calc(var(--marge) * .2)}
.dwh-note__titre{font-family:var(--mono-police);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mure);margin:0 0 .4rem}
.dwh-note__texte{font-size:.85rem;line-height:1.5;color:var(--encre-douce);margin:0}
.dwh-note__attache{position:absolute;top:50%;width:2.6rem;height:1px}
.dwh-note--1 .dwh-note__attache{left:100%}
.dwh-note--2 .dwh-note__attache{right:100%}
.dwh-note__attache__filet,.dwh-note__attache .dwh-note__attache__filet{position:absolute;inset:0;background:var(--encre);height:1px}
.dwh-note__attache__pastille,.dwh-note__attache .dwh-note__attache__pastille{position:absolute;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--mure)}
.dwh-note--1 .dwh-note__attache__pastille,.dwh-note--1 .dwh-note__attache .dwh-note__attache__pastille{right:0}
.dwh-note--2 .dwh-note__attache__pastille,.dwh-note--2 .dwh-note__attache .dwh-note__attache__pastille{left:0}
@media (max-width:56rem){
  .dwh-note{position:static;max-width:none;margin:1rem var(--marge) 0}
  .dwh-note__attache{display:none}
}

/* ---------- mur d'accrochage + mosaïque ---------- */
.dwh-mur{background:var(--mur);padding:var(--souffle) var(--marge);border-top:1px solid var(--filet)}
.dwh-mur__tete{max-width:var(--mur-large);margin:0 auto 2rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.dwh-mur__decompte{font-family:var(--mono-police);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-douce)}
.dwh-cimaise{list-style:none;margin:0 auto;padding:0;max-width:var(--mur-large);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gouttiere)}
.dwh-cimaise>li{min-width:0}
.dwh-feuille{position:relative}
.dwh-feuille--plein{grid-column:span 6}
.dwh-feuille--large{grid-column:span 4}
.dwh-feuille--moyen{grid-column:span 3}
.dwh-feuille--petit{grid-column:span 2}
.dwh-feuille--decale{transform:translateY(2.2rem)}
.dwh-feuille--decale2{transform:translateY(4.4rem)}
.dwh-feuille__papier{background:var(--papier);padding:.85rem .85rem 0;border:1px solid var(--filet);box-shadow:var(--ombre-sauge);transform:rotate(-.45deg);transition:transform .3s ease,box-shadow .3s ease}
.dwh-feuille__papier:hover{transform:rotate(0deg);box-shadow:var(--ombre-sauge-fort)}
.dwh-feuille--rail .dwh-feuille__papier{transform:rotate(-.35deg)}
.dwh-feuille__cadrage{overflow:hidden}
.dwh-feuille__cadrage picture{display:block}
.dwh-feuille__cadrage img{width:100%;object-fit:cover}
.dwh-feuille__cadrage--paysage img{aspect-ratio:4/3}
.dwh-feuille__cadrage--portrait img{aspect-ratio:3/4}
.dwh-feuille__cadrage--carre img{aspect-ratio:1/1}
.dwh-feuille__cadrage--pano img{aspect-ratio:21/9}
.dwh-feuille__cadrage--haut img{aspect-ratio:2/3}
.dwh-feuille__cartel{border-top:1px solid var(--filet);margin-top:.85rem;padding:.7rem .1rem 1rem}
.dwh-feuille__planche{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin:0 0 .35rem}
.dwh-feuille__num{font-family:var(--mono-police);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mure)}
.dwh-feuille__board{font-family:var(--mono-police);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-douce);text-decoration:none}
.dwh-feuille__titre{font-family:var(--titre-police);font-weight:600;font-size:1.06rem;line-height:1.25;letter-spacing:-.015em;margin:0 0 .4rem}
.dwh-feuille__lien{color:var(--encre);text-decoration:none}
.dwh-feuille__lien::after{content:"";position:absolute;inset:0}
.dwh-feuille__lien:hover{color:var(--mure)}
.dwh-feuille__date{font-family:var(--mono-police);font-size:.66rem;letter-spacing:.1em;color:var(--encre-douce);margin:0}
@media (max-width:60rem){
  .dwh-cimaise{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dwh-feuille--plein{grid-column:span 4}
  .dwh-feuille--large{grid-column:span 4}
  .dwh-feuille--moyen{grid-column:span 2}
  .dwh-feuille--petit{grid-column:span 2}
  .dwh-feuille--decale,.dwh-feuille--decale2{transform:none}
}
@media (max-width:38rem){
  .dwh-cimaise{grid-template-columns:1fr}
  .dwh-feuille--plein,.dwh-feuille--large,.dwh-feuille--moyen,.dwh-feuille--petit{grid-column:auto}
}

/* ---------- rayons : bench, boards, registre, épingles ---------- */
.dwh-rayon{max-width:var(--mur-large);margin:0 auto;padding:var(--souffle) var(--marge) 0}
.dwh-rayon__tete{margin-bottom:1.8rem;max-width:var(--mesure)}
.dwh-rayon__titre{font-family:var(--titre-police);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.03em;margin:.1rem 0 .5rem}
.dwh-rayon__titre a{color:var(--encre);text-decoration:none}
.dwh-rayon__titre a:hover{color:var(--mure)}
.dwh-rayon__phrase{color:var(--encre-douce);margin:.3rem 0 0}
.dwh-rayon__renvoi{margin:1.4rem 0 0}
.dwh-renvoi{font-family:var(--mono-police);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--mure);padding-bottom:.25em}

/* le bench : le grand aplat mûre, les quatre gestes */
.dwh-bench{max-width:none;background:var(--mure);margin-top:var(--souffle);padding:var(--souffle) var(--marge)}
.dwh-bench>.dwh-rayon__tete,.dwh-bench .dwh-surtitre{color:var(--papier);max-width:var(--mur-large);margin-left:auto;margin-right:auto}
.dwh-bench__liste{list-style:none;margin:0 auto;padding:0;max-width:var(--mur-large);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gouttiere);counter-reset:geste}
.dwh-bench__etape{background:var(--papier);border-radius:12px;padding:1.2rem 1.15rem;box-shadow:5px 6px 0 rgba(30,41,51,.28)}
.dwh-bench__nom{font-family:var(--mono-police);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mure);margin:0 0 .55rem}
.dwh-bench__geste{font-size:.92rem;line-height:1.55;color:var(--encre);margin:0}
@media (max-width:56rem){.dwh-bench__liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:38rem){.dwh-bench__liste{grid-template-columns:1fr}}

/* les boards : rails de feuilles */
.dwh-board .dwh-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gouttiere)}
.dwh-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gouttiere)}
.dwh-rail>li{min-width:0}
@media (max-width:56rem){.dwh-rail,.dwh-board .dwh-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:38rem){.dwh-rail,.dwh-board .dwh-rail{grid-template-columns:1fr}}
.dwh-rail--dense{grid-template-columns:repeat(3,minmax(0,1fr))}
.dwh-mur--dense .dwh-rail--dense{max-width:var(--mur-large);margin:0 auto}

/* le registre : fil dense sans image */
.dwh-registre__wrap{background:var(--papier);border:1px solid var(--filet);box-shadow:var(--ombre-sauge);padding:clamp(1.2rem,3vw,2.2rem);margin-bottom:var(--souffle)}
.dwh-registre__liste{list-style:none;margin:0;padding:0;columns:2;column-gap:3rem}
.dwh-registre__item{display:flex;align-items:baseline;gap:.9rem;padding:.55rem 0;border-bottom:1px solid var(--filet);break-inside:avoid}
.dwh-registre__num{font-family:var(--mono-police);font-size:.64rem;letter-spacing:.14em;color:var(--mure);flex:none;min-width:4.6rem}
.dwh-registre__titre{flex:1;font-family:var(--titre-police);font-weight:600;font-size:.98rem;letter-spacing:-.01em;color:var(--encre);text-decoration:none}
.dwh-registre__titre:hover{color:var(--mure)}
.dwh-registre__date{font-family:var(--mono-police);font-size:.62rem;color:var(--encre-douce);flex:none}
@media (max-width:56rem){.dwh-registre__liste{columns:1}}

/* les épingles : feuillets punaises du réseau */
.dwh-epingles{padding-bottom:var(--souffle)}
.dwh-epingles__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--gouttiere)}
.dwh-epingles__item{position:relative;background:var(--papier);border:1px solid var(--filet-fort);border-radius:9px;padding:1.5rem 1.1rem 1rem;box-shadow:var(--ombre-sauge)}
.dwh-epingles__item p{margin:0;font-size:.92rem;line-height:1.55}
.dwh-epingles__punaise{position:absolute;top:.55rem;left:50%;transform:translateX(-50%);width:.72rem;height:.72rem;border-radius:50%;background:var(--mure);box-shadow:1px 2px 0 rgba(30,41,51,.3)}

/* ---------- rubrique : planche d'en-tête, onglets ---------- */
.dwh-remontee{max-width:var(--mur-large);margin:0 auto;padding:1.4rem var(--marge) 0}
.dwh-remontee ol{list-style:none;display:flex;gap:.6rem;flex-wrap:wrap;margin:0;padding:0;font-family:var(--mono-police);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.dwh-remontee li+li::before{content:"›";margin-right:.6rem;color:var(--encre-douce)}
.dwh-remontee a{color:var(--encre-douce);text-decoration:none}
.dwh-remontee a:hover{color:var(--mure)}
.dwh-remontee [aria-current]{color:var(--mure)}
.dwh-planche{max-width:var(--mesure);margin:0 auto;padding:var(--souffle) var(--marge) 0}
.dwh-planche__cote{display:inline-block;background:var(--mure);color:var(--papier);font-family:var(--mono-police);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;padding:.45rem .9rem;border-radius:6px;margin:0 0 1.2rem}
.dwh-planche__titre{font-family:var(--titre-police);font-weight:700;font-size:clamp(2.1rem,4.6vw,3.2rem);letter-spacing:-.04em;line-height:1.08;margin:0 0 .8rem}
.dwh-planche__intro{color:var(--encre-douce);margin:0;max-width:var(--mesure)}
.dwh-onglets{max-width:var(--mur-large);margin:2rem auto 0;padding:0 var(--marge);display:flex;gap:.6rem;flex-wrap:wrap}
.dwh-onglet{font-family:var(--mono-police);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--encre);border:1px solid var(--filet-fort);border-radius:999px;padding:.5rem 1rem;background:var(--papier)}
.dwh-onglet:hover{border-color:var(--mure);color:var(--mure)}
.dwh-onglet--courant{background:var(--mure);color:var(--papier);border-color:var(--mure)}

/* ---------- article : la feuille lue de près ---------- */
.dwh-feuillet__entete{max-width:var(--mesure);margin:0 auto;padding:var(--souffle) var(--marge) 1.6rem}
.dwh-feuillet__titre{font-family:var(--titre-police);font-weight:700;font-size:clamp(2rem,4.4vw,3rem);letter-spacing:-.04em;line-height:1.08;margin:.6rem 0 .8rem}
.dwh-feuillet__chapo{font-size:1.12rem;color:var(--encre-douce);margin:0 0 1rem}
.dwh-feuillet__signe{font-family:var(--mono-police);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-douce);margin:0}
.dwh-feuillet__corps{max-width:var(--mur-large);margin:0 auto;padding:2.6rem var(--marge) var(--souffle);display:grid;grid-template-columns:minmax(0,var(--mesure)) minmax(13rem,17rem);gap:clamp(1.6rem,4vw,3.4rem);align-items:start}
.dwh-prose{font-size:1.04rem;line-height:1.68}
.dwh-prose h2{font-family:var(--titre-police);font-weight:700;font-size:1.55rem;letter-spacing:-.025em;margin:2.4rem 0 .8rem;scroll-margin-top:6rem}
.dwh-prose h3{font-family:var(--titre-police);font-weight:600;font-size:1.2rem;letter-spacing:-.015em;margin:2rem 0 .6rem;scroll-margin-top:6rem}
.dwh-prose p{margin:0 0 1.1rem}
.dwh-prose ul,.dwh-prose ol{margin:0 0 1.1rem;padding-left:1.4rem}
.dwh-prose li{margin-bottom:.35rem}
.dwh-prose blockquote{border-left:3px solid var(--mure);margin:1.6rem 0;padding:.4rem 0 .4rem 1.2rem;font-family:var(--titre-police);font-style:italic;font-size:1.12rem;color:var(--encre)}
.dwh-prose table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1.4rem 0}
.dwh-prose th{font-family:var(--mono-police);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;text-align:left;color:var(--mure);border-bottom:2px solid var(--mure);padding:.5rem .6rem}
.dwh-prose td{border-bottom:1px solid var(--filet);padding:.55rem .6rem}
.dwh-prose strong{font-weight:700}
.dwh-marge{position:sticky;top:6rem;display:flex;flex-direction:column;gap:1.4rem}
.dwh-marge__feuillet{position:relative;background:var(--papier);border:1px solid var(--filet-fort);border-radius:10px;box-shadow:var(--ombre-sauge);padding:1.1rem 1.1rem 1rem}
.dwh-marge__attache{position:absolute;left:-1.9rem;top:1.9rem;width:1.9rem;height:1px}
.dwh-marge__attache .dwh-marge__attache__filet{position:absolute;inset:0;background:var(--encre);height:1px}
.dwh-marge__attache .dwh-marge__attache__pastille{position:absolute;left:0;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--mure)}
.dwh-marge__titre{font-family:var(--mono-police);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mure);margin:0 0 .7rem}
.dwh-marge__sommaire{margin:0;padding-left:1.2rem;font-size:.9rem}
.dwh-marge__sommaire li{margin-bottom:.4rem}
.dwh-marge__sommaire a{color:var(--encre);text-decoration:none}
.dwh-marge__sommaire a:hover{color:var(--mure)}
.dwh-marge__sources{list-style:none;margin:0;padding:0;font-size:.88rem}
.dwh-marge__sources li{margin-bottom:.6rem}
.dwh-marge__sources a{font-weight:500}
.dwh-marge__dom{display:block;font-family:var(--mono-police);font-size:.62rem;color:var(--encre-douce);margin-top:.1rem}
@media (max-width:56rem){
  .dwh-feuillet__corps{grid-template-columns:1fr}
  .dwh-marge{position:static}
  .dwh-marge__attache{display:none}
}
.dwh-voisines{padding-bottom:var(--souffle)}
.dwh-feuillet--service{max-width:var(--mesure);margin:0 auto;padding-bottom:var(--souffle)}
.dwh-feuillet--service .dwh-prose{padding:0 var(--marge)}

/* ---------- pied ---------- */
.dwh-pied{background:var(--encre);color:#EDE7DA;margin-top:var(--souffle)}
.dwh-pied__colonnes{max-width:var(--mur-large);margin:0 auto;padding:var(--souffle) var(--marge) 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--gouttiere)}
.dwh-pied__titre{font-family:var(--titre-police);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;margin:0 0 .8rem;color:var(--papier)}
.dwh-pied p{font-size:.9rem;line-height:1.6;color:#C9C0AE;margin:0 0 .8rem}
.dwh-pied__note{font-family:var(--mono-police);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}
.dwh-pied ul{list-style:none;margin:0;padding:0}
.dwh-pied li{margin-bottom:.5rem}
.dwh-pied a{color:#EDE7DA;text-decoration:none;font-size:.9rem}
.dwh-pied a:hover{color:var(--sauge)}
.dwh-pied__ligne{max-width:var(--mur-large);margin:0 auto;padding:1.2rem var(--marge) 2rem;border-top:1px solid rgba(237,231,218,.18);font-family:var(--mono-police);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:#C9C0AE}
@media (max-width:56rem){.dwh-pied__colonnes{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .dwh-feuille__papier,.dwh-maquette__papier,.dwh-bouton{transform:none!important;transition:none}
}