/* ═══ UNIVERS (hub) V6 — tout est préfixé .uh6 · canvas Origin, palette globale ═══ */
.uh6{position:relative;background:var(--ink-deep);color:var(--cream-mid);font-family:var(--font-body);font-weight:300;line-height:1.75;overflow-x:hidden}
.uh6 p{text-wrap:pretty}
.uh6 a{color:var(--rose);text-decoration:none;transition:color .25s ease}
.uh6 a:hover{color:var(--rose-soft)}
.uh6 b,.uh6 strong{font-weight:500;color:var(--cream)}
.uh6 ::selection{background:var(--copper);color:var(--ink-deep)}

/* ── Le monde : une section. Le rail : la ligne qui les traverse. ────── */
.uh6__monde{position:relative;z-index:1}
.uh6__rail{position:absolute;top:0;bottom:0;left:max(20px,calc(50vw - 600px));width:1px;pointer-events:none;animation:breathGlow var(--breath) ease-in-out infinite}
.uh6__noeud{position:absolute;top:118px;left:max(20px,calc(50vw - 600px));width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--rose);box-shadow:0 0 10px 2px rgba(196,141,118,.35);animation:breathSquare var(--breath) ease-in-out infinite;pointer-events:none}
.uh6__in{position:relative;max-width:900px;margin:0 auto;padding:118px 24px 110px 64px}
.uh6__in--large{max-width:1180px}
@media (max-width:780px){
  .uh6__rail,.uh6__noeud{display:none}
  .uh6__in{padding-left:24px;padding-top:96px;padding-bottom:84px}
}

/* Étoiles */
.uh6__ciel{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.uh6__ciel span{position:absolute;border-radius:50%}
@keyframes uh6-scintille{0%,100%{opacity:.05}50%{opacity:.75}}

/* ── Typographie éditoriale ─────────────────────────────────────────── */
.uh6__oeil{margin:0 0 22px;font-size:11.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--copper)}
.uh6__h1{margin:0;max-width:22ch;font-family:var(--font-display);font-weight:300;font-size:clamp(34px,6vw,64px);line-height:1.1;letter-spacing:-.01em;color:var(--cream)}
.uh6__h1 em{font-style:italic;color:var(--rose)}
.uh6__h2{margin:0;max-width:700px;font-family:var(--font-display);font-weight:300;font-size:clamp(30px,4.4vw,46px);line-height:1.16;color:var(--cream)}
.uh6__h2 em{font-style:italic;color:var(--rose)}
.uh6__h2--ital{font-style:italic;line-height:1.24}
.uh6__chapo{margin:28px 0 0;max-width:640px;font-family:var(--font-display);font-size:clamp(17px,1.9vw,20px);line-height:1.8;color:var(--cream-mid)}
.uh6__txt{margin:26px 0 0;max-width:640px;font-size:15.5px;line-height:1.85;color:var(--cream-mid)}
.uh6__txt em,.uh6__chapo em{color:var(--rose-soft);font-style:italic}

/* ── Boutons-portes (rectangulaires, à la Origin) ───────────────────── */
.uh6__portes{display:flex;flex-wrap:wrap;gap:16px;margin-top:clamp(30px,4vw,42px)}
.uh6__porte{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:15px 30px;border:1px solid rgba(196,141,118,.45);border-radius:2px;font-family:var(--font-body);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);background:transparent;transition:background .25s ease,border-color .25s ease,color .25s ease}
.uh6__porte:hover{background:rgba(196,141,118,.08);border-color:var(--rose-soft);color:var(--cream)}
.uh6__porte--pleine{border-color:rgba(196,141,118,.7);color:var(--cream)}
.uh6__lien{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);border-bottom:1px solid rgba(196,141,118,.35);padding-bottom:4px}
.uh6__lien:hover{border-color:var(--rose-soft)}

/* ── Monde I — le seuil ─────────────────────────────────────────────── */
.uh6__s1{background:radial-gradient(ellipse 120% 70% at 50% -10%,var(--ink-soft) 0%,var(--ink-deep) 60%)}
.uh6__s1 .uh6__rail{background:linear-gradient(to bottom,transparent,var(--rose) 22%,var(--copper))}
.uh6__s1 .uh6__in{padding-top:clamp(136px,16vw,180px)}

/* ── Monde II — les présences ───────────────────────────────────────── */
.uh6__s2{background:linear-gradient(to bottom,var(--ink-deep),var(--ink) 24%,var(--ink))}
.uh6__s2 .uh6__rail{background:linear-gradient(to bottom,var(--copper),var(--rose-soft) 30%,var(--rose-soft))}
.uh6__s2 .uh6__noeud{background:var(--rose-soft)}

/* ── Monde III — la nuit des huit ───────────────────────────────────── */
.uh6__s3{background:linear-gradient(to bottom,var(--ink),#1A080B 20%,#1A080B)}
.uh6__s3 .uh6__rail{background:linear-gradient(to bottom,var(--rose-soft),var(--rose) 26%,var(--rose))}
.uh6__grille{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,18px);margin-top:clamp(38px,5vw,52px)}
@media (max-width:1100px){.uh6__grille{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.uh6__grille{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.uh6__grille{grid-template-columns:1fr}}
.uh6__uni{display:block;border:1px solid var(--cream-line);border-radius:3px;overflow:hidden;background:rgba(26,8,11,.5);color:inherit;transition:border-color .35s ease,box-shadow .5s var(--ease),transform .5s var(--ease)}
.uh6__uni:hover{border-color:var(--uh6-u,var(--rose));box-shadow:0 30px 60px -30px var(--uh6-glow,rgba(196,141,118,.4));transform:translateY(-4px)}
.uh6__uni:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
.uh6__uni-ciel{display:block;height:96px;position:relative}
.uh6__onde{position:absolute;left:16px;bottom:13px;display:flex;gap:3px;align-items:flex-end;height:42px}
.uh6__onde i{width:3px;border-radius:2px;background:rgba(237,227,216,.65)}
.uh6__uni-corps{display:block;padding:17px 19px 19px}
.uh6__uni-num{display:block;font-size:.6rem;font-weight:500;letter-spacing:.24em;color:var(--cream-faint);margin-bottom:.5rem}
.uh6__uni-nom{display:block;font-family:var(--font-display);font-style:italic;font-size:1.3rem;line-height:1.2;color:var(--cream)}
.uh6__uni-sous{display:block;font-family:var(--font-display);font-style:italic;font-size:.95rem;line-height:1.5;color:var(--rose-soft);margin-top:.45rem}
.uh6__uni-mots{display:block;font-size:.7rem;letter-spacing:.1em;color:var(--cream-mute);margin-top:.7rem}
.uh6__uni-entrer{display:block;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(196,141,118,.18);font-size:9.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--rose);transition:color .35s ease,border-color .35s ease}
.uh6__uni:hover .uh6__uni-entrer{color:var(--cream);border-top-color:rgba(196,141,118,.45)}

/* ── Monde IV — l'aide ──────────────────────────────────────────────── */
.uh6__s4{background:linear-gradient(to bottom,#1A080B,var(--ink) 26%,var(--ink) 64%,var(--ink-deep))}
.uh6__s4 .uh6__rail{background:linear-gradient(to bottom,var(--rose),var(--copper) 30%,var(--copper))}
.uh6__s4 .uh6__noeud{background:var(--copper)}
.uh6__aide{max-width:660px;border-top:1px solid rgba(196,141,118,.35);padding-top:24px}
.uh6__aide-txt{margin:0;font-family:var(--font-display);font-style:italic;font-size:clamp(16px,1.7vw,18.5px);line-height:1.75;color:var(--cream-mid)}
.uh6__aide-txt em{color:var(--rose-soft);font-style:italic}
.uh6__aide-liens{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:clamp(24px,3.2vw,32px)}

/* ── Monde V — la sortie ────────────────────────────────────────────── */
.uh6__s5{background:radial-gradient(ellipse 120% 80% at 50% 110%,var(--ink-soft) 0%,var(--ink-deep) 55%)}
.uh6__s5 .uh6__rail{background:linear-gradient(to bottom,var(--copper),var(--rose) 40%,transparent)}
.uh6__s5 .uh6__in{padding-bottom:clamp(120px,16vw,170px)}

@media (prefers-reduced-motion:reduce){
  .uh6 *,.uh6 *::before,.uh6 *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}