:root{--ink:#2e2320;--paper:#fbf6ef;--accent:#d6453d;--deep:#a3271e;--soft:#f3e7da;--display:'Vollkorn',Georgia,serif;--body:'Fira Sans',Arial,sans-serif;--mono:'Fira Sans',Arial,sans-serif}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-nappe .site-topline{background:repeating-linear-gradient(90deg,var(--accent) 0 16px,#f0a39e 16px 32px);color:#fff;border:0;text-shadow:0 1px 2px #7a1d16}
.design-nappe .site-topline .container{background:var(--deep);width:max-content;max-width:calc(100% - 40px);padding-inline:16px;border-radius:0 0 10px 10px}
.design-nappe .site-header{border-bottom:1px solid color-mix(in srgb,var(--deep) 30%,transparent)}
.design-nappe .brand>span{font-family:var(--display);font-style:italic;font-weight:600;font-size:24px}
.design-nappe .hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.design-nappe .hero .eyebrow{color:var(--deep)}
.design-nappe .status-dot{background:var(--accent)}
.design-nappe .hero-art{padding:14px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 35%,transparent) 0 14px,transparent 14px 28px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 35%,transparent) 0 14px,transparent 14px 28px),var(--paper);border-radius:6px}
.design-nappe .hero-art figcaption{font-family:var(--display);font-style:italic;text-transform:none;letter-spacing:0;font-size:14px;font-weight:400;background:var(--paper);padding:8px 10px;margin-top:10px;border:0}
.design-nappe .button{background:var(--deep);border-radius:40px}
.design-nappe .button:hover{background:var(--ink)}
.design-nappe .topics{border:0;gap:0;background:#2f3a36;border:10px solid #8a5d33;border-radius:8px;padding:10px}
.design-nappe .topics .topic{color:#f3e7da;border:0;border-right:1px dashed rgba(243,231,218,.35);padding:18px 20px}
.design-nappe .topics .topic:last-child{border-right:0}
.design-nappe .topics .topic:hover{color:#fff}
.design-nappe .topic strong{font-family:var(--display);font-style:italic;font-weight:500;font-size:21px}
.design-nappe .topic small{opacity:.85}
.design-nappe .topic-number{opacity:.85;font-family:var(--display);font-style:italic}
.design-nappe .section-heading{justify-content:center;text-align:center;flex-direction:column;gap:6px}
.design-nappe .section-symbol{order:-1;color:var(--deep)}
.design-nappe .section-heading h2{font-family:var(--display);font-style:italic;font-weight:600}
.design-nappe .story{background:#fff;border-radius:6px;padding:12px;box-shadow:0 0 0 1px color-mix(in srgb,var(--deep) 18%,transparent),0 16px 30px -24px var(--ink)}
.design-nappe .story-image{border-radius:50% 50% 6px 6px/22% 22% 6px 6px}
.design-nappe .story h3{font-family:var(--display);font-weight:600}
.design-nappe .story-category{color:var(--deep)}
.design-nappe .notebook{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent) 0 18px,transparent 18px 36px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 22%,transparent) 0 18px,transparent 18px 36px),#fff;border-radius:6px}
.design-nappe .notebook>div{background:#fff;padding:18px 22px;border-radius:6px}
.design-nappe .notebook h2{font-family:var(--display);font-style:italic}
.design-nappe .notebook-icon{color:var(--deep)}
@media(max-width:1050px){.design-nappe .topics .topic:nth-child(2){border-right:0}.design-nappe .topics .topic:nth-child(-n+2){border-bottom:1px dashed rgba(243,231,218,.35)}.design-nappe .topic strong{font-size:18px}}
@media(max-width:760px){.design-nappe .topics{border-width:6px;padding:4px}.design-nappe .topics .topic{padding:14px 10px}.design-nappe .topic strong{font-size:16px}}