/* Variantes mixtes V4/V5/V6 : typographie et codes de la V1 (DM Sans, orange, pilules), sections en alternance clair / sombre */
.nx-mix{--light-bg:#FEFEFE;--light-bg2:#F6F4F0;--light-fg:#1D1D1D;--light-muted:#6B6762;--light-line:rgba(29,29,29,.12);--dark-bg:#09090B;--dark-bg2:#0E0E11;--dark-fg:#F4F4F1;--dark-muted:#8F8F8A;--dark-line:rgba(255,255,255,.11)}
.nx-v4,.nx-v7{--bg:var(--dark-bg);--bg2:var(--dark-bg2);--fg:var(--dark-fg);--muted:var(--dark-muted);--line:var(--dark-line);--card:#121216;--btn-bg:#F4F4F1;--btn-fg:#09090B;--btn-hover:#F0460E}
.nx-v5,.nx-v6,.nx-v8,.nx-v9{--bg:var(--light-bg);--bg2:var(--light-bg2);--fg:var(--light-fg);--muted:var(--light-muted);--line:var(--light-line);--card:#FFFFFF;--btn-bg:#1D1D1D;--btn-fg:#FEFEFE;--btn-hover:#F0460E}
.nx-mix em{font-style:italic;color:var(--accent);font-weight:600}

/* Tonalites par section */
.nx-mix [data-tone="light"]{--bg:var(--light-bg);--bg2:var(--light-bg2);--fg:var(--light-fg);--muted:var(--light-muted);--line:var(--light-line);--card:#FFFFFF;--btn-bg:#1D1D1D;--btn-fg:#FEFEFE;background:var(--bg);color:var(--fg);color-scheme:light}
.nx-mix [data-tone="dark"]{--bg:var(--dark-bg);--bg2:var(--dark-bg2);--fg:var(--dark-fg);--muted:var(--dark-muted);--line:var(--dark-line);--card:#121216;--btn-bg:#F4F4F1;--btn-fg:#09090B;background:var(--bg);color:var(--fg);color-scheme:dark}
.nx-mix .nx-logos[data-tone="light"],.nx-mix .nx-avis[data-tone="light"],.nx-mix .nx-bref[data-tone="light"]{background:var(--bg2)}
.nx-mix .nx-methode[data-tone="dark"],.nx-mix .nx-devis[data-tone="dark"]{background:#000}
.nx-mix [data-tone="light"] .nx-logo-img{filter:grayscale(1) contrast(1.05);mix-blend-mode:multiply;opacity:.72}
.nx-mix [data-tone="dark"] .nx-logo-img{filter:grayscale(1) invert(1) contrast(1.1);mix-blend-mode:screen;opacity:.6}
.nx-mix .nx-logos[data-tone="dark"]{background:#000}
.nx-mix [data-tone="dark"] .nx-review__logo{background:#fff}
.nx-mix .nx-local .nx-nap{background:#F0460E;color:#fff;--fg:#fff;--muted:rgba(255,255,255,.82);border:0}
.nx-mix .nx-local .nx-nap a{color:#fff}
.nx-mix [data-tone="dark"] .nx-formbox{background:#0E0E11;border-color:rgba(255,255,255,.12)}
.nx-mix .nx-devis .wpcf7-submit{background:var(--accent);color:#fff}
.nx-mix .nx-devis .wpcf7-submit:hover{background:var(--btn-bg);color:var(--btn-fg)}
.nx-mix .nx-ftr .nx-logo__mark{color:var(--fg);--nx-logo-ink:var(--bg)}
.nx-mix .nx-ftr .nx-btn--primary{background:var(--accent);color:#fff}
.nx-mix .nx-ftr__big em{color:var(--accent)}
.nx-mix .nx-ftr[data-tone="dark"]{background:#000}

/* Blocs sombres sur fond clair : arrondis et retrait, comme la carte « Méthode » de la V1 */
.nx-mix .nx-sec[data-tone="dark"]{border-radius:32px;margin-inline:clamp(8px,1.2vw,20px)}
.nx-mix .nx-sec[data-tone="dark"]+.nx-sec[data-tone="dark"]{margin-top:clamp(8px,1.2vw,20px)}
.nx-mix .nx-sec[data-tone="light"]{border-radius:32px;margin-inline:clamp(8px,1.2vw,20px)}
.nx-mix .nx-sec[data-tone="light"]+.nx-sec[data-tone="light"]{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.nx-mix .nx-sec[data-tone="light"]:has(+.nx-sec[data-tone="light"]){border-bottom-left-radius:0;border-bottom-right-radius:0}
.nx-mix .nx-sec[data-tone="dark"]+.nx-sec[data-tone="light"],.nx-mix .nx-sec[data-tone="light"]+.nx-sec[data-tone="dark"]{margin-top:clamp(8px,1.2vw,20px)}
.nx-mix .nx-logos{border-radius:32px 32px 0 0;border:0;margin-inline:clamp(8px,1.2vw,20px);position:relative;z-index:2}
.nx-mix .nx-logos+.nx-sec{border-top-left-radius:0;border-top-right-radius:0}
.nx-mix .nx-ftr{margin-top:clamp(8px,1.2vw,20px);border-radius:32px 32px 0 0;border-top:0;margin-inline:clamp(8px,1.2vw,20px)}
.nx-v5 .nx-hero--gallery+.nx-logos{margin-top:0}
@media (max-width:900px){.nx-mix .nx-sec[data-tone],.nx-mix .nx-logos,.nx-mix .nx-ftr{border-radius:20px;margin-inline:6px}}

/* Titres des sections sombres plus grands */
.nx-mix .nx-sec[data-tone="dark"] .nx-h2{font-size:clamp(2.6rem,5.6vw,5.8rem);letter-spacing:-.05em;line-height:.96}
.nx-mix .nx-xp__t{font-weight:700;letter-spacing:-.045em}

/* En-tete adaptatif */
.nx-mix .nx-hdr.is-on-light{--fg:var(--light-fg);--bg:var(--light-bg);--line:var(--light-line);--muted:var(--light-muted);--btn-bg:#1D1D1D;--btn-fg:#FEFEFE;color:var(--fg)}
.nx-mix .nx-hdr.is-on-dark{--fg:var(--dark-fg);--bg:var(--dark-bg);--line:var(--dark-line);--muted:var(--dark-muted);--btn-bg:#F4F4F1;--btn-fg:#09090B;color:var(--fg)}
.nx-mix .nx-hdr .nx-logo__mark{color:var(--fg);--nx-logo-ink:var(--bg)}
.nx-mix .nx-hdr .nx-btn--primary{background:var(--accent);color:#fff}
.nx-mix .nx-hdr .nx-btn--primary:hover{background:var(--fg);color:var(--bg)}
.nx-mix .nx-hdr .nx-burger{color:var(--fg)}
.nx-mix .nx-hdr.is-scrolled{background:color-mix(in srgb,var(--bg) 84%,transparent)}
.nx-mix .nx-menu{background:var(--dark-bg);color:var(--dark-fg);--fg:var(--dark-fg)}
.nx-mix .nx-sticky{--bg:var(--dark-bg);--line:var(--dark-line);color:var(--dark-fg)}
.nx-mix .nx-sticky a{color:var(--dark-fg)}
.nx-body.nx-mix .nx-sticky a.is-primary,.nx-mix .nx-sticky a.is-primary{background:var(--accent);color:#fff}

/* Hero mono : labels dans la typo de la V1 (petites capitales orange) */
.nx-mix .nx-hero--mono .nx-h1__k{font-size:clamp(.9rem,1.05vw,1.05rem);letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--accent);margin-bottom:22px}
.nx-mix .nx-monolink,.nx-mix .nx-mono-l,.nx-mix .nx-pill{font-family:var(--ff-body);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.nx-mix .nx-hero--mono[data-mono-tone="light"]{background:radial-gradient(60% 50% at 70% 45%,rgba(240,70,14,.10),transparent 70%),var(--light-bg);color:var(--light-fg);--fg:var(--light-fg);--muted:var(--light-muted);--line:var(--light-line);--btn-bg:#1D1D1D;--btn-fg:#FEFEFE}
.nx-mix .nx-hero--mono[data-mono-tone="light"] .nx-mono__fallback{color:rgba(29,29,29,.06)}
.nx-mix .nx-hero--mono[data-mono-tone="light"] .nx-pill{background:rgba(29,29,29,.04);color:var(--light-fg)}
.nx-mix .nx-hero--mono[data-mono-tone="light"] .nx-wordmark span{text-shadow:none}
.nx-mix .nx-hero--mono[data-mono-tone="dark"]{--fg:var(--dark-fg);--muted:var(--dark-muted);--line:var(--dark-line);--btn-bg:#F4F4F1;--btn-fg:#09090B;color:var(--dark-fg)}
.nx-mix .nx-hero--gallery{--fg:var(--light-fg);--muted:var(--light-muted);--line:var(--light-line);--btn-bg:#1D1D1D;--btn-fg:#FEFEFE;color:var(--light-fg)}

/* Hero : galerie flottante en 3D */
.nx-hero--gallery{height:230vh;background:radial-gradient(120% 80% at 50% 40%,#FFFFFF 0%,#FBFAF8 55%,#F3F0EA 100%)}
.nx-hero--gallery .nx-hero__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.nx-stage{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 50%;pointer-events:none}
.nx-stage__inner{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.nx-tile{--k:1;position:absolute;left:50%;top:50%;margin:0;width:calc(var(--w) * var(--k) * 1px);transform:translate(-50%,-50%) translate3d(calc(var(--x) * 1vw),calc(var(--y) * 1vh),calc(var(--z) * 1px)) rotateY(calc(var(--r) * 1deg));border-radius:14px;overflow:hidden;background:#ECE8E1;box-shadow:0 40px 80px -30px rgba(40,30,20,.35),0 8px 20px -10px rgba(40,30,20,.2);transition:opacity .2s linear}
.nx-tile .nx-tile__media{width:100%;height:auto}
.nx-tile video.nx-tile__media{aspect-ratio:3/4;object-fit:cover}
.nx-js .nx-tile{opacity:0}
.nx-js .nx-hero--gallery.is-ready .nx-tile.is-loaded{opacity:var(--o,1)}
.nx-hero__veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 40% 46% at 50% 52%,rgba(254,254,254,.97) 0%,rgba(254,254,254,.84) 42%,rgba(254,254,254,0) 78%)}
.nx-hero--gallery .nx-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1040px;will-change:transform,opacity}
.nx-hero--gallery .nx-lead{margin-inline:auto;max-width:54ch}
.nx-hero--gallery .nx-actions,.nx-hero--gallery .nx-proof{justify-content:center}
.nx-hero--gallery .nx-h1__k{color:var(--accent);opacity:1}
@media (max-width:900px){
  .nx-tile{--k:.42}
  .nx-tile:nth-child(n+5){display:none}
  .nx-tile:nth-child(1){--x:-36;--y:-36;--r:14}.nx-tile:nth-child(2){--x:38;--y:-38;--r:-14}.nx-tile:nth-child(3){--x:38;--y:36;--r:-10}.nx-tile:nth-child(4){--x:-36;--y:36;--r:10}
  .nx-hero--gallery .nx-hero__content{padding-block:12vh}
  .nx-hero__veil{background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(254,254,254,.98) 0%,rgba(254,254,254,.9) 55%,rgba(254,254,254,0) 90%)}
  .nx-hero--gallery{height:200vh}
  .nx-v1 .nx-methode{border-radius:20px;margin-inline:6px}
}
/* Hero */
.nx-hero--mono{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-top:calc(var(--hdr-h) + clamp(28px,6vh,72px));overflow:hidden;background:radial-gradient(60% 50% at 70% 45%,rgba(240,70,14,.12),transparent 70%),var(--bg)}
.nx-mono{position:absolute;inset:0;z-index:0}
.nx-mono__canvas{position:absolute;inset:0;width:100%;height:100%}
.nx-mono__fallback{position:absolute;right:6vw;top:50%;transform:translateY(-58%);font-weight:700;font-size:clamp(14rem,34vw,36rem);line-height:.8;letter-spacing:-.06em;color:rgba(255,255,255,.07);user-select:none}
.nx-mono__fallback span{color:rgba(240,70,14,.6)}
.nx-mono.is-live .nx-mono__fallback{display:none}
.nx-hero__top{position:relative;z-index:2}
.nx-hero--mono .nx-h1__k{font-size:12px;font-weight:700;color:var(--fg);margin-bottom:22px}
.nx-hero--mono .nx-h1__d{font-family:var(--ff-body);font-size:clamp(1.15rem,1.6vw,1.55rem);line-height:1.45;letter-spacing:0;max-width:36ch;border-left:3px solid var(--fg);padding-left:20px}
.nx-monolink{display:inline-flex;gap:14px;margin-top:38px;font-family:var(--ff-body);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--fg);padding-bottom:6px}
.nx-hero--mono .nx-actions{margin-top:30px}
.nx-hero__bottom{position:relative;z-index:2;margin-top:auto;padding-top:clamp(40px,8vh,96px)}
.nx-hero__meta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.nx-mono-l{font-family:var(--ff-body);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center}
.nx-pill{font-family:var(--ff-body);font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:rgba(255,255,255,.04);color:var(--fg);cursor:pointer}
.nx-pill:hover{border-color:var(--fg)}
.nx-wordmark{margin:0!important;font-weight:700;font-size:clamp(2.4rem,11.6vw,13rem);line-height:.86;letter-spacing:-.06em;white-space:nowrap;padding-top:.06em;display:flex;justify-content:space-between;gap:.08em}
.nx-wordmark span{color:var(--accent);text-shadow:0 0 60px rgba(240,70,14,.55)}
.nx-hero--mono .nx-strip{margin-top:clamp(24px,4vh,48px)}
@media (max-width:900px){.nx-hide-s{display:none}.nx-hero--mono .nx-h1__d{font-size:1.15rem}.nx-wordmark{font-size:10vw}.nx-mono__fallback{font-size:12rem;right:-4vw;top:38%}}

