:root{--sable:#edf1ee;--canopee:#143a2b;--canopee-2:#0e2c20;--feuille:#2e7d5b;--or:#5d9991;--laterite:#a83e25;--creme:#fafbf8;--encre:#18231f;--encre-doux:#52605b;--ligne:#ced8d3;--ff-display:"Bricolage Grotesque", system-ui, sans-serif;--ff-body:"Instrument Sans", system-ui, sans-serif;--ff-mono:"Space Mono", ui-monospace, monospace;--wrap:1120px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important}}body{font-family:var(--ff-body);color:var(--encre);background:var(--sable);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit}img,svg{max-width:100%;display:block}h1,h2,h3{font-family:var(--ff-display);letter-spacing:-.02em;margin:0;line-height:1.05}p{margin:0}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--laterite);align-items:center;gap:.55em;margin:0 0 18px;font-size:.72rem;display:inline-flex}.eyebrow:before{content:"";background:var(--or);width:26px;height:2px;display:inline-block}a:focus-visible,button:focus-visible,.opt:focus-visible{outline:3px solid var(--feuille);outline-offset:3px;border-radius:6px}header.bar{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--ligne);background:#edf1eee0;position:sticky;top:0}.bar-in{align-items:center;gap:16px;height:64px;display:flex}.brand{font-family:var(--ff-display);letter-spacing:-.02em;color:var(--canopee);align-items:center;gap:10px;font-size:1.02rem;font-weight:800;text-decoration:none;display:flex}.brand .dot{background:var(--or);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #5d999138}.badge{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--canopee);border:1px solid var(--ligne);background:var(--creme);white-space:nowrap;border-radius:100px;padding:5px 9px;font-size:.62rem}.bar-spacer{flex:1}.bell{font-family:var(--ff-body);background:var(--canopee);color:var(--creme);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:9px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:transform .15s,background .2s;display:inline-flex}.bell:hover{background:var(--canopee-2);transform:translateY(-1px)}.bell svg{width:16px;height:16px}@media (width<=640px){.badge,.bell span{display:none}.bell{padding:10px}}.hero{padding:78px 0 64px;position:relative;overflow:hidden}.hero .contours{z-index:0;opacity:.5;pointer-events:none;position:absolute;inset:0}.hero .sun{z-index:0;pointer-events:none;background:radial-gradient(circle,#5d999147,#5d999100 62%);border-radius:50%;width:520px;height:520px;position:absolute;top:-160px;right:-120px}.hero-in{z-index:1;max-width:760px;position:relative}.hero h1{color:var(--canopee);font-size:clamp(2.5rem,6vw,4.3rem);font-weight:800}.hero h1 .glow{color:var(--laterite);white-space:nowrap;position:relative}.hero h1 .glow:after{content:"";background:var(--or);opacity:.45;z-index:-1;border-radius:3px;height:.14em;position:absolute;bottom:.07em;left:0;right:0}.hero p.lead{color:var(--encre-doux);max-width:620px;margin-top:22px;font-size:clamp(1.05rem,2.2vw,1.28rem)}.cta-row{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{font-family:var(--ff-body);cursor:pointer;border:1.5px solid #0000;border-radius:100px;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--laterite);color:var(--creme);box-shadow:0 8px 22px -12px #be4a2ccc}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px #be4a2cd9}.btn-ghost{color:var(--canopee);border-color:var(--canopee);background:0 0}.btn-ghost:hover{background:var(--canopee);color:var(--creme)}.hero-meta{font-family:var(--ff-mono);letter-spacing:.05em;color:var(--encre-doux);flex-wrap:wrap;gap:20px 28px;margin-top:40px;font-size:.74rem;display:flex}.hero-meta b{color:var(--canopee);font-weight:700}section{padding:74px 0}.section-head{max-width:640px;margin-bottom:44px}.section-head h2{color:var(--canopee);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.section-head p{color:var(--encre-doux);margin-top:16px;font-size:1.06rem}.projet{background:var(--canopee);color:var(--sable)}.projet .section-head h2{color:var(--sable)}.projet .section-head p,.projet .eyebrow{color:var(--creme)}.projet .eyebrow:before{background:var(--creme)}.pillars{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pillar{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff1f;padding:26px}.pillar h3{color:var(--sable);margin-bottom:8px;font-size:1.18rem}.pillar p{color:var(--creme);font-size:.97rem}.pillar .k{font-family:var(--ff-mono);letter-spacing:.14em;color:var(--creme);text-transform:uppercase;margin-bottom:14px;font-size:.7rem;display:block}@media (width<=820px){.pillars{grid-template-columns:1fr}}.test{background:var(--sable)}.test-card{background:var(--creme);border:1px solid var(--ligne);border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -40px #143a2b80}.test-top{border-bottom:1px solid var(--ligne);flex-wrap:wrap;align-items:center;gap:16px;padding:24px 30px;display:flex}.progress{background:var(--ligne);border-radius:100px;flex:1;min-width:160px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--feuille),var(--or));border-radius:100px;width:0%;height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1)}.counter{font-family:var(--ff-mono);letter-spacing:.1em;color:var(--encre-doux);white-space:nowrap;font-size:.78rem}.norec{font-family:var(--ff-mono);letter-spacing:.08em;color:var(--feuille);align-items:center;gap:6px;font-size:.66rem;display:inline-flex}.norec:before{content:"";background:var(--feuille);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #2e7d5b33}.test-body{padding:34px 30px 30px}.q-kicker{font-family:var(--ff-mono);letter-spacing:.14em;color:var(--laterite);text-transform:uppercase;margin-bottom:10px;font-size:.72rem}.q-title{font-family:var(--ff-display);color:var(--canopee);margin-bottom:24px;font-size:clamp(1.35rem,3.4vw,1.9rem);font-weight:700}.opts{gap:12px;display:grid}.opt{text-align:left;font-family:var(--ff-body);color:var(--encre);background:var(--sable);border:1.5px solid var(--ligne);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;font-size:1.02rem;transition:border-color .15s,background .15s,transform .1s;display:flex}.opt:hover{border-color:var(--feuille);transform:translate(3px)}.opt .mark{border:2px solid var(--ligne);border-radius:50%;flex:none;width:22px;height:22px;transition:all .15s}.opt.selected{border-color:var(--feuille);background:#eaf3ec}.opt.selected .mark{background:var(--feuille);border-color:var(--feuille);box-shadow:inset 0 0 0 4px var(--creme)}.test-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.link-btn{font-family:var(--ff-body);color:var(--encre-doux);cursor:pointer;background:0 0;border:none;padding:10px 4px;font-size:.95rem;font-weight:600}.link-btn:hover{color:var(--canopee)}.link-btn[disabled]{opacity:.35;cursor:default}.next-btn{background:var(--canopee);color:var(--creme);font-family:var(--ff-body);cursor:pointer;border:none;border-radius:100px;padding:13px 26px;font-size:1rem;font-weight:600;transition:all .2s}.next-btn:hover{background:var(--canopee-2);transform:translateY(-1px)}.next-btn[disabled]{opacity:.4;cursor:default;transform:none}.result{padding:36px 30px 34px}.result .r-top{align-items:center;gap:16px;margin-bottom:6px;display:flex}.result .r-emoji{font-size:2.4rem;line-height:1}.result .r-label{font-family:var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--laterite);font-size:.72rem}.result h3{font-family:var(--ff-display);color:var(--canopee);margin:2px 0 4px;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800}.result .r-tag{color:var(--encre-doux);font-size:1.05rem}.result .r-desc{color:var(--encre);margin-top:18px;font-size:1.03rem}.r-steps{background:var(--sable);border:1px solid var(--ligne);border-radius:16px;margin-top:22px;padding:20px 22px}.r-steps h4{font-family:var(--ff-display);color:var(--canopee);margin:0 0 12px;font-size:1.02rem}.r-steps ol{color:var(--encre);margin:0;padding-left:1.2em}.r-steps li{margin-bottom:7px}.r-second{border-left:3px solid var(--or);background:var(--creme);border-radius:0 12px 12px 0;margin-top:18px;padding:16px 18px;font-size:.98rem}.r-second b{color:var(--canopee)}.r-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.r-privacy{font-family:var(--ff-mono);color:var(--feuille);letter-spacing:.03em;max-width:60%;font-size:.72rem}.disclaimer{color:var(--encre-doux);margin-top:18px;font-size:.82rem;font-style:italic}.hidden{display:none!important}.res-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.res-card{background:var(--creme);border:1px solid var(--ligne);border-radius:var(--radius);flex-direction:column;gap:10px;padding:24px;transition:transform .15s,box-shadow .2s;display:flex}.res-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -24px #143a2b80}.res-card .chip{font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-self:flex-start;padding:4px 9px;font-size:.62rem}.chip.soon{color:var(--laterite);background:#f1e4df}.chip.wip{color:var(--feuille);background:#e2eeea}.chip.idea{color:var(--encre-doux);background:#e8eeeb}.res-card h3{color:var(--canopee);font-size:1.14rem}.res-card p{color:var(--encre-doux);font-size:.95rem}@media (width<=820px){.res-grid{grid-template-columns:1fr}}.pistes{margin-top:40px}.pistes h3{font-family:var(--ff-display);color:var(--canopee);margin-bottom:16px;font-size:1.2rem}.tags{flex-wrap:wrap;gap:10px;display:flex}.tag{background:var(--creme);border:1px solid var(--ligne);color:var(--encre);border-radius:100px;padding:9px 16px;font-size:.9rem}.tag b{color:var(--laterite)}.push{background:var(--canopee-2);color:var(--sable)}.push-box{background:linear-gradient(135deg,#2e7d5b38,#5d99911f);border:1px solid #ffffff1f;border-radius:26px;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:40px;display:grid}.push-box .eyebrow{color:var(--or)}.push-box .eyebrow:before{background:var(--laterite)}.push-box h2{color:var(--sable);font-size:clamp(1.7rem,4vw,2.5rem);font-weight:700}.push-box p{color:#edf1eed9;margin-top:16px;font-size:1.05rem}.push-cta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.push-btn{background:var(--or);color:var(--canopee-2);font-family:var(--ff-body);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:12px;padding:18px 28px;font-size:1.08rem;font-weight:700;transition:transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 30px -14px #5d9991cc}.push-btn:hover{transform:translateY(-2px)}.push-btn svg{width:22px;height:22px}.push-note{font-family:var(--ff-mono);letter-spacing:.05em;color:#edf1eeb3;font-size:.7rem}.push-status{color:var(--sable);min-height:1.2em;font-size:.92rem}.push-status.ok{color:#bfe8ce}.push-status.warn{color:#f4c98a}@media (width<=820px){.push-box{grid-template-columns:1fr;padding:30px}}.contact-in{text-align:center;max-width:620px;margin:0 auto}.contact-in h2{color:var(--canopee);font-size:clamp(1.7rem,4vw,2.4rem)}.contact-in p{color:var(--encre-doux);margin-top:16px;font-size:1.06rem}.contact-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}footer{background:var(--canopee);color:#edf1eeb8;padding:48px 0 40px;font-size:.9rem}footer .f-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}footer .brand{color:var(--sable)}footer .f-legal{border-top:1px solid #ffffff1f;margin-top:24px;padding-top:22px;font-size:.82rem;line-height:1.7}footer a{color:var(--or);text-decoration:none}footer a:hover{text-decoration:underline}.footer-disclosures{gap:10px;max-width:860px;margin-top:18px;display:grid}.footer-disclosures details{background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;overflow:hidden}.footer-disclosures summary{cursor:pointer;font-family:var(--ff-body);color:var(--sable);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-weight:700;list-style:none;display:flex}.footer-disclosures summary::-webkit-details-marker{display:none}.footer-disclosures summary:after{content:"+";font-family:var(--ff-mono);color:var(--or);font-size:1rem;line-height:1}.footer-disclosures details[open] summary:after{content:"–"}.footer-disclosures p{color:#edf1eec7;padding:0 14px 14px;font-size:.82rem;line-height:1.65}.hero{background:#e8eeeb;padding:54px 0 56px}.hero-layout{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);align-items:center;gap:54px;display:grid;position:relative}.hero-in{max-width:none}.hero h1{font-size:clamp(2.7rem,5.3vw,4.55rem)}.hero-media{isolation:isolate;border-radius:160px 18px 18px;min-height:570px;margin:0;position:relative;overflow:hidden;box-shadow:0 34px 70px -38px #0e2c20b8}.hero-media:before{content:"";z-index:1;background:linear-gradient(#0000 42%,#081f17d6 100%);position:absolute;inset:0}.hero-media picture,.hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-caption{z-index:2;color:var(--creme);justify-content:space-between;align-items:end;gap:18px;display:flex;position:absolute;bottom:26px;left:28px;right:28px}.hero-caption strong{font-family:var(--ff-display);max-width:270px;font-size:1.24rem;line-height:1.2;display:block}.hero-caption span{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.12em;color:#fcf8eeb8;text-align:right;font-size:.64rem}.media-stamp{z-index:2;background:var(--or);width:92px;height:92px;color:var(--canopee-2);text-align:center;font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:50%;place-items:center;font-size:.58rem;line-height:1.5;display:grid;position:absolute;top:22px;right:22px;transform:rotate(7deg);box-shadow:0 10px 24px #00000029}.project-story{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:28px;margin:0 0 32px;display:grid}.project-photo{border-radius:18px;min-height:330px;margin:0;position:relative;overflow:hidden}.project-photo picture,.project-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-quote{background:var(--or);color:var(--canopee-2);border-radius:18px;flex-direction:column;justify-content:space-between;padding:34px;display:flex}.project-quote blockquote{font-family:var(--ff-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.45rem,2.5vw,2.1rem);font-weight:700;line-height:1.12}.project-quote p{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:30px;font-size:.66rem}.res-card{position:relative;overflow:hidden}.res-card:after{content:"";background:var(--card-accent,var(--or));opacity:.13;border-radius:50%;width:84px;height:84px;position:absolute;bottom:-38px;right:-32px}.res-card:nth-child(2n){--card-accent:var(--feuille)}.res-card:nth-child(3n){--card-accent:var(--laterite)}.res-card h3:before{content:attr(data-index);font-family:var(--ff-mono);letter-spacing:.12em;color:var(--laterite);margin-bottom:10px;font-size:.62rem;display:block}@media (width<=920px){.hero-layout{grid-template-columns:1fr;gap:38px}.hero-media{border-radius:110px 18px 18px;min-height:460px}.project-story{grid-template-columns:1fr}.project-photo{min-height:390px}}@media (width<=600px){.hero{padding-top:42px}.hero-media{border-radius:76px 14px 14px;min-height:380px}.hero-caption{bottom:20px;left:20px;right:20px}.hero-caption span{display:none}.media-stamp{width:74px;height:74px;top:14px;right:14px}.project-photo{min-height:270px}.project-quote{padding:26px}}.push-choices{flex-direction:column;gap:12px;width:100%;display:flex}.push-choice{text-align:left;font-family:var(--ff-body);cursor:pointer;border:1.5px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;font-size:1.02rem;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.push-choice svg{flex:none;width:24px;height:24px}.push-choice span{flex-direction:column;line-height:1.2;display:flex}.push-choice small{opacity:.82;margin-top:3px;font-size:.76rem;font-weight:400}.push-choice.primary small{color:var(--canopee-2);opacity:1}.push-choice.primary{background:var(--or);color:var(--canopee-2);box-shadow:0 12px 30px -16px #5d9991e6}.push-choice.secondary{color:var(--sable);background:0 0;border-color:#ffffff61}.push-choice.secondary:hover{border-color:var(--sable);background:#ffffff0f}.push-choice:hover{transform:translateY(-2px)}.exit-overlay{z-index:200;backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#0e2c209e;justify-content:center;align-items:center;padding:22px;transition:opacity .25s;display:flex;position:fixed;inset:0}.exit-overlay.open{opacity:1;visibility:visible}.exit-modal{background:var(--creme);border-radius:22px;width:100%;max-width:560px;max-height:92vh;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden auto;transform:translateY(14px)scale(.98);box-shadow:0 40px 90px -30px #081f17b3}.exit-overlay.open .exit-modal{transform:translateY(0)scale(1)}.exit-close{z-index:3;width:38px;height:38px;color:var(--canopee);cursor:pointer;background:#ffffffd9;border:none;border-radius:50%;place-items:center;font-size:1.4rem;line-height:1;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000001f}.exit-close:hover{background:#fff}.exit-media{aspect-ratio:16/9;background:#000;position:relative}.exit-media video{object-fit:cover;width:100%;height:100%;display:block}.sound-toggle{z-index:2;color:var(--canopee);font-family:var(--ff-body);cursor:pointer;background:#fafbf8eb;border:none;border-radius:100px;padding:10px 14px;font-size:.84rem;font-weight:700;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 22px #0000002e}.sound-toggle:hover{background:var(--creme);transform:translateY(-1px)}.sound-toggle.hidden{display:none}.exit-body{padding:26px 28px 28px}.exit-eyebrow{font-family:var(--ff-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--laterite);font-size:.7rem}.exit-body h3{font-family:var(--ff-display);color:var(--canopee);margin:10px 0 12px;font-size:clamp(1.4rem,3.4vw,1.9rem);font-weight:800}.exit-body p{color:var(--encre);font-size:1rem}.exit-body p b{color:var(--canopee)}.exit-cta{background:var(--laterite);color:var(--creme);font-family:var(--ff-body);border-radius:100px;align-items:center;gap:10px;margin-top:20px;padding:14px 26px;font-size:1.02rem;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 10px 26px -14px #be4a2cd9}.exit-cta:hover{transform:translateY(-2px)}.exit-note{color:var(--encre-doux);margin-top:14px;font-size:.78rem;font-style:italic}@media (width<=520px){.exit-body{padding:22px 20px 24px}}