:root{--ink:#0f1720;--paper:#f7f7f4;--accent:#ff4d1c;--deep:#0052ad;--soft:#e8edf3;--display:'Ysabeau Office',Arial,sans-serif;--body:'Fira Sans',Arial,sans-serif;--mono:'Fira Code',Consolas,monospace}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-stade .eyebrow,.design-stade .story-meta,.design-stade .topic-number,.design-stade figcaption,.design-stade .article-meta{font-family:var(--mono)}
.design-stade .site-topline{background:repeating-linear-gradient(-45deg,var(--ink) 0 14px,#1d2733 14px 28px);color:#fff;border:0}
.design-stade .site-header{border-bottom:4px solid var(--accent)}
.design-stade .brand>span{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:0;font-size:23px}
.design-stade .hero h1{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.01em;line-height:.95;font-size:clamp(44px,5.6vw,84px)}
.design-stade .hero .eyebrow{color:var(--deep)}
.design-stade .status-dot{background:var(--accent)}
.design-stade .hero-art .hero-image{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
.design-stade .hero-art figcaption{border-top:3px solid var(--ink)}
.design-stade .button{background:var(--accent);color:var(--ink);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding-inline:30px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.design-stade .button:hover{background:var(--deep);color:#fff}
.design-stade .topics{border:0;gap:10px}
.design-stade .topics .topic{background:var(--ink);color:#fff;padding:22px 26px;border:0;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.design-stade .topics .topic:nth-child(even){background:var(--deep)}
.design-stade .topics .topic:hover{color:#fff;background:#b3330d}
.design-stade .topic strong{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:17px}
.design-stade .topic small{opacity:.88}
.design-stade .topic-number{color:#fff;opacity:1;font-weight:700}
.design-stade .section-heading{border-left:8px solid var(--accent);padding-left:18px}
.design-stade .section-heading h2{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase}
.design-stade .section-symbol{color:var(--deep)}
.design-stade .story-image{clip-path:polygon(0 0,100% 0,100% 100%,0 88%)}
.design-stade .story h3{font-family:var(--display);font-weight:800;font-style:italic}
.design-stade .story-category{color:var(--deep)}
.design-stade .story-meta{border-top:2px solid var(--ink)}
.design-stade .notebook{background:var(--deep);color:#fff;clip-path:polygon(0 0,100% 0,97% 100%,0 100%)}
.design-stade .notebook h2{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase}
.design-stade .notebook-icon{color:#fff}
.design-stade .round-link{border-color:#fff}
.design-stade .notebook a:focus-visible{outline-color:var(--accent)}
.design-stade .page-numbers.current{background:var(--accent);color:var(--ink)}
@media(max-width:1050px){.design-stade .topic strong{font-size:15px}}
@media(max-width:760px){.design-stade .topics{grid-template-columns:repeat(2,minmax(0,1fr))}.design-stade .topics .topic{padding:14px 16px;gap:8px;min-width:0}.design-stade .topic-number{display:none}.design-stade .topic strong{font-size:13px;overflow-wrap:anywhere}.design-stade .notebook{clip-path:none}}