:root{--ink:#33241b;--paper:#fbf6ee;--accent:#e0a458;--deep:#94391d;--soft:#f1e6d4;--display:'Vollkorn',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-garrigue .site-topline{background:var(--soft);border:0}
.design-garrigue .site-header{border-bottom:1px solid color-mix(in srgb,var(--deep) 35%,transparent)}
.design-garrigue .brand>span{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.01em}
.design-garrigue .hero{grid-template-columns:1fr 1fr;gap:64px}
.design-garrigue .hero h1{font-family:var(--display);font-weight:500;font-size:clamp(46px,5.8vw,86px);letter-spacing:-.02em;line-height:1}
.design-garrigue .hero .eyebrow{color:var(--deep)}
.design-garrigue .hero-art{background:#fff;padding:14px 14px 0;box-shadow:0 22px 50px -30px var(--ink);transform:rotate(1.5deg)}
.design-garrigue .hero-art .hero-image{border-radius:400px 400px 0 0}
.design-garrigue .hero-art figcaption{border:0;font-family:var(--display);font-style:italic;text-transform:none;letter-spacing:0;font-size:15px;font-weight:400;padding:12px 4px 16px;margin:0}
.design-garrigue .button{background:var(--deep);border-radius:2px}
.design-garrigue .button:hover{background:var(--ink)}
.design-garrigue .topics{border:0;gap:18px}
.design-garrigue .topics .topic{background:var(--paper);padding:22px 18px;border:1px solid color-mix(in srgb,var(--deep) 45%,transparent);outline:1px solid color-mix(in srgb,var(--deep) 30%,transparent);outline-offset:-7px}
.design-garrigue .topic-number{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center;padding:0;opacity:1;font-family:var(--display);font-size:15px;flex-shrink:0}
.design-garrigue .topic strong{font-family:var(--display);font-size:18px;font-weight:600}
.design-garrigue .section-heading{justify-content:flex-start;gap:18px}
.design-garrigue .section-heading h2{font-family:var(--display);font-weight:500;font-style:italic}
.design-garrigue .section-symbol{color:var(--deep);order:-1}
.design-garrigue .story-image{border-radius:220px 220px 0 0}
.design-garrigue .image-arrow{border-radius:50%}
.design-garrigue .story h3{font-family:var(--display);font-weight:600}
.design-garrigue .story-category{color:var(--deep)}
.design-garrigue .notebook{background:var(--deep);color:var(--paper)}
.design-garrigue .notebook h2{font-family:var(--display);font-style:italic;font-weight:500}
.design-garrigue .notebook-icon{color:var(--accent)}
.design-garrigue .round-link{border-color:var(--paper)}
.design-garrigue .notebook a:focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){.design-garrigue .hero{gap:36px}.design-garrigue .topic strong{font-size:16px}}
@media(max-width:760px){.design-garrigue .hero-art{transform:none;max-width:460px}.design-garrigue .topics{gap:10px}.design-garrigue .topics .topic{padding:16px 12px}.design-garrigue .topic-number{display:none}.design-garrigue .topic strong{font-size:15px}}