/* Replicant Atelier — habillage « maison » spécifique à la HOME.
   Chargé après atelier.css + luxe.css (tokens or définis dans luxe.css). */

/* ---------- hero : composition centrée, lumière de galerie ---------- */
#field{opacity:.55}
.hero::after{background:
  radial-gradient(58% 42% at 50% 0%,rgba(201,168,111,.06),transparent 62%),
  radial-gradient(110% 72% at 50% 30%,rgba(157,111,212,.10),transparent 60%),
  linear-gradient(180deg,rgba(10,6,17,.3) 0%,rgba(10,6,17,0) 30%,rgba(10,6,17,.6) 80%,var(--night) 100%)}
.hero .wrap{text-align:center;padding-bottom:7rem}
.hero-eyebrow{margin-bottom:2.2rem}
.hero h1{max-width:16ch;margin:0 auto 1.9rem}
.hero .lead{max-width:36ch;margin:0 auto 3rem}
.hero-cta{justify-content:center;margin-bottom:3.6rem}
.hero-scroll{color:var(--gild)}
.hero-scroll .ln{background:linear-gradient(var(--gild),transparent)}

/* ---------- le cartouche vivant (signature) ---------- */
.cartouche{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;
  padding:1.6rem 2.8rem 1.5rem;
  border:1px solid var(--gline);outline:1px solid var(--gline-sf);outline-offset:6px;
  background:linear-gradient(180deg,rgba(18,13,29,.6),rgba(7,5,12,.55));
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cartouche .ctc-mk{position:absolute;top:-.85rem;left:50%;transform:translateX(-50%);
  padding:0 .9rem;background:var(--night);color:var(--gild);font-size:1.05rem;line-height:1}
.cartouche .ctc-no{font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gild)}
.cartouche .ctc-lab{display:inline-flex;align-items:center;gap:.55rem;
  font-size:.78rem;letter-spacing:.06em;color:var(--ink-dim)}
.cartouche .dot{width:7px;height:7px;border-radius:50%;background:var(--t-found);
  box-shadow:0 0 0 0 rgba(185,147,232,.6);animation:beat 2.6s ease-out infinite}
.cartouche .clk{font-family:var(--serif);font-size:1.55rem;line-height:1.15;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:.04em}

/* ---------- manifeste ---------- */
.mani h2{margin:1.6rem 0}

/* ---------- vitrine des tempéraments ---------- */
.cons{background:radial-gradient(70% 50% at 50% 0%,rgba(201,168,111,.05),transparent 60%),var(--deep)}
.cons-head{margin-bottom:4rem}
.oc{border-radius:0;border:1px solid var(--gline-sf);
  background:linear-gradient(180deg,rgba(18,13,29,.55),rgba(7,5,12,.35));
  padding:2.8rem 1.6rem 2.3rem}
.oc::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(62% 40% at 50% 0%,rgba(232,207,159,.07),transparent 70%);
  opacity:0;transition:opacity .45s}
.oc:hover{border-color:var(--gline);transform:translateY(-4px);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.oc:hover::after{opacity:1}
.orb{margin-bottom:1.9rem}
.oc .desig{color:var(--gild);letter-spacing:.3em;position:relative;padding-top:1.15rem;margin-bottom:.55rem}
.oc .desig::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:44px;height:1px;background:var(--gline)}
.cons-note{border-left:1px solid var(--gline);padding-left:1.3rem}

/* ---------- citation : mur de galerie ---------- */
.quote{background:var(--void)}
.quote blockquote{font-weight:300}
.quote cite{color:var(--gild);letter-spacing:.34em}

/* ---------- les cinq actes ---------- */
.atl-head{margin-bottom:4.2rem}

/* ---------- robotique : mécanique or, cœur violet ---------- */
.robo{border-top-color:var(--gline-sf);border-bottom-color:var(--gline-sf)}
.robo-vis{border-radius:0;border-color:var(--gline-sf)}
.robo-vis .ring{border-color:var(--gline-sf)}
.robo-vis .r1{border-color:var(--gline);box-shadow:0 0 40px rgba(201,168,111,.10) inset}

/* ---------- invitation finale (carton gravé) ---------- */
.invite{position:relative;max-width:760px;margin:0 auto;
  padding:clamp(3rem,7vw,4.6rem) clamp(1.5rem,5vw,4rem) clamp(2.6rem,6vw,3.8rem);
  border:1px solid var(--gline);outline:1px solid var(--gline-sf);outline-offset:6px;
  background:linear-gradient(180deg,rgba(18,13,29,.5),rgba(7,5,12,.5))}
.invite::before{content:"⟁";position:absolute;top:-.85rem;left:50%;transform:translateX(-50%);
  padding:0 .9rem;background:var(--void);color:var(--gild);font-size:1.05rem;line-height:1}

/* ---------- responsive ---------- */
@media(max-height:860px){
  .hero-scroll{display:none}
}
@media(max-width:520px){
  .cartouche{padding:1.3rem 1.2rem 1.2rem;width:100%}
  .cartouche .ctc-no{letter-spacing:.22em}
  .cartouche .clk{font-size:1.3rem}
  .invite{outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){
  .cartouche .dot{animation:none}
}