:root{--ink:#16181d;--paper:#f6f3ec;--accent:#e63946;--deep:#b0202c;--soft:#ebe6da;--display:'Roboto Slab',Georgia,serif;--body:'Literata',Georgia,serif;--mono:'Fira Code',Consolas,monospace}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-gazette .site-topline{background:var(--ink);color:var(--paper);border:0}
.design-gazette .site-header{border-bottom:0}
.design-gazette .site-header:after{content:'';display:block;height:4px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}
.design-gazette .brand>span{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.design-gazette .hero{grid-template-columns:1.2fr 1fr;gap:56px;border-bottom:1px solid var(--ink)}
.design-gazette .hero-copy{border-top:3px solid var(--ink);padding-top:28px}
.design-gazette .hero .eyebrow{color:var(--deep)}
.design-gazette .status-dot{background:var(--deep)}
.design-gazette .hero h1{font-family:var(--display);font-weight:800;letter-spacing:-.02em}
.design-gazette .hero-intro{font-size:18px;font-style:italic;opacity:1;border-left:3px solid var(--deep);padding-left:18px}
.design-gazette .button{background:var(--deep);color:#fff;border-radius:0;text-transform:uppercase;letter-spacing:.08em}
.design-gazette .button:hover{background:var(--ink)}
.design-gazette .hero-art{border:1px solid var(--ink);padding:8px;background:#fff}
.design-gazette .hero-art figcaption{margin-top:8px;padding-top:8px;font-family:var(--mono)}
.design-gazette .topics{border-block:3px solid var(--ink)}
.design-gazette .topic strong{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em}
.design-gazette .topic-number{background:var(--ink);color:var(--paper);opacity:1;padding:2px 6px;font-weight:700;font-family:var(--mono)}
.design-gazette .section-heading{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding-block:16px}
.design-gazette .section-heading h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.design-gazette .section-symbol{color:var(--deep)}
.design-gazette .story-category{color:var(--deep)}
.design-gazette .story h3{font-family:var(--display);font-weight:700}
.design-gazette .story-meta{font-family:var(--mono);border-top:1px dotted var(--ink)}
.design-gazette .notebook{background:#fff;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.design-gazette .notebook-icon{color:var(--deep)}
.design-gazette .page-numbers{border-radius:0}
@media(min-width:1051px){.design-gazette .stories{gap:40px 36px}.design-gazette .stories>.story:first-child{grid-column:span 2;grid-row:span 2}.design-gazette .stories>.story:first-child h3{font-size:38px}.design-gazette .stories>.story:first-child .story-excerpt{font-size:14px}.design-gazette .stories>.story:not(:first-child){border-top:1px solid var(--ink);padding-top:14px}}
@media(max-width:760px){.design-gazette .hero-intro{font-size:15px}.design-gazette .notebook{box-shadow:5px 5px 0 var(--ink)}}