:root{--ink:#3b1e2b;--paper:#fdf7f1;--accent:#ee9b6f;--deep:#8e2c48;--soft:#f7e4da;--display:'Platypi',Georgia,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-saveur .site-topline{background:var(--deep);color:#fff;border:0}
.design-saveur .site-header{border-bottom:1px solid color-mix(in srgb,var(--deep) 25%,transparent)}
.design-saveur .brand>span{font-family:var(--display);font-style:italic;font-weight:600;font-size:24px;letter-spacing:-.01em}
.design-saveur .hero{grid-template-columns:1.1fr .9fr;gap:70px}
.design-saveur .hero h1{font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(48px,6.4vw,96px);line-height:1;letter-spacing:-.03em}
.design-saveur .hero .eyebrow{color:var(--deep)}
.design-saveur .hero-art{padding:0 24px 24px 0}
.design-saveur .hero-art .hero-image{aspect-ratio:720/800;box-shadow:24px 24px 0 var(--soft);border-radius:4px}
.design-saveur .hero-art figcaption{border:0;font-family:var(--display);font-style:italic;text-transform:none;letter-spacing:0;font-size:15px;font-weight:400;margin-top:30px;padding-top:0}
.design-saveur .button{background:var(--deep);border-radius:2px 24px 2px 24px}
.design-saveur .button:hover{background:var(--ink)}
.design-saveur .topics{border-block:1px solid var(--deep)}
.design-saveur .topic strong{font-family:var(--display);font-style:italic;font-weight:500;font-size:20px}
.design-saveur .topic-number{font-family:var(--display);font-style:italic;color:var(--deep);opacity:1;font-size:16px}
.design-saveur .section-heading{flex-direction:column;text-align:center;gap:6px}
.design-saveur .section-symbol{order:-1;color:var(--deep);font-size:34px}
.design-saveur .section-heading h2{font-family:var(--display);font-style:italic;font-weight:400}
.design-saveur .story-image{border-radius:4px 60px 4px 60px}
.design-saveur .image-arrow{border-radius:50%}
.design-saveur .story h3{font-family:var(--display);font-weight:500}
.design-saveur .story-category{color:var(--deep)}
.design-saveur .notebook{background:var(--soft);border-radius:4px 80px 4px 80px}
.design-saveur .notebook h2{font-family:var(--display);font-style:italic;font-weight:400}
.design-saveur .notebook-icon{color:var(--deep)}
@media(max-width:1050px){.design-saveur .hero{gap:36px}.design-saveur .topic strong{font-size:17px}}
@media(max-width:760px){.design-saveur .hero-art{max-width:440px;padding:0 14px 14px 0}.design-saveur .hero-art .hero-image{max-height:none;object-fit:cover;box-shadow:14px 14px 0 var(--soft)}.design-saveur .notebook{border-radius:4px 40px 4px 40px}.design-saveur .topic strong{font-size:16px}}