/* Pages intérieures */
.nav a.is-current{color:var(--paper)}
.page-hero{position:relative;min-height:62svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.page-hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-hero .hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,10,18,.6) 0%,rgba(11,10,18,.25) 45%,var(--ink) 100%)}
.page-hero .hero-in{padding-block:9rem 4rem}
.page-hero h1{max-width:none}
.sub{color:var(--paper-dim);max-width:52ch;margin-top:1.25rem}

/* Introduction */
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.prose p{color:var(--paper-dim);max-width:54ch}
.big-p{font:500 clamp(1.5rem,2.6vw,2rem)/1.3 var(--serif);color:var(--paper)!important}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.duo img,.struct-imgs img,.criteres img,.soi img{border-radius:var(--r);border:1px solid var(--line);width:100%;object-fit:cover}
.duo img{aspect-ratio:3/4}
.duo img:last-child{margin-top:2.5rem}

/* Origines */
.origines{background:var(--ink-2);border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.step{background:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.5rem,3vw,2.25rem)}
.step-k{display:block;font:italic 500 1.5rem var(--serif);color:var(--gold-2);margin-bottom:1rem}
.step h3{font-size:1.7rem;margin-bottom:.75rem}
.step p{color:var(--paper-dim);margin:0}

/* Structure */
.struct-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;margin-bottom:5rem}
.struct-p{color:var(--paper-dim);max-width:52ch}
.struct-top h2{margin-bottom:1.5rem}
.struct-imgs{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;align-items:end}
.struct-imgs img:first-child{aspect-ratio:4/5}
.struct-imgs img:last-child{aspect-ratio:1}
.arc-title{margin-bottom:1.5rem}
.arcanes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.arc{position:relative;background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.25rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .3s,transform .3s var(--ease),background .3s}
.arc:hover{border-color:rgba(212,172,95,.55);transform:translateY(-3px);background:var(--ink-3)}
.arc .n{font:italic 500 1.4rem/1 var(--serif);color:var(--gold)}
.arc strong{font:500 1.45rem/1.15 var(--serif)}
.arc span:last-child{font-size:.9rem;color:var(--paper-dim);line-height:1.5}

/* Lecture */
.lecture{background:radial-gradient(60% 60% at 0% 100%,rgba(109,82,196,.18),transparent 70%),var(--ink)}
.tirages{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:5rem}
.tirage{border:1px solid var(--line);border-radius:var(--r);padding:1.75rem 1.5rem;background:rgba(255,255,255,.02)}
.t-n{display:inline-block;font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:.45rem .8rem;border-radius:99px;margin-bottom:1.25rem}
.tirage h3{font-size:1.6rem;margin-bottom:.7rem}
.tirage p{color:var(--paper-dim);margin:0;font-size:.97rem}
.criteres{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.criteres figure,.soi figure{margin:0}
.criteres img{aspect-ratio:4/3}
.criteres h3{font-size:2.2rem;margin-bottom:1.25rem}
.criteres p{color:var(--paper-dim);max-width:50ch}

/* Connaissance de soi */
.soi{background:var(--ink-2);border-block:1px solid var(--line)}
.soi-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.soi h2{margin-bottom:1.5rem}
.soi p{color:var(--paper-dim);max-width:50ch}
.soi img{aspect-ratio:4/3}
.plain{list-style:none;padding:0;margin:1.75rem 0 0;display:grid;gap:.75rem}
.plain li{position:relative;padding-left:1.4rem}
.plain li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* Final */
.final{text-align:center}
.final-in{max-width:760px}
.final h2{margin-bottom:1.5rem}
.final p{color:var(--paper-dim);margin-inline:auto;max-width:56ch}
.cta-row.center{justify-content:center}

@media (max-width:900px){
  .intro-grid,.struct-top,.criteres,.soi-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .tirages{grid-template-columns:1fr 1fr}
  .duo img:last-child{margin-top:1.25rem}
  .page-hero{min-height:52svh}
}
@media (max-width:560px){
  .tirages{grid-template-columns:1fr}
  .arcanes{grid-template-columns:1fr 1fr;gap:.75rem}
  .arc{padding:1.1rem 1rem}
  .arc strong{font-size:1.25rem}
}