:root{--chaux: #F5F1EA;--sable: #E8E0D3;--charbon: #2B2622;--sauge: #5C6B5A;--sauge-fonce: #3F4B3E;--terracotta: #C0603F;--terracotta-clair: #D98A6A;--beton: #A89F91;--grad-chaud: linear-gradient(135deg, var(--terracotta) 0%, var(--terracotta-clair) 100%);--grad-sauge: linear-gradient(135deg, var(--sauge-fonce) 0%, var(--sauge) 100%);--grad-fond: linear-gradient(180deg, var(--chaux) 0%, var(--sable) 100%);--radius: 14px;--radius-lg: 24px;--shadow: 0 10px 30px -12px rgba(43, 38, 34, .25);--font-titre: "Fraunces", Georgia, serif;--font-texte: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-texte);font-size:1.0625rem;color:var(--charbon);background:var(--grad-fond);line-height:1.7;overflow-wrap:break-word}h1,h2,h3{font-family:var(--font-titre);line-height:1.15;color:var(--charbon);text-wrap:balance}h1{font-size:clamp(2rem,5vw,3.6rem);margin:0 0 1rem}h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 1rem}h3{font-size:clamp(1.15rem,2vw,1.35rem)}p{text-wrap:pretty}a{color:var(--sauge-fonce)}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px;border-radius:6px}.container{width:min(1180px,92%);margin-inline:auto}.section{padding:clamp(3rem,7vw,4.5rem) 0}.header{position:sticky;top:0;z-index:50;background:#f5f1eae6;backdrop-filter:blur(10px);border-bottom:1px solid var(--sable)}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;gap:1rem}.logo{font-family:var(--font-titre);font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--charbon);white-space:nowrap}.logo span{background:var(--grad-chaud);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;flex-wrap:wrap;gap:.4rem}.nav a{padding:.55rem .9rem;border-radius:var(--radius);text-decoration:none;color:var(--charbon);font-size:.95rem;transition:background .25s,color .25s}.nav a:hover{background:var(--sable);color:var(--terracotta)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.9rem 1.6rem;border-radius:var(--radius);border:0;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;overflow:hidden;background:var(--grad-chaud);background-size:200% 200%;color:#fff;box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background-position .6s}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px -12px #c0603f8c;background-position:100% 50%}.btn:hover:after{transform:translate(120%)}.btn:active{transform:translateY(0) scale(.98)}.btn .btn__fleche{transition:transform .25s}.btn:hover .btn__fleche{transform:translate(4px)}.btn--sauge{background:var(--grad-sauge)}.btn--sauge:hover{box-shadow:0 16px 34px -12px #5c6b5a8c}.btn--ghost{background:transparent;color:var(--charbon);box-shadow:inset 0 0 0 2px var(--charbon)}.btn--ghost:hover{background:var(--charbon);color:var(--chaux);box-shadow:var(--shadow)}.hero{position:relative;overflow:hidden;padding:4rem 0 5rem}.hero__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.hero__kicker{display:inline-block;padding:.35rem .9rem;border-radius:999px;background:var(--sable);color:var(--terracotta);font-weight:600;font-size:.85rem;margin-bottom:1rem}.hero__intro{font-size:1.15rem;max-width:40ch}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.hero__visuel{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1 / 1}.anim-fond{animation:derive 18s ease-in-out infinite alternate;transform-origin:center}.anim-tache-1{animation:flotte 9s ease-in-out infinite}.anim-tache-2{animation:flotte 12s ease-in-out infinite reverse}.anim-tache-3{animation:flotte 15s ease-in-out infinite}.anim-trait{stroke-dasharray:900;stroke-dashoffset:900;animation:peindre 3.2s cubic-bezier(.6,.1,.2,1) forwards,respire 6s 3.2s ease-in-out infinite}.anim-rouleau{animation:rouler 3.2s cubic-bezier(.6,.1,.2,1) forwards}@keyframes derive{0%{transform:scale(1) rotate(0)}to{transform:scale(1.12) rotate(4deg)}}@keyframes flotte{0%,to{transform:translate(0)}50%{transform:translate(14px,-18px)}}@keyframes peindre{to{stroke-dashoffset:0}}@keyframes respire{0%,to{opacity:1}50%{opacity:.85}}@keyframes rouler{0%{transform:translate(-260px)}to{transform:translate(0)}}.hero--terracotta .hero__visuel{background:linear-gradient(135deg,#e8e0d3,#d98a6a)}.hero--sauge .hero__visuel{background:linear-gradient(135deg,#e8e0d3,#8a9887)}.hero--sable .hero__visuel{background:linear-gradient(135deg,#f5f1ea,#cdbfa8)}.hero--beton .hero__visuel{background:linear-gradient(135deg,#e8e0d3,#a89f91)}.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem}.carte{display:flex;flex-direction:column;padding:1.8rem;border-radius:var(--radius-lg);text-decoration:none;color:var(--charbon);background:#fff;box-shadow:var(--shadow);border-top:5px solid var(--terracotta);transition:transform .3s,box-shadow .3s}.carte:hover{transform:translateY(-6px);box-shadow:0 22px 40px -16px #2b262259}.carte h3{margin:0 0 .5rem}.carte p{margin:0}.carte--sauge{border-top-color:var(--sauge)}.carte--sable{border-top-color:var(--beton)}.carte--beton{border-top-color:var(--charbon)}.bandeau{border-radius:var(--radius-lg);padding:3rem;background:var(--grad-sauge);color:var(--chaux);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.bandeau h2{color:var(--chaux);margin:0}.bandeau a:not(.btn){color:var(--chaux)}.fil{font-size:.9rem;margin-bottom:1rem}.fil a{color:var(--beton);text-decoration:none}.footer{margin-top:4rem;padding:3rem 0;background:var(--charbon);color:var(--sable)}.footer a{color:var(--chaux)}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.section--sable{background:var(--sable)}.section__intro{max-width:65ch;margin:0 0 2rem;font-size:1.08rem}.carte__lien{display:inline-flex;gap:.4rem;margin-top:auto;padding-top:1rem;font-weight:600;color:var(--terracotta);transition:gap .25s}.carte:hover .carte__lien{gap:.7rem}.carte--guide{border-top-color:var(--terracotta-clair)}.carte--guide h3{font-size:1.2rem}.carte--guide p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.editorial{max-width:68ch}.editorial p{margin:0 0 1.2rem}.editorial a{text-underline-offset:3px;text-decoration-thickness:1.5px}.sources{margin-top:2rem;padding:1.4rem 1.6rem;border-radius:var(--radius);background:#fff;font-size:.92rem;color:var(--charbon)}.sources__titre{margin:0 0 .5rem;font-weight:600;color:var(--sauge-fonce)}.sources ul{margin:0;padding-left:1.2rem}.sources li{margin-bottom:.35rem}.bandeau__texte{flex:1 1 420px}.bandeau__texte p{margin:.8rem 0 0;max-width:58ch}.faq details{margin-bottom:.9rem;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}.faq summary{padding:1.1rem 3rem 1.1rem 1.4rem;font-family:var(--font-titre);font-size:1.15rem;font-weight:600;cursor:pointer;list-style:none;position:relative;min-height:48px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);color:var(--terracotta);font-size:1.4rem;transition:transform .25s}.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq details p{margin:0;padding:0 1.4rem 1.2rem}.ouverture{margin-top:2rem;font-style:italic}.etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative;counter-reset:etape}.etapes:before{content:"";position:absolute;top:28px;left:12%;right:12%;height:3px;border-radius:3px;background:var(--grad-chaud);transform-origin:left center;transition:transform 1.2s cubic-bezier(.6,.1,.2,1) .2s;z-index:0}.etape{position:relative;z-index:1;padding:0 1.2rem 1.6rem;text-align:center}.etape__num{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;background:var(--grad-chaud);color:#fff;font-family:var(--font-titre);font-size:1.4rem;font-weight:700;box-shadow:0 0 0 6px var(--sable),var(--shadow)}.etape h3{margin:0 0 .4rem}.etape p{margin:0;font-size:1rem}.editorial-grille{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:3rem;align-items:start}.nuancier{margin:0;position:sticky;top:110px}.nuancier svg{width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(43,38,34,.18))}.nuancier figcaption{margin-top:.8rem;font-size:.92rem;font-style:italic;text-align:center;color:var(--sauge-fonce)}.lame{transform-box:view-box;transform-origin:200px 335px;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);transform:rotate(var(--angle))}.lame-1{--angle: -48deg}.lame-2{--angle: -24deg;transition-delay:.08s}.lame-3{--angle: 0deg;transition-delay:.16s}.lame-4{--angle: 24deg;transition-delay:.24s}.lame-5{--angle: 48deg;transition-delay:.32s}.nuancier:hover .lame-1{transform:rotate(-54deg)}.nuancier:hover .lame-5{transform:rotate(54deg)}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.js .reveal.est-visible,.js .reveal--cascade{opacity:1;transform:none}.js .reveal--cascade>*{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.js .reveal--cascade.est-visible>*{opacity:1;transform:none}.js .reveal--cascade.est-visible>*:nth-child(2){transition-delay:.1s}.js .reveal--cascade.est-visible>*:nth-child(3){transition-delay:.2s}.js .reveal--cascade.est-visible>*:nth-child(4){transition-delay:.3s}.js .reveal--cascade.est-visible>*:nth-child(5){transition-delay:.4s}.js .reveal--cascade.est-visible>.carte:hover{transform:translateY(-6px);transition-delay:0s}.js .etapes:not(.est-visible):before{transform:scaleX(0)}.js .nuancier:not(.est-visible) .lame{transform:rotate(0)}@media(max-width:960px){.etapes{grid-template-columns:repeat(2,1fr);row-gap:2rem}.etapes:before{display:none}.editorial-grille{grid-template-columns:1fr;gap:2rem}.nuancier{position:static;max-width:340px;margin-inline:auto;order:-1}}@media(max-width:860px){.hero{padding:2.5rem 0 3.5rem}.hero__grid{grid-template-columns:1fr;gap:2rem}.hero__visuel{aspect-ratio:4 / 3}.hero__intro{max-width:none}.bandeau{padding:2rem}}@media(max-width:600px){.container{width:min(1180px,90%)}.header__inner{flex-direction:column;align-items:stretch;gap:.5rem;padding:.7rem 0 .5rem}.logo{font-size:1.3rem}.nav{flex-wrap:nowrap;overflow-x:auto;gap:.3rem;margin-inline:-5%;padding-inline:5%;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;background:var(--sable);font-size:.9rem;scroll-snap-align:start}.cartes{grid-template-columns:1fr;gap:1rem}.carte{padding:1.4rem}.hero__actions{flex-direction:column}.hero__actions .btn,.bandeau .btn{width:100%}.bandeau{padding:1.6rem;border-radius:var(--radius)}.etapes{grid-template-columns:1fr;row-gap:1.2rem}.etape{display:grid;grid-template-columns:56px 1fr;column-gap:1rem;text-align:left;padding:0}.etape__num{grid-row:span 2;margin:0}.etape h3{align-self:end}.faq summary{font-size:1.05rem;padding:1rem 2.8rem 1rem 1.1rem}.faq details p{padding:0 1.1rem 1.1rem}.sources{padding:1.1rem 1.2rem}.nuancier{max-width:260px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.anim-trait{stroke-dashoffset:0}.js .reveal,.js .reveal--cascade>*{opacity:1;transform:none}.js .etapes:not(.est-visible):before{transform:none}.js .nuancier:not(.est-visible) .lame{transform:rotate(var(--angle))}}