:root{--bg:#faf9f5;--band:#f0eee6;--warm:#e3dacc;--sage:#edede5;--ink:#141413;--mut:#6b6a63;--onD:#faf9f5;--mutD:#b0aea5;--dark:#141413;--dark2:#3d3d3a;--acc:#3f5340;--acc2:#4a6249;--sans:Arial,"Helvetica Neue",Helvetica,sans-serif;--serif:Georgia,"Times New Roman",serif;--r-btn:8px;--r-card:12px;--r-fig:16px;--r-field:20px;--pad:clamp(24px,5vw,72px);--sec:clamp(60px,7.5vw,108px);--fig-gap:clamp(36px,4.5vw,64px);--wrap:1240px;--shadow:0 5px 18px #14141324}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:20px/1.5 var(--serif);margin:0}img,svg{max-width:100%}.t-h1{font:700 clamp(38px,5.4vw,72px)/1.1 var(--sans);letter-spacing:normal;max-width:17ch;margin:0}.t-say{font:400 clamp(28px,3.6vw,48px)/1.24 var(--serif);max-width:20ch;margin:0}.t-h2{font:600 24px/1.25 var(--sans);margin:0}.t-h3{font:600 19px/1.3 var(--sans);margin:0}.t-lede{font:21px/1.5 var(--serif);max-width:52ch;margin:0}.t-body{font:20px/1.5 var(--serif);max-width:56ch;margin:0}.t-q{font:36px/1.2 var(--serif);max-width:22ch;margin:0}.t-cap{font:16px/1.5 var(--sans);color:var(--mut);max-width:66ch;margin:0}.t-ui{font:16px/1.5 var(--sans);margin:0}.t-small{font:15px/1.55 var(--sans);color:var(--mut);max-width:74ch;margin:0}.on-dark .t-cap,.on-dark .t-small{color:var(--mutD)}.wrap{max-width:var(--wrap);padding:0 var(--pad);margin:0 auto}.section{padding-block:var(--sec)}.section--band{background:var(--band)}.section--tight{padding-block:calc(var(--sec) * .55)}.stack>*+*{margin-top:22px}.stack-lg>*+*{margin-top:34px}.suite{font:16px/1.6 var(--sans);color:var(--mut);max-width:62ch;margin:0}.suite a{color:var(--acc);font-weight:600;text-decoration:none}.suite a:hover{text-decoration:underline}.fig{margin-top:var(--fig-gap)}.btn{background:var(--acc);color:var(--onD);font:600 16px var(--sans);border-radius:var(--r-btn);cursor:pointer;border:0;padding:13px 20px;text-decoration:none;display:inline-block}.btn:hover{background:var(--acc2)}.btn-quiet{font:600 16px var(--sans);color:var(--ink);padding:11px 4px;text-decoration:none;display:inline-block}.btn-quiet:hover{color:var(--acc)}.actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}header{--nav-y:14px;z-index:20;background:var(--band);border-bottom:1px solid #0000;position:sticky;top:0}header.is-detachee{--nav-y:7px;border-bottom-color:#14141338}@media (resolution>=1.5x){header{border-bottom-width:.5px}}html{scroll-padding-top:72px}.nav{max-width:var(--wrap);padding:var(--nav-y) var(--pad);align-items:center;gap:30px;margin:0 auto;display:flex}@media (prefers-reduced-motion:no-preference){.nav{transition:padding .2s}}.mark{font:700 17px var(--sans);color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:flex}.mark svg{width:40px;height:40px;color:var(--acc)}.nav-links{align-items:center;gap:26px;margin-left:auto;display:flex}.nav>.btn{margin-left:26px}@media (width<=760px){.nav{flex-wrap:wrap;row-gap:14px}.nav-links{order:3;justify-content:flex-start;gap:22px;width:100%;margin-left:0}.nav>.btn{margin-left:auto}}.nav-links a{font:16px var(--sans);color:var(--ink);text-decoration:none}.nav-links a:hover{color:var(--acc)}.nav-drop{align-items:center;display:flex;position:relative}.nav-drop-btn{font:16px var(--sans);color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0;display:inline-flex}.nav-drop-btn:hover{color:var(--acc)}.nav-drop-btn:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg)}.nav-drop-menu{z-index:30;padding-top:12px;display:none;position:absolute;top:100%;left:-20px}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:block}.nav-drop-liste{background:var(--bg);border-radius:var(--r-card);min-width:222px;box-shadow:var(--shadow);flex-direction:column;padding:10px 0;display:flex}.nav-drop-liste a{white-space:nowrap;padding:12px 20px;display:block}.nav-drop-liste a:hover{color:var(--acc);background:var(--band)}@media (width<=760px){.nav-drop-menu{left:0}}.dark-figure{background:var(--dark);color:var(--onD);border-radius:var(--r-fig);padding:clamp(28px,4vw,64px)}.cards{grid-template-columns:1fr;gap:22px;display:grid}@media (width>=700px){.cards{grid-template-columns:repeat(2,1fr)}}.card{background:var(--band);border-radius:var(--r-card);padding:28px 30px}@media (width>=700px){.cards>.card:nth-child(5):last-child{grid-column:1/-1}}.section--band .card{background:var(--bg)}.card .t-body{max-width:none;margin-top:10px;font-size:18px}.card a{color:var(--acc);font:600 16px var(--sans);text-decoration:none}.card a:hover{text-decoration:underline}@media (prefers-reduced-motion:no-preference){.card{transition:transform .25s}.card:hover{transform:translateY(-3px)}}.field{background:var(--bg);border-radius:var(--r-field);flex-direction:column;align-items:center;gap:26px;padding:clamp(32px,6vw,84px) clamp(24px,5vw,64px);display:flex}.section--band .field{background:var(--band)}.section--band .field.field--clair{background:var(--bg)}.quadrille{background-color:var(--sage);border-radius:var(--r-field);background-image:linear-gradient(90deg,#14141314 1px,#0000 1px),linear-gradient(#14141314 1px,#0000 1px);background-size:30px 30px;padding:clamp(22px,2.6vw,34px)}.section--band .quadrille{background-color:var(--bg)}.quadrille>*+*{margin-top:14px}.quadrille .t-body{max-width:58ch}.field--warm{background:var(--warm)}.field .t-cap{text-align:center}.derniere{background:var(--band);border-radius:var(--r-card);max-width:64ch;padding:26px 30px}.section--band .derniere{background:var(--bg)}.derniere>*+*{margin-top:10px}.derniere-d{font:15px var(--sans);color:var(--mut);font-variant-numeric:tabular-nums;margin:0}.derniere .t-body{max-width:none}.derniere a{color:var(--acc);font:600 16px var(--sans);margin-top:6px;text-decoration:none;display:inline-block}.derniere a:hover{text-decoration:underline}.placeholder{border-radius:var(--r-card);background:var(--warm);text-align:center;justify-content:center;align-items:center;width:100%;min-height:clamp(220px,32vw,380px);padding:28px;display:flex}.on-dark .placeholder{background:var(--dark2)}.fold{flex-direction:column;gap:10px;display:flex}.fold details{background:var(--band);border-radius:var(--r-btn)}.section--band .fold details{background:var(--bg)}.fold summary{cursor:pointer;font:600 19px/1.35 var(--sans);align-items:baseline;gap:16px;padding:20px 26px;list-style:none;display:flex}.fold summary::-webkit-details-marker{display:none}.fold summary:after{content:"+";font:400 24px/1 var(--sans);color:var(--mut);margin-left:auto}.fold details[open] summary:after{content:"–";color:var(--acc)}.fold summary:hover{color:var(--acc)}.fold .answer{padding:0 26px 24px}.fold .answer>*+*{margin-top:16px}.fold .answer p{font:19px/1.55 var(--serif);max-width:62ch;margin:0}.foot{background:var(--dark);color:var(--onD);padding:56px 0}.foot-grid{max-width:var(--wrap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);gap:22px;margin:0 auto;display:grid}.foot .mark,.foot .mark svg{color:var(--onD)}.foot-brand{grid-column:1/5}.foot-brand p{font:15.5px/1.55 var(--sans);color:var(--mutD);max-width:32ch;margin:16px 0 0}.foot-col{font:15.5px/1.95 var(--sans)}.foot-col h2{font:600 15.5px var(--sans);margin:0 0 6px}.foot-col a{color:var(--mutD);padding:4px 0;text-decoration:none;display:block}.foot-col a:hover{color:var(--onD)}.foot-c1{grid-column:6/8}.foot-c2{grid-column:8/10}.foot-c3{grid-column:10/13}.foot-end{font:14.5px var(--sans);color:var(--mutD);grid-column:1/13;margin-top:52px}@media (width<=880px){.foot-brand,.foot-col,.foot-c1,.foot-c2,.foot-c3{grid-column:1/13}}@media (width<=480px){.t-lede{font-size:19px}.t-body{font-size:18px}.card .t-body{font-size:17px}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.22,.61,.36,1);transform:translateY(26px)}.reveal.is-in{opacity:1;transform:none}.reveal-items>*{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.22,.61,.36,1);transform:translateY(20px)}.reveal-items.is-in>*{opacity:1;transform:none}.reveal-items.is-in>:nth-child(2){transition-delay:80ms}.reveal-items.is-in>:nth-child(3){transition-delay:.16s}.reveal-items.is-in>:nth-child(4){transition-delay:.24s}.reveal-items.is-in>:nth-child(5){transition-delay:.32s}.reveal-items.is-in>:nth-child(6){transition-delay:.4s}.reveal-items.is-in>:nth-child(7){transition-delay:.48s}.reveal-items.is-in>:nth-child(8){transition-delay:.56s}.anim [data-anim]{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .5s,transform .5s cubic-bezier(.22,.61,.36,1);transform:translateY(10px)}.anim.is-in [data-anim]{opacity:1;transform:none}.reveal-items.paires.is-in>:nth-child(n+3){transition-delay:90ms}.reveal-items.paires.is-in>:nth-child(n+5){transition-delay:.18s}.reveal-items.paires.is-in>:nth-child(n+7){transition-delay:.27s}.reveal-items.paires.is-in>:nth-child(n+9){transition-delay:.36s}.reveal-items.paires.is-in>:nth-child(n+11){transition-delay:.45s}.reveal-items.paires.is-in>:nth-child(n+13){transition-delay:.54s}.anim [data-anim]{transition-delay:var(--d,0s)}.anim [data-trace]{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .55s cubic-bezier(.4,0,.3,1);transition-delay:var(--d,0s)}.anim.is-in [data-trace]{stroke-dashoffset:0}.hero.joue .hero-texte>*{animation:.7s cubic-bezier(.22,.61,.36,1) both entre}.hero.joue .hero-texte>*+*{animation-delay:.14s}.hero.joue .fond{animation:1s .28s both entre-fond}@keyframes entre{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes entre-fond{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.fold details[open] .answer{animation:.3s fold-in}@keyframes fold-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}.hero{grid-template-columns:1fr;align-items:center;gap:clamp(40px,5vw,72px);display:grid}@media (width>=960px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.section:has(>.wrap>.hero){overflow:hidden}}.hero-texte>*+*{margin-top:34px}.exemples{grid-template-columns:1fr;gap:22px;display:grid}@media (width>=760px){.exemples{grid-template-columns:repeat(2,1fr)}}.exemple{background:var(--band);border-radius:var(--r-card);padding:24px 26px}.section--band .exemple{background:var(--bg)}.exemple h3{margin:0 0 10px}.exemple p{font:18px/1.55 var(--serif);max-width:none;margin:0}