/* v60 — prévisualisation : blanc, bleu Adhéprint et bleu nuit */
:root { --papier:#fff; --papier-2:#f5f7f9; --bardage-2:#f5f7f9; --nuit:#0b1b2b; --encre:#18232d; --texte:#18232d; --hair:rgba(24,35,45,.12); }
body { background:#fff; }
body::before { display:none; }
.sec--grey, .chap--paper, .scale, .sx, .echelle, .cov-gallery, .gal { background-color:#fff; }
/* Espaces clairs homogènes, sans changement des photos ni des animations. */
.p-eco-responsable { --mousse:#0b6ea6; --sauge:#fff; --sauge-2:#fff; --vert-foret:#0b6ea6; --vert-profond:#18232d; --sauge-clair:#fff; }
.p-eco-responsable main > .sec, .p-eco-responsable .eco-stage.eco-engagements { background:#fff; color:var(--texte); }
.eco-engagements .h-sec, .eco-engagements .eco-pillars h3, .eco-real .h-sec, .eco-attest .h-sec { color:var(--texte); }
.eco-engagements .lead, .eco-engagements .eco-pillars p, .eco-attest .small.muted, .eco-attest .notice { color:#5b6268; }
.eco-engagements .kicker, .eco-real .kicker, .eco-attest .kicker { color:var(--bleu-encre); }
.eco-engagements .eco-pillars--photo > li { background:#fff; border:1px solid #e2e7eb; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.eco-engagements .eco-pillars--photo > li:hover { background:#f5f7f9; }
.eco-engagements .eco-band__bg { opacity:.1; }
/* Même bleu nuit pour les grandes surfaces sombres. */
.chap--dark, .stats, .zm, .covh, .endcta, .ftr { background-color:#0b1b2b; }
.stats__h, .stats__lab, .stats__d { color:rgba(255,255,255,.85); }
.stats__n { color:#229ad6; }
.p-devis { --dv-nuit:#0b1b2b; }
.p-devis .dv__card { background:#102337; box-shadow:0 16px 48px -28px rgba(0,0,0,.5); }
.ftr a.ftr__btn, .dv-btn { background:#0b6ea6; box-shadow:none; }
.ftr a.ftr__btn::after, .dv-btn::after { display:none; }

/* v61 — les quatre sections demandées sur fond blanc */
.p-index .mx--stack, .p-index .mx--stack .mx__pin,
.p-index .rea--compact, .p-index .covh, .white-preview {
  background:#fff; color:#18232d;
}
.p-index .mx--stack .mach__name, .p-index .mx-stack__lines b,
.p-index .rea--compact .rea__h, .p-index .covh .h-sec,
.white-preview .h-sec { color:#18232d; }
.p-index .mx-stack__lines li, .p-index .covh .lead,
.white-preview .lead, .white-preview .caption,
.white-preview .vid figcaption { color:#515c65; }
.p-index .mx-stack__lines, .p-index .mx-stack__lines li { border-color:#dfe5e9; }
.p-index .mx--stack .mx__count, .p-index .mx-stack__steps { color:#515c65; }
.p-index .mx-stack__steps li { border-color:#cbd5dc; }
.p-index .mx-stack__label { color:#515c65; background:#f1f4f6; }
.p-index .covh .kicker, .p-index .rea--compact .kicker,
.white-preview .kicker { color:#0b6ea6; }
.p-index .rea--compact .btn { background:#0b6ea6; color:#fff; border-color:#0b6ea6; }
.p-index .rea--compact .rea__panel { box-shadow:0 0 0 1px #e2e7eb; }

/* Lisibilité des étapes sur blanc, y compris pendant le défilement. */
.p-index .mx--stack .mx-stack__steps li { color:#111 !important; font-weight:700; opacity:1; }
.p-index .mx--stack .mx-stack__steps li::before { background:#cbd5dc; }
.p-index .mx--stack .mx-stack__label { color:#111; }

/* v62 — passage d'impression au défilement */
.echelle__word { position:relative; color:#18232d; }
.print-fill, .print-scan { display:none; }
.echelle__hud { background:#f5f7f9 !important; }
.echelle__end { color:#18232d !important; text-shadow:none !important; }
@media (prefers-reduced-motion:no-preference) {
 .js .echelle { height:220vh; --ink:clamp(0, calc((var(--p, 0) - .08) / .78), 1); }
 .js .echelle__pin { position:sticky; top:0; height:100vh; padding:0; display:block; overflow:hidden; }
 .js .echelle__word { position:absolute; left:3%; right:3%; top:50%; translate:0 -50%; font-size:12vw; transform:none; line-height:1.15; }
 .js .echelle__word > span:first-child { color:transparent; -webkit-text-stroke:1.5px #18232d; }
 .js .echelle__word .print-fill { display:block; position:absolute; inset:0; color:#18232d; clip-path:inset(0 calc((1 - var(--ink)) * 100%) 0 0); }
 .js .print-scan { display:block; position:absolute; top:-18%; bottom:-18%; width:3px; left:calc(var(--ink) * 100%); background:#229ad6; box-shadow:0 0 16px rgba(34,154,214,.25); opacity:clamp(0, calc((1 - var(--p, 0)) * 12), 1); }
 .js .echelle__hud { position:absolute; left:var(--gut); bottom:5vh; }
 .js .echelle__end { position:absolute; right:var(--gut); bottom:5vh; }
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference) {
 .js .echelle__end { bottom:24vh; left:var(--gut); right:var(--gut); text-align:center; max-width:none; font-size:1rem; }
}

/* v63 — nuancier interactif */
.nu { background:#fff; color:#18232d; overflow:hidden; }
.nu__head { display:flex; justify-content:space-between; align-items:end; gap:32px; }
.nu__head .h-sec { font-size:clamp(2rem,4vw,4rem); }
.nu__head .lead { font-size:1.1rem; max-width:24em; }
.nu__fan { display:flex; justify-content:center; padding:55px 30px 35px; margin:0; list-style:none; }
.nu__fan li { width:22%; max-width:235px; margin:0 -9px; }
.nu__card { display:block; position:relative; width:100%; border:0; padding:12px; background:#fff; color:#18232d; border-radius:14px; box-shadow:0 12px 32px rgba(24,35,45,.12); cursor:pointer; transform:translateY(var(--lift)) rotate(var(--angle)); transition:transform .5s,box-shadow .5s; text-align:left; }
.nu__card .mat__tex { width:100%; aspect-ratio:4/4.7; box-shadow:none; border:1px solid rgba(0,0,0,.06); }
.nu__label { display:flex; align-items:baseline; gap:10px; padding:15px 2px 5px; }
.nu__label small { color:#0b6ea6; font-family:var(--mono); }
.nu__label b { font-size:clamp(.8rem,1.1vw,1.1rem); }
.nu__card[aria-pressed="true"] { z-index:3; transform:translateY(-12px) rotate(0deg); box-shadow:0 18px 45px rgba(24,35,45,.18),0 0 0 2px #229ad6; }
@media(hover:hover) { .nu__card:hover { z-index:4; transform:translateY(-22px) rotate(0deg); box-shadow:0 22px 45px rgba(24,35,45,.2); } }
.nu__card:focus-visible { outline:3px solid #0b6ea6; outline-offset:5px; }
.nu__detail { max-width:740px; margin:30px auto 20px; padding:26px 32px; border-top:1px solid #dfe5e9; text-align:center; }
.nu__detail h3 { font-size:1.8rem; margin:8px 0; }
.nu__detail p { color:#515c65; margin:8px 0 16px; }
.nu__uses { display:inline-block; color:#0b6ea6; font-weight:650; }
.nu .caption { text-align:center; color:#626c75; }
@media(max-width:700px) { .nu__head { display:block; } .nu__fan { overflow-x:auto; justify-content:start; padding:35px 14px; gap:14px; } .nu__fan li { flex:0 0 160px; margin:0; } .nu__card { transform:none; } .nu__label b { font-size:.9rem; } .nu__detail { padding:20px 0; } }
@media(prefers-reduced-motion:reduce) { .nu__card { transition:none; } }

/* v64 — matériauthèque */
.mt { background:#fff; color:#18232d; }
.mt__head { position:relative; padding-bottom:36px; border-bottom:1px solid #dfe5e9; margin-bottom:36px; }
.mt__head .h-sec { font-size:clamp(2rem,3.7vw,3.4rem); line-height:1.05; margin-top:16px; }
.mt__head>p { position:absolute; right:0; bottom:36px; color:#5c6770; font-size:1.05rem; line-height:1.7; }
.mt__layout { display:grid; grid-template-columns:minmax(220px, .7fr) minmax(0,1.3fr); gap:clamp(35px,7vw,110px); }
.mt__list { list-style:none; padding:0; margin:0; }
.mt__tab { display:flex; align-items:center; gap:20px; width:100%; padding:24px 18px 24px 0; border:0; border-bottom:1px solid #e4e8eb; background:transparent; color:#657079; text-align:left; cursor:pointer; transition:color .25s,padding .25s,background .25s; }
.mt__tab>span { font:500 .8rem var(--mono,monospace); color:#7b858d; }
.mt__tab>b { font-size:clamp(1.1rem,1.6vw,1.55rem); font-weight:650; }
.mt__tab>i { margin-left:auto; font-size:1.2rem; font-style:normal; opacity:0; }
.mt__tab[aria-pressed="true"] { color:#18232d; padding-left:16px; box-shadow:inset 3px 0 #229ad6; background:#f7f9fa; }
.mt__tab[aria-pressed="true"]>span,.mt__tab[aria-pressed="true"]>i { color:#0b6ea6; opacity:1; }
.mt__tab:hover { color:#0b6ea6; }
.mt__tab:focus-visible { outline:2px solid #0b6ea6; outline-offset:3px; }
.mt__advice { color:#657079; font-size:.9rem; line-height:1.7; margin:28px 0 0; }
.mt__stage { position:relative; display:grid; place-items:center; min-height:340px; height:clamp(300px,30vw,450px); background:radial-gradient(ellipse at center,#fff,#f2f5f7); perspective:1100px; overflow:hidden; }
.mt__sample.mat__tex { width:52%; height:70%; aspect-ratio:auto; border-radius:1px; transform:rotateX(9deg) rotateY(-12deg); border:1px solid rgba(24,35,45,.12); box-shadow:5px 4px 0 #d3d9dd,22px 30px 32px -16px rgba(24,35,45,.25); }
.mt__sample.mat__tex--papier { background:linear-gradient(120deg,#fffdf8,#eeeae1); }
.mt__sample.mat__tex--rigide { box-shadow:7px 5px 0 #a8b0b6,22px 30px 32px -16px rgba(24,35,45,.25); }
.mt__corner,.mt__stage-note { position:absolute; font:500 .65rem var(--mono,monospace); letter-spacing:.12em; color:#657079; }
.mt__corner { top:20px; left:22px; } .mt__stage-note { bottom:20px; right:22px; }
.mt__detail { display:grid; grid-template-columns:1fr 1.5fr; gap:20px; padding:24px 0 18px; border-bottom:1px solid #dfe5e9; }
.mt__detail h3 { margin:0; font-size:1.65rem; }
.mt__detail p { margin:0 0 12px; color:#515c65; line-height:1.6; }
.mt__uses { color:#0b6ea6; font-size:.9rem; font-weight:650; }
.mt__disclaimer { margin:12px 0 0; color:#747e86; font-size:.75rem; }
@media(max-width:760px) { .mt__head>p { position:static; margin:20px 0 0; } .mt__layout { grid-template-columns:1fr; gap:26px; } .mt__list { display:flex; overflow-x:auto; gap:8px; padding:4px; } .mt__list li { flex:none; } .mt__tab { gap:8px; padding:12px; border:1px solid #e4e8eb; } .mt__tab[aria-pressed="true"] { padding-left:12px; box-shadow:inset 0 -2px #229ad6; } .mt__tab>b { font-size:.95rem; } .mt__tab>i,.mt__advice { display:none; } .mt__stage { min-height:280px; height:300px; } .mt__detail { grid-template-columns:1fr; gap:12px; } }
@media(prefers-reduced-motion:reduce) { .mt__tab { transition:none; } }

.white-preview .m-wide video { aspect-ratio:1600 / 650; object-fit:contain; height:auto; }

.white-preview .m-wide video { aspect-ratio:1440 / 650; }

/* v69 — vidéo pleine largeur, photo unique sous la vidéo */
.white-preview .mosaic > .m-wide { grid-column:1 / -1; width:100%; }
.white-preview .m-wide .vid { width:100%; margin:0; }

/* v72: photos intégrales des imprimantes */
.machine--photo-portrait .machine__ph{aspect-ratio:3/4;max-height:640px;width:100%;background:#fff}
.machine--photo-portrait .machine__ph img{object-fit:contain;transform:none!important}

/* v73 : section machines sur fond blanc */
.machines--white{background:#fff!important;color:#17232c!important;--text:#17232c;--muted:#53606a}
.machines--white .h-sec,.machines--white .machine__name{color:#17232c!important}
.machines--white .lead,.machines--white .machine__desc,.machines--white .machine__quote,.machines--white .chap__side .meta{color:#53606a!important}
.machines--white .kicker,.machines--white .machine__brand,.machines--white .machine__tag{color:#087ba7!important}
.machines--white .machine__ph,.machines--white .machine__thumb{background:#f4f6f7}
.machines--white .machines__end .btn{background:#087ba7;color:#fff;border-color:#087ba7}
