.d{--or3:#e9c56a}
.d .rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.d .rv.in{opacity:1;transform:none}
.d .rv.d1{transition-delay:.12s}.d .rv.d2{transition-delay:.24s}.d .rv.d3{transition-delay:.36s}
#awaprog{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#8a6a1c,#f6dc8c,#b07f1f);z-index:99;transition:width .15s linear}
.d header{background:rgba(243,239,230,.72)}
.d .eyebrow{color:var(--or);letter-spacing:.3em;font-size:12px;text-transform:uppercase;font-weight:500}
.d .ital{font-style:italic;color:var(--vert2)}
.d .lead{font-size:20px;color:var(--muted);max-width:640px;margin:22px auto 0}
.d .note{font-size:13px;color:var(--muted);margin-top:16px}
.d .num{font-family:"PT Serif",Georgia,serif;font-size:clamp(56px,7vw,96px);line-height:1;font-variant-numeric:tabular-nums}
/* hero cinéma */
.d .hero{position:relative;padding:0;min-height:100vh;display:flex;align-items:flex-end;color:#f4efe2;overflow:hidden;background:#06150d}
.d .hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 6s ease-out}
.d .hero.in .bg{transform:scale(1)}
.d .hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,13,.15) 0%,rgba(6,21,13,.35) 45%,rgba(6,21,13,.92) 100%)}
.d .hero canvas{position:absolute;inset:0;width:100%;height:100%}
.d .hero .wrap{position:relative;padding-bottom:96px;padding-top:160px;text-align:left}
.d .hero h1{color:#f4efe2;max-width:900px}
.d .hero .ital{color:#e9c56a}
.d .hero .mot{font-family:"PT Serif",Georgia,serif;font-size:clamp(88px,16vw,200px);line-height:.9;letter-spacing:.03em;margin:0 0 10px -6px}
.d .hero .lead{color:#cfcab9;margin:22px 0 0}
.d .hero .scroll{position:absolute;right:24px;bottom:28px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#a9a493;writing-mode:vertical-rl;animation:awaUp 2.4s ease-in-out infinite}
@keyframes awaUp{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(-10px);opacity:1}}
/* curseur et anneau */
.d .temps{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:48px;text-align:left}
@media(max-width:820px){.d .temps{grid-template-columns:1fr}}
.d input[type=range]{width:100%;accent-color:#b8902f;margin:18px 0 8px;display:block}
.d .ring{width:min(320px,80vw);margin:0 auto;position:relative}
.d .ring svg{width:100%;height:auto;display:block;transform:rotate(-90deg)}
.d .ring circle{fill:none;stroke-width:14}
.d .ring .tr{stroke:var(--calc2)}
.d .ring .pr{stroke:url(#awaG);stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.2,.7,.2,1)}
.d .ring .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.d .ring .c .num{font-size:clamp(44px,6vw,72px)}
.d .ring .c small{color:var(--muted);font-size:13px;letter-spacing:.06em}
.d .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;margin-top:40px;text-align:center}
.d .row .num{font-size:clamp(40px,5vw,64px)}
.d .row small{display:block;color:var(--muted);font-size:13px;margin-top:6px;letter-spacing:.04em}
/* courbe */
.d .chart{max-width:820px;margin:48px auto 0}
.d .chart svg{width:100%;height:auto;display:block;overflow:visible}
.d .chart .ax{stroke:var(--line);stroke-width:1}
.d .chart .l1{fill:none;stroke:#b8902f;stroke-width:3;stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2.4s ease-out}
.d .chart .l2{fill:none;stroke:#0b3120;stroke-width:3;stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2.4s ease-out .3s}
.d .chart.in .l1,.d .chart.in .l2{stroke-dashoffset:0}
.d .chart text{font-family:Inter,sans-serif;font-size:12px;fill:var(--muted)}
.d .chart .lg{display:flex;gap:28px;justify-content:center;margin-top:14px;font-size:13px;color:var(--muted)}
.d .chart .lg i{display:inline-block;width:22px;height:3px;vertical-align:middle;margin-right:8px}
/* couches */
.d .couches{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:48px;text-align:left}
@media(max-width:820px){.d .couches{grid-template-columns:1fr}}
.d .stack svg{width:100%;height:auto;display:block}
.d .stack .ly{fill:#fff;stroke:#b8902f;stroke-width:1;opacity:0;transform:translateY(24px);transition:all .8s cubic-bezier(.2,.7,.2,1)}
.d .stack.in .ly{opacity:1;transform:none}
.d .stack .ly.on{fill:#0b3120}
.d .stack text{font-family:"PT Serif",Georgia,serif;font-size:15px;fill:#0b3120;pointer-events:none;transition:fill .4s}
.d .stack .ly.on+text{fill:#f4efe2}
.d .layers div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;border-top:1px solid var(--line);cursor:pointer;transition:padding-left .3s}
.d .layers div:last-child{border-bottom:1px solid var(--line)}
.d .layers div.on{padding-left:14px;border-left:2px solid var(--or)}
.d .layers b{font-family:"PT Serif",Georgia,serif;font-weight:400;font-size:20px;color:var(--vert)}
.d .layers span{color:var(--muted);font-size:14px;text-align:right;max-width:55%}
/* journée */
.d .seg{display:inline-flex;border:1px solid var(--or);margin-top:34px}
.d .seg button{background:none;border:0;padding:12px 22px;font:inherit;letter-spacing:.06em;color:var(--vert);cursor:pointer;transition:all .3s}
.d .seg button.on{background:var(--vert);color:#f4efe2}
.d .state{display:none;max-width:640px;margin:28px auto 0;font-size:19px}
.d .state.on{display:block;animation:awaFade .6s}
@keyframes awaFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.d .day{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;max-width:760px;margin:36px auto 0}
.d .day i{display:block;height:46px;background:var(--calc2);border-radius:2px;transition:background .6s,transform .6s}
.d .day i.h{background:var(--vert)}
.d .day i.a{background:linear-gradient(180deg,#f6dc8c,#b8902f);transform:scaleY(1.12)}
.d .day i.z{background:#e3ded2}
.d .dayl{display:flex;justify-content:space-between;max-width:760px;margin:8px auto 0;font-size:12px;color:var(--muted)}
/* cartes 3D */
.d .flip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:44px;perspective:1400px}
.d .flip .c{position:relative;min-height:280px;cursor:pointer;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.d .flip .c.on{transform:rotateY(180deg)}
.d .flip .f{position:absolute;inset:0;padding:34px 28px;text-align:left;backface-visibility:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 10px 40px rgba(11,49,32,.06)}
.d .flip .b{transform:rotateY(180deg);background:var(--vert);color:#e6e2d4}
.d .flip .b h3{color:#f4efe2}
.d .flip .hint{position:absolute;bottom:16px;left:28px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--or)}
.d .flip .ico{width:54px;height:54px;margin-bottom:18px}
/* preuve */
.d .proof{background:var(--vert);color:#e6e2d4;position:relative;overflow:hidden}
.d .proof::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 20%,rgba(233,197,106,.18),transparent 45%),radial-gradient(circle at 80% 80%,rgba(233,197,106,.12),transparent 40%)}
.d .proof .wrap{position:relative}
.d .proof h2,.d .proof b{color:#f4efe2}.d .proof .num{color:#f4efe2}
.d .proof .row small{color:#a9a493}
.d .two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
@media(max-width:720px){.d .two{grid-template-columns:1fr}}
.d .proof .lim{font-size:13px;color:#a9a493;border-top:1px solid rgba(216,168,42,.25);padding-top:14px;margin:36px auto 0;max-width:640px}
.d .bars{max-width:560px;margin:36px auto 0;text-align:left}
.d .bars div{margin:14px 0;font-size:13px;color:#cfcab9}
.d .bars i{display:block;height:8px;margin-top:6px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.d .bars i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#8a6a1c,#f6dc8c);transition:width 1.8s cubic-bezier(.2,.7,.2,1)}
.d .bars.in i b{width:var(--w)}
/* êtres */
.d .etres{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
@media(max-width:720px){.d .etres{grid-template-columns:repeat(2,1fr)}}
.d .etres figure{margin:0;position:relative;cursor:pointer;aspect-ratio:3/4;border:1px solid var(--line);background:var(--calc2);overflow:hidden}
.d .etres img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.d .etres figure:hover img{transform:scale(1.05)}
.d .etres .ph{display:flex;align-items:center;justify-content:center;height:100%;font-family:"PT Serif",Georgia,serif;font-size:56px;color:var(--or)}
.d .etres figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#f4efe2;background:linear-gradient(180deg,transparent 40%,rgba(6,21,13,.92));text-align:left}
.d .etres figcaption b{font-family:"PT Serif",Georgia,serif;font-weight:400;font-size:22px}
.d .etres figcaption span{max-height:0;overflow:hidden;font-size:14px;line-height:1.5;transition:max-height .7s ease,margin .5s}
.d .etres figure.on figcaption span{max-height:140px;margin-top:8px}
.d .etres figure.on img{filter:brightness(.45)}
.d .etres .tap{display:block;max-height:none!important;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--or3);margin-top:6px!important}
.d .etres figure.on .tap{display:none}
/* étapes */
.d .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:44px;text-align:left}
.d .steps div{border-top:2px solid var(--or);padding-top:20px}
.d .steps .n{font-family:"PT Serif",Georgia,serif;font-size:40px;color:var(--or)}
.d .prec{max-width:640px;margin:44px auto 0;padding:26px 30px;border:1px solid var(--vert);text-align:left}
.d .ctrl{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#bdb8a6}
.d .ctrl a{text-decoration:none;color:#f4efe2}
.d footer .copy{text-align:center}
@media(prefers-reduced-motion:reduce){.d .rv{opacity:1;transform:none;transition:none}}
.d .lyx{max-width:520px;margin:0 auto;padding:28px 26px;border:1px solid rgba(216,168,42,.45);background:rgba(255,255,255,.05);text-align:left;min-height:170px}
.d .lyx b{display:block;font-family:"PT Serif",Georgia,serif;font-weight:400;font-size:28px;color:#f4efe2;margin:8px 0 10px;transition:opacity .3s}
.d .lyx span{display:block;color:#cfcab9;font-size:17px;line-height:1.6;transition:opacity .3s}
.d .lyx.sw b,.d .lyx.sw span{opacity:0}
.d .stack g{cursor:pointer}
.d .stack .ly{transition:all .5s}
.d .stack g:hover .ly{fill:rgba(216,168,42,.35)}
@media(max-width:820px){.d .couches{gap:24px}.d .stack{max-width:420px;margin:0 auto}}

.d .pourquoi img.nb{border:0;max-width:420px;margin:0 auto;filter:drop-shadow(0 20px 40px rgba(11,49,32,.18))}
.d .steps div img[src*='logo-cerveau-hd']{border:0;object-fit:contain;background:transparent}

html,body{overflow-x:hidden}
.d .pourquoi img.nb{mix-blend-mode:multiply;border:0;filter:none}
.d .steps div img[src*='cerveau-anime']{mix-blend-mode:multiply;border:0;object-fit:contain;aspect-ratio:1/1}
.d .etres{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){.d .etres{grid-template-columns:repeat(2,minmax(0,1fr))}}
.d .etres figure{min-width:0;width:100%}
.d .etres img{max-width:100%}
.d .flip .c{min-width:0}
.d .flip .f{overflow:hidden}