:root{--ink:#2a2433;--paper:#fffaf2;--accent:#f6a04d;--deep:#1f6f78;--soft:#e3f0ec;--display:'Beiruti',Arial,sans-serif;--body:'Manrope',Arial,sans-serif;--mono:'Manrope',Arial,sans-serif}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-duo .site-topline{background:var(--deep);color:#fff;border:0}
.design-duo .site-header{border-bottom:0}
.design-duo h1,.design-duo h2,.design-duo h3,.design-duo h4,.design-duo .topic strong,.design-duo .brand>span{word-spacing:.14em}
.design-duo .brand>span{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.01em}
.design-duo .hero{grid-template-columns:1fr 1.1fr}
.design-duo .hero h1{font-weight:800;letter-spacing:-.01em;line-height:1}
.design-duo .hero-art .hero-image{border-radius:36px}
.design-duo .hero-art figcaption{border:0;justify-content:center;gap:10px}
.design-duo .button{background:var(--accent);color:var(--ink);border-radius:40px;font-weight:800}
.design-duo .button:hover{background:var(--deep);color:#fff}
.design-duo .topics{border:0;gap:14px}
.design-duo .topics .topic{border:0;border-radius:24px;padding:20px 18px}
.design-duo .topics .topic:nth-child(odd){background:var(--soft)}
.design-duo .topics .topic:nth-child(even){background:#fde3c8}
.design-duo .topic-number{display:none}
.design-duo .topic strong{font-family:var(--display);font-size:20px}
.design-duo .section-symbol{color:var(--deep)}
.design-duo .story{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px -28px color-mix(in srgb,var(--ink) 55%,transparent)}
.design-duo .story-content{padding:20px 22px 22px}
.design-duo .story-category{display:inline-block;background:var(--soft);padding:4px 12px;border-radius:20px}
.design-duo .stories .story:nth-child(even) .story-category{background:#fde3c8;color:#7c3a0c}
.design-duo .image-arrow{border-radius:50%}
.design-duo .notebook{background:linear-gradient(90deg,var(--soft) 50%,#fde3c8 50%);border-radius:36px}
.design-duo .notebook-icon{color:var(--deep)}
.design-duo .page-numbers{border-radius:50%}
@media(max-width:1050px){.design-duo .topic strong{font-size:17px}}
@media(max-width:760px){.design-duo .topics .topic{padding:16px 14px;border-radius:18px}.design-duo .topic strong{font-size:15px}.design-duo .notebook{background:var(--soft);border-radius:26px}.design-duo .hero-art .hero-image{border-radius:24px}}