:root{--ink:#3a2630;--paper:#fbf5f2;--accent:#e8b4b8;--deep:#9c4361;--soft:#f3e3e1;--display:'Ysabeau Office',Arial,sans-serif;--body:'Literata',Georgia,serif;--mono:'Literata',Georgia,serif}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-boudoir .site-topline{background:var(--soft);border:0}
.design-boudoir .site-header{border-bottom:1px solid color-mix(in srgb,var(--deep) 30%,transparent)}
.design-boudoir .brand>span{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.12em;text-transform:uppercase}
.design-boudoir .hero{grid-template-columns:.95fr 1.05fr;gap:64px}
.design-boudoir .hero-art{order:-1;padding:16px;border:1px solid var(--deep);outline:1px solid var(--deep);outline-offset:6px}
.design-boudoir .hero-art .hero-image{aspect-ratio:720/800}
.design-boudoir .hero-art figcaption{border:0;justify-content:center;gap:10px;font-family:var(--display);font-style:italic;text-transform:none;letter-spacing:.04em;font-size:14px;font-weight:400}
.design-boudoir .hero h1{font-family:var(--display);font-weight:300;letter-spacing:-.01em;font-size:clamp(46px,6vw,90px);line-height:1}
.design-boudoir .hero .eyebrow{color:var(--deep);letter-spacing:.3em}
.design-boudoir .status-dot{background:var(--deep)}
.design-boudoir .button{background:none;color:var(--deep);border:1px solid var(--deep);border-radius:40px;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.design-boudoir .button:hover{background:var(--deep);color:#fff}
.design-boudoir .topics{border:0;border-block:1px solid color-mix(in srgb,var(--deep) 40%,transparent)}
.design-boudoir .topics .topic{flex-direction:column;justify-content:center;text-align:center;gap:6px}
.design-boudoir .topic-number{align-self:center;padding:0;color:var(--deep);opacity:1;font-family:var(--display);font-style:italic;font-size:14px}
.design-boudoir .topic-arrow{display:none}
.design-boudoir .topic strong{font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:.02em}
.design-boudoir .section-heading{justify-content:center;text-align:center}
.design-boudoir .section-symbol{display:none}
.design-boudoir .section-heading h2{font-family:var(--display);font-weight:300;font-size:clamp(34px,4vw,54px)}
.design-boudoir .story-image{border-radius:50% 50% 12px 12px/40% 40% 12px 12px}
.design-boudoir .story h3{font-family:var(--display);font-weight:500}
.design-boudoir .story-category{color:var(--deep);letter-spacing:.24em}
.design-boudoir .notebook{background:var(--soft);grid-template-columns:1fr;justify-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--deep) 35%,transparent);outline:1px solid color-mix(in srgb,var(--deep) 35%,transparent);outline-offset:-10px}
.design-boudoir .notebook h2{font-family:var(--display);font-weight:300;font-size:36px}
.design-boudoir .notebook p:last-child{margin-inline:auto}
.design-boudoir .notebook-icon{color:var(--deep)}
@media(max-width:1050px){.design-boudoir .hero{gap:36px}.design-boudoir .topic strong{font-size:17px}}
@media(max-width:760px){.design-boudoir .hero-art{order:0;max-width:420px}.design-boudoir .hero-art .hero-image{max-height:none;object-fit:cover}.design-boudoir .notebook h2{font-size:28px}.design-boudoir .topic strong{font-size:15px}.design-boudoir .topics .topic{padding:16px 10px}}