:root{--ink:#161314;--paper:#f8f3ee;--accent:#f2a7b8;--deep:#a3264a;--soft:#f1e4de;--display:'Vollkorn',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-vogue .site-header{border-bottom:1px solid var(--ink)}
.design-vogue .brand>span{font-family:var(--display);font-style:italic;font-weight:500;font-size:25px;letter-spacing:-.02em}
.design-vogue .hero{grid-template-columns:.85fr 1fr;gap:70px}
.design-vogue .hero-art{order:-1}
.design-vogue .hero-image{aspect-ratio:640/800;border-radius:320px 320px 0 0}
.design-vogue .hero-art figcaption{border-top:1px solid var(--ink)}
.design-vogue .hero h1{font-weight:400;font-style:italic;font-size:clamp(50px,6.6vw,104px);letter-spacing:-.04em;line-height:.98}
.design-vogue .hero .eyebrow{letter-spacing:.3em}
.design-vogue .button{background:none;color:var(--ink);border-bottom:2px solid var(--ink);padding:10px 0;min-height:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.design-vogue .button:hover{background:none;color:var(--deep);border-color:var(--deep)}
.design-vogue .topics{border-block:1px solid var(--ink)}
.design-vogue .topic strong{font-family:var(--display);font-style:italic;font-weight:500;font-size:21px}
.design-vogue .topic-number{font-family:var(--display);font-style:italic;font-size:15px}
.design-vogue .section-heading{justify-content:center;text-align:center}
.design-vogue .section-symbol{display:none}
.design-vogue .section-heading h2{font-style:italic;font-weight:400;font-size:clamp(34px,4vw,58px)}
.design-vogue .story-image{aspect-ratio:4/5}
.design-vogue .story h3{font-weight:500}
.design-vogue .story-category{letter-spacing:.24em}
.design-vogue .notebook{background:none;border:1px solid var(--ink);grid-template-columns:1fr;justify-items:center;text-align:center}
.design-vogue .notebook h2{font-style:italic;font-weight:400;font-size:40px}
.design-vogue .notebook p:last-child{margin-inline:auto}
@media(max-width:1050px){.design-vogue .hero{gap:36px}.design-vogue .topic strong{font-size:18px}}
@media(max-width:760px){.design-vogue .hero-art{order:0;max-width:420px}.design-vogue .hero-image{max-height:none;object-fit:cover;border-radius:210px 210px 0 0}.design-vogue .hero h1{font-size:clamp(44px,11vw,68px)}.design-vogue .notebook{grid-template-columns:1fr}.design-vogue .notebook h2{font-size:30px}.design-vogue .topic strong{font-size:16px}}