/* FICHIER GÉNÉRÉ depuis css/style.css — ne pas éditer. Voir CLAUDE.md. */
:root{ --green-900:var(--c-green-mid); --green-700:var(--c-green-700);--green-600:var(--c-green-600);--green-500:var(--c-green-500);--green-400:var(--c-green-lt); --green-gradient:linear-gradient(135deg,var(--c-green-mid) 0%,var(--c-green-600) 55%,var(--c-green-lt) 100%);--green-gradient-soft:linear-gradient(135deg,var(--c-green-700) 0%,var(--c-green-lt) 100%); --cream:#faf6ec; --sand:#f1ead9; --stone:#e2d9c6; --ink:#21271f; --ink-soft:#56604f; --white:#ffffff; --radius-sm:14px;--radius-md:22px;--radius-lg:30px;--radius-pill:999px; --shadow-sm:0 2px 10px rgba(33,39,31,0.06);--shadow-md:0 16px 38px rgba(33,39,31,0.10);--shadow-lg:0 30px 70px rgba(19,81,40,0.20);  --container:1200px;--gutter:clamp(20px,5vw,64px); --ease-soft:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.45,0,0.25,1)} *,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;font-family:var(--font-body);font-size:1.0625rem; line-height:1.65;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.06;letter-spacing:-0.02em;color:var(--ink);margin:0;text-wrap:balance}p{margin:0 0 1em;text-wrap:pretty}img,svg{display:block;max-width:100%}a{color:var(--green-600);text-decoration:none} .display-xl{font-size:clamp(2.6rem,6.5vw,5.2rem)}.display-lg{font-size:clamp(2.2rem,5vw,4rem)}.display-md{font-size:clamp(1.8rem,3.6vw,2.9rem)}.display-sm{font-size:clamp(1.5rem,2.8vw,3rem)} .kicker{font-family:var(--font-body);font-weight:600;font-size:0.8rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--green-600)}.lede{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--ink-soft)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)} .link{color:var(--green-600);font-weight:600;position:relative;padding-bottom:2px;background-image:linear-gradient(var(--green-400),var(--green-400));background-size:0% 1.5px;background-repeat:no-repeat;background-position:0 100%;transition:background-size 0.5s var(--ease-soft),color 0.5s var(--ease-soft)}.link:hover{background-size:100% 1.5px;color:var(--green-900)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.6em;font-family:var(--font-body);font-weight:600;font-size:1.02rem;line-height:1;padding:1.05em 1.9em;border:none;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform 0.5s var(--ease-soft),box-shadow 0.5s var(--ease-soft),filter 0.5s var(--ease-soft),background-color 0.5s var(--ease-soft),color 0.5s var(--ease-soft)} .btn--primary{background:var(--green-gradient);color:var(--white);box-shadow:0 12px 30px rgba(19,81,40,0.28)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(19,81,40,0.36);filter:brightness(1.06) saturate(1.05)} .btn--ghost{background:transparent;color:var(--green-900);border:1.5px solid rgba(19,81,40,0.3)}.btn--ghost:hover{background:rgba(19,81,40,0.06);border-color:rgba(19,81,40,0.55);transform:translateY(-2px)} .btn--glass{background:rgba(255,255,255,0.16);color:var(--white);border:1px solid rgba(255,255,255,0.34);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--glass:hover{background:rgba(255,255,255,0.26);transform:translateY(-2px)}.btn--sm{padding:0.75em 1.3em;font-size:0.92rem}.btn--lg{padding:1.2em 2.3em;font-size:1.12rem} .store-badge{display:inline-flex;align-items:center;gap:0.7em;padding:0.7em 1.25em;border-radius:var(--radius-sm);background:#16201a;color:var(--white);text-decoration:none;border:1px solid rgba(255,255,255,0.12);transition:transform 0.5s var(--ease-soft),box-shadow 0.5s var(--ease-soft)}.store-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.store-badge svg{width:26px;height:26px;flex:none;fill:currentColor}.store-badge__txt{display:flex;flex-direction:column;line-height:1.15;text-align:left}.store-badge__top{font-size:0.68rem;letter-spacing:0.04em;opacity:0.8}.store-badge__name{font-size:1.02rem;font-weight:700;letter-spacing:0.01em} .store-badge--light{background:var(--white);color:var(--ink);border-color:transparent} .card{background:var(--white);border-radius:var(--radius-lg);padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--shadow-md);border:1px solid rgba(33,39,31,0.04)}.card__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(50,135,79,0.12);color:var(--green-600);margin-bottom:1.1rem}.card__icon svg{width:26px;height:26px;stroke:currentColor;fill:none}.card h3{font-family:var(--font-body);font-weight:700;font-size:1.2rem;letter-spacing:0;margin-bottom:0.4rem}.card p{color:var(--ink-soft);margin:0} .download-band{ position:absolute;top:18.3%;right:0;min-height:69.4%;width:min(470px,44vw);background:linear-gradient(135deg,rgba(27,96,51,0.34),rgb(var(--c-ink-rgb) / 42%)); border:1px solid rgba(255,255,255,0.12);color:var(--white);border-radius:var(--radius-lg);padding:clamp(1.1rem,2vw,1.7rem) clamp(2.2rem,3.6vw,3rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.45rem;box-shadow:var(--shadow-lg);overflow:hidden}.download-band__text{max-width:36ch}.download-band__mobtitle{display:none}.download-band__text h2{color:var(--white)}.download-band__text p{color:#f9bd7e;margin:0.9rem 0 0;font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.4}.download-band__list{list-style:none;margin:0;padding:0;margin-top:1rem;margin-bottom:0;display:flex;flex-direction:column;gap:1.5rem;max-width:none}.download-band__list li{position:relative;padding-left:1.9rem;color:rgba(255,255,255,0.95);font-size:clamp(1.12rem,1.45vw,1.34rem);line-height:1.3}.download-band__list li::before{content:"";position:absolute;left:0;top:0.5em;width:7px;height:7px;border-radius:50%;background:var(--c-accent)}.download-band__list li.has-icon{padding-left:0;display:flex;align-items:center;gap:0.7rem}.download-band__list li.has-icon::before{display:none}.download-band__list .li-ico{flex:none;width:27px;height:27px;color:var(--c-accent)}.download-band__list .li-ico svg{width:100%;height:100%;display:block}.download-band__stores{display:flex;flex-wrap:wrap;gap:0.8rem}@media (max-width:860px){ .download-band{background:linear-gradient(135deg,rgba(27,96,51,0.34),rgb(var(--c-ink-rgb) / 42%))}.download-section::before{height:clamp(88px,13vh,180px)}}@media (max-width:1100px){ .download-section{aspect-ratio:auto;padding:clamp(4rem,8vw,7rem) 0}.download-section>.container{height:auto}.download-band{position:static;top:auto;right:auto;min-height:0;height:auto;width:min(470px,100%);margin-left:auto;margin-right:0}}@media (max-width:600px){.download-section{aspect-ratio:auto;padding:clamp(3rem,12vw,5rem) 0}.download-section>.container{height:auto}.download-band{position:static;top:auto;right:auto;height:auto;width:100%;aspect-ratio:auto;margin:0;flex-direction:column;align-items:flex-start;gap:1.6rem;padding:clamp(2rem,7vw,3rem)}.download-band__text{max-width:100%}.download-band__stores{width:100%}.store-badge{flex:1;justify-content:center}} .download-section{position:relative; aspect-ratio:2500 / 1720;padding:0;overflow:hidden;background:var(--c-ink)} .download-slides{position:absolute;inset:0;z-index:0}.download-slides .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;opacity:0;transition:opacity 1.2s var(--ease-in-out)}.download-slides .slide.is-on{opacity:1} .download-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:auto;height:clamp(96px,15vh,220px);z-index:1;pointer-events:none;background:linear-gradient(to bottom,var(--c-ink) 0%,rgb(var(--c-ink-rgb) / 92%) 12%,rgb(var(--c-ink-rgb) / 55%) 42%,rgb(var(--c-ink-rgb) / 18%) 66%,transparent 100%)}.download-section>.container{position:relative;z-index:2;height:100%} .reveal{opacity:0;transform:translateY(30px)}.js-ready .reveal{transition:opacity 0.95s var(--ease-soft),transform 0.95s var(--ease-soft)}.reveal.is-in{opacity:1;transform:none} .audio-card.reveal{opacity:1;transform:none}.audio-card.reveal .audio-card__inner{opacity:0}.js-ready .audio-card.reveal .audio-card__inner{transition:opacity 2.4s var(--ease-soft),transform 3.2s var(--ease-soft)}.extracts__grid .audio-card:nth-child(1) .audio-card__inner{transform:translateX(-260px)} .extracts__grid .audio-card:nth-child(3) .audio-card__inner{transform:translateX(260px)} .extracts__grid .audio-card:nth-child(2) .audio-card__inner{transform:translateY(220px)} .audio-card.reveal.is-in .audio-card__inner{opacity:1;transform:none} .download-band.reveal{transform:none} @media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}.reveal{opacity:1 !important;transform:none !important}}