/* Identité de la proposition 2026, à partir des maquettes Graphiste/v02. */
:root{--series-dark:#382a28;--series-light:#f7f2e7;--series-accent:#aa3826;--series-soft:#6b554a}
.arcange-page{background:#f7f2e7;color:#382a28}
.arcange-page .crumb{background:#f7f2e7}
.arcange-page .crumb a{color:#87301f}
.arcange-page .series-hero{background:linear-gradient(155deg,#faf6ec 0 52%,#ead9ba 100%);border-block:1px solid #dbc49c}
.arcange-page .series-hero-copy{position:relative;z-index:1}
.arcange-page .series-hero h1,.arcange-page h2,.arcange-page h3{font-family:Georgia,serif}
.arcange-page .series-kicker{color:#97321f;letter-spacing:.14em}
.arcange-page .series-subtitle,.arcange-page .series-count{color:#58443c}
.arcange-page .series-cta{background:#9d3423;color:#fff;border-radius:2px;min-height:3rem}
.arcange-page .series-cta:hover{background:#752819}
.arcange-page .series-content{position:relative}
.arcange-page .series-content::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#aa3826 0 16%,#d8a448 16% 28%,transparent 28%)}
.arcange-page .series-intro{border-color:#cfb896}
.arcange-page .series-intro p:last-child{color:#58443c;font-size:.88rem;line-height:1.6;max-width:31rem}
.arcange-page .series-callout{background:#efe5d2;border-left-color:#aa3826}
.arcange-page .series-callout a{color:#87301f}
.arcange-scene{background:repeating-linear-gradient(155deg,#e1c897 0 1.5rem,#ead9ba 1.5rem 4rem);display:grid;align-items:center;justify-items:center;padding:2rem 2rem 3rem}
.arcange-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#aa382633 35.4% 36%,transparent 36.4% 62%,#aa382627 62.4% 63%,transparent 63.4%)}
.arcange-scene::after{content:"";position:absolute;right:5%;bottom:6%;width:38%;height:30%;background:#f7f2e770;clip-path:polygon(50% 0,100% 100%,0 100%)}
.arcange-scene-covers{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;gap:0}
.arcange-scene-covers picture{display:block;width:37%;max-width:11rem;filter:drop-shadow(.35rem .55rem .5rem #382a2855)}
.arcange-scene-covers picture:nth-child(1){transform:rotate(-10deg) translateX(12%)}
.arcange-scene-covers picture:nth-child(2){transform:rotate(1deg) translateY(-3%);z-index:2}
.arcange-scene-covers picture:nth-child(3){transform:rotate(9deg) translateX(-12%)}
.arcange-scene-covers img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:2/3}
.arcange-scene .scene-caption{color:#382a28;text-shadow:none;font-weight:700;text-align:center;letter-spacing:.08em}
@media(max-width:680px){.arcange-scene{min-height:14rem;padding:1.4rem 1.4rem 2.4rem}.arcange-scene-covers picture{width:26%;max-width:6rem}}

/* Motifs communs créés par Graphiste pour l'index et les dix tomes. */
.arcange-page .series-hero,.arcange-detail-hero{background:#f7f2e7 url('decor/papier-fond.svg') top center/cover no-repeat}
.arcange-detail-hero{position:relative;isolation:isolate;overflow:hidden}
.arcange-detail-hero::before{content:"";position:absolute;z-index:-1;left:-3rem;bottom:-2.5rem;width:min(40vw,28rem);height:12rem;background:url('decor/toit-filigrane.svg') center/contain no-repeat;opacity:.13;pointer-events:none}
.arcange-editions{position:relative}
.arcange-editions::before{content:"";display:block;height:3.2rem;margin:0 auto 1.1rem;background:url('decor/separateur-chemin.svg') center/contain no-repeat;pointer-events:none}
.arcange-back{border-top:5px solid #aa3826;background:#faf6ec url('decor/papier-fond.svg') top center/cover no-repeat}
.arcange-original{position:relative}
.arcange-original::after{content:"";position:absolute;right:1rem;top:1rem;width:10rem;height:5rem;background:url('decor/toit-filigrane.svg') center/contain no-repeat;opacity:.12;pointer-events:none}

/* Une évocation historique illustrée prolonge la frise sur chaque tome. */
.arcange-history-glimpse{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2.5rem;align-items:center;padding:3rem 0;border-bottom:1px solid #d9c5a5}
.arcange-history-glimpse h2{font:700 clamp(1.9rem,3vw,2.7rem)/1.18 Georgia,serif;color:#382a28;margin:0 0 .8rem;overflow-wrap:anywhere}
.arcange-history-glimpse p:not(.series-kicker){font-size:1rem;font-weight:700;color:#6b554a;margin:0 0 1.3rem}
.arcange-history-glimpse .arcange-history-copy{font-weight:400;line-height:1.65;color:#473d36}
.arcange-history-glimpse a{display:inline-flex;min-height:2.5rem;align-items:center;gap:.35rem;color:#87301f;font-size:.92rem;font-weight:800;text-underline-offset:.25em}
.arcange-history-glimpse figure{margin:0;min-width:0}
.arcange-history-glimpse picture,.arcange-history-glimpse img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.arcange-history-glimpse img{box-shadow:.6rem .8rem 0 #d5bb9188}
.arcange-history-glimpse figcaption{font-size:.78rem;color:#6b554a;margin:.8rem 0 0}
@media(max-width:680px){.arcange-history-glimpse{grid-template-columns:1fr;gap:1.2rem;padding:2.4rem 0}}

/* Ouverture de la saga : texte HTML lisible sur le décor sans lettrage intégré. */
.arcange-page .arcange-saga-hero{position:relative;isolation:isolate;overflow:hidden;background:#f7f2e7;border-block:1px solid #dbc49c}
.arcange-saga-art{position:absolute;z-index:0;inset:0;overflow:hidden}
.arcange-saga-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.arcange-saga-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f2e7 0%,#f7f2e7fb 39%,#f7f2e7e8 53%,#f7f2e700 77%);pointer-events:none}
.arcange-saga-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:40rem}
.arcange-saga-copy{max-width:min(61%,41rem);padding:3.25rem 0 3.5rem}
.arcange-saga-copy .series-kicker{margin:0 0 1rem;color:#87301f;font-size:.72rem;line-height:1.5;overflow-wrap:anywhere}
.arcange-page .arcange-saga-hero h1{max-width:11ch;margin:0 0 1.3rem;color:#382a28;font:700 clamp(2.5rem,4.15vw,3.7rem)/1.08 Georgia,serif;letter-spacing:-.025em}
.arcange-saga-copy>p:not(.series-kicker){max-width:39rem;margin:0 0 .95rem;color:#3f352e;font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.57}
.arcange-saga-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.arcange-page .arcange-saga-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.65rem 1rem;font-size:.88rem;font-weight:800;line-height:1.3;text-align:center;text-decoration:none}
.arcange-page .arcange-saga-actions a:hover{text-decoration:underline;text-underline-offset:.22em}
.arcange-page .arcange-saga-actions .arcange-saga-secondary{border:2px solid #9d3423;background:#f7f2e7e8;color:#87301f}
.arcange-page .arcange-saga-actions .arcange-saga-secondary:hover{background:#eadbc1}
@media(max-width:980px){
  .arcange-saga-art{position:relative;height:clamp(12rem,34vw,19rem)}
  .arcange-saga-art::after{background:linear-gradient(0deg,#f7f2e7 0%,#f7f2e700 27%)}
  .arcange-saga-inner{min-height:0}
  .arcange-saga-copy{max-width:45rem;padding:1.4rem 0 2.7rem}
  .arcange-page .arcange-saga-hero h1{max-width:16ch}
}
@media(max-width:600px){
  .arcange-saga-art{height:clamp(11rem,50vw,14rem)}
  .arcange-saga-copy{padding:1.4rem 0 2.3rem}
  .arcange-page .arcange-saga-hero h1{font-size:clamp(2rem,8vw,2.55rem)}
  .arcange-saga-copy>p:not(.series-kicker){font-size:1rem;line-height:1.6}
  .arcange-saga-actions{display:grid;grid-template-columns:1fr;margin-top:1.3rem}
  .arcange-page .arcange-saga-actions a{width:100%;min-height:3.25rem;font-size:.9rem}
}
@media(min-width:901px){
  .arcange-page .series-content.shell{width:100%;max-width:none;padding-inline:0}
  .arcange-page .timeline-intro{width:min(calc(100% - 2.4rem),54rem);margin-inline:auto}
  .arcange-page .timeline-decades,.arcange-page .timeline-detail-host{width:min(calc(100% - 2.4rem),68rem);margin-inline:auto}
  .arcange-page .series-callout{width:min(calc(100% - 2.4rem),68rem);margin-inline:auto}
}