:root{--ink:#1f2a44;--paper:#fffdf8;--accent:#ff8fab;--deep:#1f6690;--soft:#eaf4f8;--display:'Platypi',Georgia,serif;--body:'Ysabeau Office',Arial,sans-serif;--mono:'Ysabeau Office',Arial,sans-serif}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-ruban .site-topline{background:var(--deep);color:#fff;border:0}
.design-ruban .site-header{border-bottom:0}
.design-ruban .brand>span{font-family:var(--display);font-weight:700;font-size:24px}
.design-ruban .hero{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent) 7px,transparent 8px) 0 0/40px 40px;border-radius:40px;padding-inline:40px;margin-top:24px}
.design-ruban .hero-copy{background:var(--paper);border-radius:32px;padding:32px}
.design-ruban .hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.03em}
.design-ruban .hero .eyebrow{color:var(--deep)}
.design-ruban .status-dot{background:var(--accent)}
.design-ruban .hero-art .hero-image{border-radius:50%;aspect-ratio:1;object-fit:cover;background:var(--soft)}
.design-ruban .hero-art figcaption{border:0;justify-content:center;gap:10px;background:var(--paper);border-radius:20px;padding:8px 14px}
.design-ruban .button{background:var(--deep);border-radius:40px}
.design-ruban .button:hover{background:var(--ink)}
.design-ruban .topics{border:0;gap:18px}
.design-ruban .topics .topic{flex-direction:column;align-items:center;justify-content:center;text-align:center;aspect-ratio:1;min-height:0;border-radius:50%;background:var(--soft);border:2px dashed var(--deep);padding:18px;gap:6px}
.design-ruban .topic-number{align-self:center;padding:0;opacity:1;color:var(--deep);font-weight:800}
.design-ruban .topic-arrow{margin:0}
.design-ruban .topic strong{font-family:var(--display);font-size:21px}
.design-ruban .section-heading h2{font-family:var(--display);font-weight:700}
.design-ruban .section-symbol{color:var(--deep)}
.design-ruban .story-image{border-radius:28px}
.design-ruban .image-arrow{border-radius:50%}
.design-ruban .story h3{font-family:var(--display);font-weight:700}
.design-ruban .story-category{color:var(--deep)}
.design-ruban .story-category:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:8px}
.design-ruban .notebook{background:var(--soft);border-radius:200px;padding-inline:72px}
.design-ruban .notebook h2{font-family:var(--display)}
.design-ruban .notebook-icon{color:var(--deep)}
.design-ruban .page-numbers{border-radius:50%}
@media(max-width:1050px){.design-ruban .topic strong{font-size:17px}.design-ruban .topics{max-width:640px;margin-inline:auto}}
@media(max-width:760px){.design-ruban .hero{padding-inline:12px;border-radius:24px}.design-ruban .hero-copy{padding:22px}.design-ruban .topics{gap:10px}.design-ruban .topics .topic{padding:10px}.design-ruban .topic small,.design-ruban .topic-number{display:none}.design-ruban .topic strong{font-size:15px}.design-ruban .notebook{border-radius:32px;padding-inline:24px}}