:root{--ink:#2b2d42;--paper:#fffdf7;--accent:#ffcf3f;--deep:#c23b62;--soft:#e8f6f3;--display:'Beiruti',Arial,sans-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-crayon h1,.design-crayon h2,.design-crayon h3,.design-crayon h4,.design-crayon .brand>span,.design-crayon .topic strong{letter-spacing:0;word-spacing:.14em}
.design-crayon .site-topline{background:var(--deep);color:#fff;border:0}
.design-crayon .site-header{border-bottom:0}
.design-crayon .site-header:after{content:'';display:block;height:10px;background:radial-gradient(circle at 10px -4px,transparent 12px,var(--accent) 13px) 0 0/20px 10px}
.design-crayon .brand>span{font-family:var(--display);font-weight:800;font-size:26px}
.design-crayon .hero h1{font-family:var(--display);font-weight:800;line-height:1;font-size:clamp(46px,6vw,88px)}
.design-crayon .hero h1:after{content:'';display:block;width:180px;height:12px;margin-top:12px;background:var(--accent);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;transform:rotate(-1.5deg)}
.design-crayon .hero .eyebrow{color:var(--deep)}
.design-crayon .status-dot{background:var(--accent)}
.design-crayon .hero-art{position:relative;background:#fff;padding:14px;border:3px solid var(--ink);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;transform:rotate(1.5deg)}
.design-crayon .hero-art:before{content:'';position:absolute;z-index:1;top:-16px;left:40px;width:110px;height:30px;background:color-mix(in srgb,#4aa3df 60%,transparent);transform:rotate(-6deg)}
.design-crayon .hero-art .hero-image{border-radius:225px 15px 255px 15px/15px 255px 15px 225px}
.design-crayon .hero-art figcaption{border:0;justify-content:center}
.design-crayon .button{background:var(--deep);border:3px solid var(--ink);border-radius:255px 15px 225px 15px/15px 225px 15px 255px}
.design-crayon .button:hover{background:var(--ink)}
.design-crayon .topics{border:0;gap:16px}
.design-crayon .topics .topic{border:3px solid var(--ink);padding:20px 16px;border-radius:255px 15px 225px 15px/15px 225px 15px 255px}
.design-crayon .topics .topic:nth-child(1){background:#ffe3e8}
.design-crayon .topics .topic:nth-child(2){background:#fff1bf}
.design-crayon .topics .topic:nth-child(3){background:#dcefff}
.design-crayon .topics .topic:nth-child(4){background:#ddf5df}
.design-crayon .topics .topic:hover{color:var(--ink);transform:rotate(-1deg)}
.design-crayon .topic-number{display:none}
.design-crayon .topic strong{font-family:var(--display);font-weight:800;font-size:21px}
.design-crayon .section-heading h2{font-family:var(--display);font-weight:800}
.design-crayon .section-symbol{color:var(--deep)}
.design-crayon .story{position:relative;background:#fff;border:3px solid var(--ink);padding:10px;border-radius:15px 225px 15px 255px/255px 15px 225px 15px}
.design-crayon .story:before{content:'';position:absolute;z-index:1;top:-12px;left:50%;width:80px;height:24px;margin-left:-40px;background:color-mix(in srgb,var(--accent) 75%,transparent);transform:rotate(3deg)}
.design-crayon .story-image{border-radius:12px}
.design-crayon .story-content{padding:16px 8px 6px}
.design-crayon .story h3{font-family:var(--display);font-weight:800;font-size:25px}
.design-crayon .story-category{color:var(--deep)}
.design-crayon .notebook{background:#fff;border:3px dashed var(--deep);border-radius:255px 25px 225px 25px/25px 225px 25px 255px}
.design-crayon .notebook h2{font-family:var(--display);font-weight:800}
.design-crayon .notebook-icon{color:var(--deep)}
.design-crayon .page-numbers{border-radius:50%}
@media(max-width:1050px){.design-crayon .topic strong{font-size:18px}}
@media(max-width:760px){.design-crayon .hero-art{transform:none}.design-crayon .topics{gap:10px}.design-crayon .topics .topic{padding:14px 12px}.design-crayon .topic strong{font-size:16px}.design-crayon .story h3{font-size:21px}}