/* /dendrila : compléments au design public du Potager */
.dndr {overflow:clip}.dn-hero{padding:clamp(3.5rem,8vw,7rem) 0}.dn-hero-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(270px,.76fr);gap:clamp(2rem,6vw,6rem);align-items:center}.dn-hero h1{max-width:17ch;font-size:clamp(2.4rem,5.4vw,4.85rem)}.dn-hero-grid>div>p:not(.eyebrow){max-width:63ch}.dn-promise{min-height:430px;padding:clamp(1.6rem,4vw,3rem);background:var(--green);color:white;border-radius:24px;display:flex;flex-direction:column;align-items:start;box-shadow:var(--shadow)}.dn-promise svg{color:#c6dbc2;flex:none;margin-bottom:auto}.dn-label{font-size:.8rem;letter-spacing:.11em;text-transform:uppercase;color:#c6dbc2;font-weight:800;margin:1.5rem 0 .85rem}.dn-promise strong{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.2;letter-spacing:-.035em}.dn-promise p{color:#e0eadc;margin:1.4rem 0 0}.dn-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dn-values article,.dn-grid article{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:1.45rem;min-width:0}.dn-values article{background:var(--cream)}.dn-values span{display:block;color:var(--terracotta);font-weight:900;margin-bottom:2rem}.dn-values p,.dn-grid p{color:var(--muted);margin:0}.dn-note{margin:2rem 0 0;background:var(--sage-2);border-left:4px solid var(--terracotta);padding:1.1rem;max-width:88ch}.dn-example{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(255px,.7fr);gap:clamp(2rem,6vw,5rem);align-items:start}.dn-example h2{max-width:20ch}.dn-example blockquote{background:#fffdf8;border-left:4px solid var(--green);padding:1.2rem 1.4rem;margin:1.2rem 0 .4rem;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:750;color:var(--green);border-radius:0 12px 12px 0}.dn-credit{font-size:.83rem;color:var(--muted)}.dn-future{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:1.6rem}.dn-future h3{font-size:1.65rem}.dn-future p:last-child{font-size:.92rem;color:var(--muted);margin:0}.dn-spotlight{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.6rem,3vw,2.6rem);border-radius:22px;background:var(--sage-2);border:1px solid #b7c8b3}.dn-spotlight h3{font-size:clamp(2rem,4vw,2.7rem);margin:.8rem 0}.dn-spotlight p{max-width:65ch}.dn-spotlight aside{background:var(--green);padding:1.55rem;border-radius:16px;display:flex;flex-direction:column;gap:1rem;color:#fff}.dn-spotlight aside span{border:1px solid #cbd8c5;background:rgba(255,255,255,.09);border-radius:10px;display:grid;place-items:center;width:54px;height:54px;font-weight:900}.dn-spotlight aside p{font-size:1.13rem;font-weight:750;margin:0}.dn-spotlight aside small{color:#e0eadc}.dn-status{display:inline-block;background:#eee9e2;color:#66533d;font-size:.78rem;font-weight:800;line-height:1.4;padding:.3rem .7rem;border-radius:99px}.dn-published{background:#dcebd9;color:#24452b}.dn-alpha{background:#e4eaf1;color:#40576e}.dn-group-title{margin:2.5rem 0 1.15rem;font-size:clamp(1.5rem,3vw,2rem)}.dn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.dn-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dn-grid h4{font-size:1.22rem;color:var(--green);margin:1rem 0 .5rem}.dn-grid p{font-size:.95rem}.dn-disclaimer{margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.91rem}.dn-contact{background:var(--sage-2);border:1px solid var(--line);padding:clamp(1.5rem,4vw,3rem);border-radius:22px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(200px,.6fr);gap:2rem;align-items:center}.dn-contact h2{font-size:clamp(2rem,4vw,3rem)}.dn-contact>div:last-child{display:grid;gap:.8rem}.dn-hero abbr{text-decoration:underline dotted;text-underline-offset:.2em}@media(max-width:900px){.dn-hero-grid,.dn-example,.dn-spotlight,.dn-contact{grid-template-columns:1fr}.dn-promise{min-height:300px}.dn-promise svg{margin-bottom:1rem}.dn-grid-three{grid-template-columns:1fr 1fr}}@media(max-width:680px){.dn-values,.dn-grid,.dn-grid-three{grid-template-columns:1fr}.dn-promise{min-height:0}.dn-hero h1{font-size:clamp(2.35rem,9vw,3.5rem)}}