:root{--ink:#121c2b;--paper:#f3f5f0;--accent:#d7fc70;--deep:#385238;--soft:#e1e9dc;--display:'Manrope',Arial,sans-serif}
/* Chaque identité dispose de sa propre composition. */
.design-signal .site-topline{background:var(--ink);color:var(--paper);border:0}
.design-signal .hero-art{transform:rotate(-2deg)}
.design-signal .hero h1{font-weight:800;letter-spacing:-.065em}
.design-signal .hero .button{background:var(--accent);color:var(--ink)}
.design-signal .section-symbol{background:var(--accent);padding:4px 10px;font-size:43px}
.design-signal .notebook{background:var(--ink);color:var(--paper)}
.design-signal .notebook-icon{color:var(--accent)}
.design-signal .round-link{border-color:var(--accent);color:var(--accent)}
.design-desk .hero-art{border:1px solid #162c3f33;border-radius:15px;padding:12px;background:var(--soft)}
.design-desk .hero-art figcaption{padding:12px 7px 2px;margin:0}
.design-desk .hero h1{font-weight:800;letter-spacing:-.065em}
.design-desk .button{background:var(--deep);border-radius:7px}
.design-desk .story-image,.design-desk .notebook{border-radius:12px}
.design-desk .topics{gap:12px;border:none}
.design-desk .topic{background:var(--soft);padding:22px 16px;border:0;border-radius:10px}
.design-fold .hero{grid-template-columns:1.1fr 1fr}
.design-fold .hero-art{border-radius:48% 48% 0 0;overflow:hidden;background:var(--soft);padding-bottom:15px}
.design-fold .hero-art figcaption{margin-inline:30px;font-size:8px}
.design-fold .hero h1{font-weight:400;letter-spacing:-.055em;font-size:clamp(43px,4.6vw,68px)}
.design-fold .button{border-radius:40px;background:var(--deep)}
.design-fold .notebook{border-radius:0 80px 0 0}
.design-fold .notebook h2{font-weight:400}
.design-future .hero{gap:45px;grid-template-columns:1.15fr 1fr}
.design-future .hero h1{font-weight:600;font-size:clamp(42px,4.7vw,68px)}
.design-future .hero-art{border:1px solid var(--ink);padding:12px;box-shadow:10px 10px 0 var(--accent)}
.design-future .hero-art figcaption{font-size:8px}
.design-future .button{background:var(--deep);border-radius:2px}
.design-future .topic-number{background:var(--accent);padding:5px;opacity:1;border-radius:50%}
.design-future .notebook{border:1px solid var(--ink);background:var(--accent)}
.design-calm .hero h1{font-weight:400;line-height:1.14;font-size:clamp(43px,4.8vw,70px)}
.design-calm .hero-art .hero-image{border-radius:48% 48% 0 0}
.design-calm .button{border-radius:40px;background:var(--deep)}
.design-calm .hero{gap:60px;padding-block:60px}
.design-calm .topics{border-color:#58684444}
.design-calm .story-image{border-radius:90px 90px 0 0}
.design-calm .notebook{background:none;border-block:1px solid #58684444;padding-inline:0}
.design-calm .notebook h2{font-weight:400}
.design-calm .section-symbol{font-size:47px;font-weight:400}
.design-dog .hero h1{font-weight:800;letter-spacing:-.065em;font-size:clamp(43px,4.7vw,70px)}
.design-dog .hero-art .hero-image{border-radius:43% 43% 12px 12px}
.design-dog .button{border-radius:50px;background:var(--accent);color:var(--ink);border:1px solid var(--ink);box-shadow:3px 4px 0 var(--ink)}
.design-dog .topics{border:0;gap:12px}
.design-dog .topic{padding:22px 16px;background:var(--soft);border:0;border-radius:15px}
.design-dog .notebook{background:var(--accent);border-radius:30px}
.design-dog .story-image{border-radius:16px}
.design-dog .round-link{background:var(--ink);color:var(--paper)}
.design-studio .site-header{border-bottom:2px solid var(--ink)}
.design-studio .hero{grid-template-columns:1fr 1.12fr;gap:50px}
.design-studio .hero h1{font-weight:800;letter-spacing:-.075em;font-size:clamp(46px,5.4vw,80px)}
.design-studio .hero .eyebrow{border-left:8px solid var(--accent);padding-left:13px}
.design-studio .status-dot{display:none}
.design-studio .button{background:var(--accent);color:var(--ink)}
.design-studio .topics{border-block:2px solid var(--ink)}
.design-studio .topic-number{color:var(--deep);opacity:1;font-size:20px;line-height:1}
.design-studio .notebook{background:var(--ink);color:var(--paper)}
.design-studio .notebook-icon{color:var(--accent)}
.design-studio .round-link{border-color:var(--paper)}
.design-travel .hero{grid-template-columns:1.1fr 1fr;gap:35px}
.design-travel .hero h1{font-weight:400;font-size:clamp(43px,4.8vw,70px);line-height:1.12}
.design-travel .hero-art{padding:12px;border:1px solid #803e3666;transform:rotate(2deg);background:#fff9ec}
.design-travel .hero-art figcaption{font-size:8px}
.design-travel .button{background:var(--deep)}
.design-travel .notebook{border-block:1px dashed var(--deep);background:var(--soft)}
.design-travel .topic-number{font-family:Platypi,Georgia,serif;font-size:18px}
.design-travel .section-symbol{font-family:Georgia,serif}
@media(max-width:1050px){.design-calm .hero{gap:30px}.design-studio .hero{gap:25px}.design-future .hero{gap:30px}.design-desk .topic,.design-dog .topic{padding:20px 14px}.design-future .hero-art{box-shadow:6px 6px 0 var(--accent)}}
@media(max-width:760px){.design-fold .hero,.design-future .hero,.design-calm .hero,.design-studio .hero,.design-travel .hero{grid-template-columns:1fr;gap:32px;padding-block:35px}.design-signal .hero-art{transform:none}.design-travel .hero-art{transform:none}.design-calm .hero h1,.design-fold .hero h1,.design-travel .hero h1{font-size:clamp(39px,8.7vw,58px)}.design-studio .hero h1{font-size:clamp(46px,10vw,68px)}.design-dog .hero h1,.design-future .hero h1{font-size:clamp(39px,8.7vw,60px)}.design-fold .hero-art{border-radius:42% 42% 0 0}.design-future .hero-art{width:calc(100% - 6px);justify-self:start}.design-desk .topic,.design-dog .topic{padding:18px 13px}.design-dog .topics,.design-desk .topics{gap:9px}.design-calm .notebook{padding:30px 0}.design-dog .notebook{border-radius:20px}.design-fold .notebook{border-radius:0 50px 0 0}}

/* Compositions éditoriales propres à chaque journal. */
.design-fold .stories,.design-calm .stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 42px}
.design-calm .story-image{aspect-ratio:1.85}
.design-desk .story{padding:14px;border:1px solid #162c3f22;border-radius:14px}
.design-desk .story-content{padding:20px 8px 8px}
.design-signal .notebook a:focus-visible,.design-studio .notebook a:focus-visible{outline-color:var(--accent)}
@media(min-width:1051px){
 .design-studio .journal .stories{grid-template-columns:1fr 1fr 1fr}
 .design-studio .journal .story:first-child{grid-column:span 2;grid-row:span 2}
 .design-studio .journal .story:first-child .story-image{aspect-ratio:1.05}
 .design-studio .journal .story:first-child h3{font-size:42px}
 .design-future .journal .story:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;border-bottom:1px solid #153d3344;padding-bottom:35px}
 .design-future .journal .story:first-child .story-content{padding:0 30px 0 0}
 .design-future .journal .story:first-child h3{font-size:38px}
 .design-travel .stories{grid-template-columns:1fr 1fr;gap:35px 45px}
 .design-travel .story{display:grid;grid-template-columns:40% 1fr;gap:23px;border-bottom:1px solid #803e3644;padding-bottom:25px}
 .design-travel .story-image{aspect-ratio:.85}
 .design-travel .story-content{padding:0}
 .design-travel .story h3{font-size:24px}
}
@media(max-width:760px){.design-calm .stories,.design-fold .stories{gap:32px 22px}.design-desk .story{padding:12px}.design-desk .story-content{padding:18px 6px 6px}}
@media(max-width:480px){.design-fold .stories,.design-calm .stories{grid-template-columns:1fr}}