:root{--ink:#2d2440;--paper:#fffaf5;--accent:#ffb4a2;--deep:#a8325f;--soft:#fdebe2;--display:'Platypi',Georgia,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-bulle .site-topline{background:var(--deep);color:#fff;border:0}
.design-bulle .site-header{border-bottom:0}
.design-bulle .brand>span{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.02em}
.design-bulle .hero{grid-template-columns:1fr 1fr}
.design-bulle .hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.02}
.design-bulle .hero .eyebrow{color:var(--deep)}
.design-bulle .status-dot{background:var(--deep)}
.design-bulle .hero-art{background:#fff;padding:12px;border-radius:26px;transform:rotate(-2deg);box-shadow:0 24px 50px -30px color-mix(in srgb,var(--deep) 70%,transparent)}
.design-bulle .hero-art:before{content:'';position:absolute;z-index:1;top:-14px;left:50%;width:120px;height:30px;margin-left:-60px;background:color-mix(in srgb,var(--accent) 75%,transparent);transform:rotate(3deg)}
.design-bulle .hero-art .hero-image{border-radius:18px}
.design-bulle .hero-art figcaption{border:0;justify-content:center;gap:10px}
.design-bulle .button{background:var(--deep);border-radius:40px}
.design-bulle .button:hover{background:var(--ink)}
.design-bulle .topics{border:0;gap:16px}
.design-bulle .topics .topic{border:2px solid var(--ink);border-radius:20px;padding:20px 16px;transition:transform .15s}
.design-bulle .topics .topic:nth-child(1){background:#ffe4d9;transform:rotate(-1.2deg)}
.design-bulle .topics .topic:nth-child(2){background:#e3f5ee;transform:rotate(1.2deg)}
.design-bulle .topics .topic:nth-child(3){background:#fbe3ee;transform:rotate(-1.2deg)}
.design-bulle .topics .topic:nth-child(4){background:#fff2c9;transform:rotate(1.2deg)}
.design-bulle .topics .topic:hover{transform:none;color:var(--ink)}
.design-bulle .topic-number{background:var(--ink);color:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;padding:0;opacity:1;flex-shrink:0;font-weight:700}
.design-bulle .topic strong{font-family:var(--display);font-size:18px}
.design-bulle .section-heading h2{font-family:var(--display);font-weight:700}
.design-bulle .section-symbol{color:var(--deep)}
.design-bulle .story-image{border-radius:28px}
.design-bulle .image-arrow{border-radius:50%}
.design-bulle .story h3{font-family:var(--display);font-weight:700}
.design-bulle .story-category{color:var(--deep)}
.design-bulle .notebook{background:#fff;border:2px dashed var(--deep);border-radius:32px}
.design-bulle .notebook h2{font-family:var(--display)}
.design-bulle .notebook-icon{color:var(--deep)}
.design-bulle .page-numbers{border-radius:50%}
@media(max-width:1050px){.design-bulle .topic strong{font-size:16px}}
@media(max-width:760px){.design-bulle .hero-art{transform:none}.design-bulle .topics .topic{padding:16px 12px;transform:none!important}.design-bulle .topic-number{display:none}.design-bulle .topic strong{font-size:15px}}