:root{--sky:#2f6fb8;--sky2:#7db6ea;--teal:#0f6b7a;--deep:#0b3d4a;--sun:#f3c14b;--buoy:#e8642c;--sand:#efe6d8;--paper:#fbf9f5;--ink:#17262b;--green:#2ea043}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;font:400 1.05rem/1.65 Barlow,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:"Barlow Condensed",sans-serif;line-height:1.1;margin:0 0 .5em}
h2{font-size:clamp(2rem,5vw,3rem);color:var(--teal)}
h3{font-size:1.4rem}
a{color:var(--teal)}
:focus-visible{outline:3px solid var(--buoy);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
section{padding:72px 0}
@font-face{font-family:Autography;src:local("Autography"),url(fonts/Autography.otf) format("opentype");font-display:swap}
.script{font-family:Autography,"Mrs Saint Delafield",cursive;font-weight:400}
p{max-width:68ch}
/* nav */
nav{position:sticky;top:0;z-index:10;background:rgba(251,249,245,.94);backdrop-filter:blur(8px);border-bottom:1px solid #0001}
nav .wrap{display:flex;gap:18px;align-items:center;overflow-x:auto;height:56px;white-space:nowrap}
nav b{font:700 1.2rem "Barlow Condensed";color:var(--teal);margin-right:auto}
nav a{text-decoration:none;color:var(--ink);font-weight:500;font-size:.95rem}
nav a:hover{color:var(--buoy)}
/* hero */
.hero{background:linear-gradient(180deg,var(--sky) 0%,var(--sky2) 100%);color:#fff;padding:56px 0 0;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.hero .kind{font:600 1.1rem "Barlow Condensed";letter-spacing:.04em}
.hero h1{font-size:clamp(4.5rem,13vw,9rem);font-weight:400;margin:.05em 0 .1em;line-height:.85}
.hero p{font-size:1.2rem}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 56px}
.btn{display:inline-block;padding:12px 22px;border-radius:99px;background:var(--buoy);color:#fff;font-weight:600;text-decoration:none;border:2px solid var(--buoy)}
.btn.alt{background:transparent;border-color:#fff}
.btn:hover{filter:brightness(1.1)}
.hero img{width:100%;max-width:360px;justify-self:center;border-radius:6px;box-shadow:0 18px 40px #0b3d4a66;transform:rotate(2deg);margin-bottom:-40px}
.wave{display:block;width:100%;height:60px;margin-top:-1px}
/* blocks */
.lead{font-size:1.3rem;color:var(--deep)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.blob{background:var(--sand);padding:30px 32px;border-radius:60% 40% 55% 45%/45% 55% 45% 55%}
.blob.y{background:var(--sun)}.blob.t{background:var(--teal);color:#fff}.blob.t h3{color:#fff}
.quote{font-size:1.35rem;font-style:italic;border-left:5px solid var(--sun);padding-left:20px;margin:30px 0;color:var(--deep);max-width:60ch}
.quote small{display:block;font-style:normal;font-size:.9rem;margin-top:6px}
.ab{background:#dff0f8}.ab .blob{border-radius:36px 80px 36px 80px}.ab1{background:#7fc6e8}.ab2{background:var(--teal);color:#fff}.ab2 h3{color:#fff}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:34px}
.steps>div{background:var(--sand);border-radius:16px;padding:22px 24px;position:relative}
.steps .n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--buoy);color:#fff;font:700 1.2rem "Barlow Condensed";margin-bottom:10px}
.steps p{margin:0;font-size:.98rem}
.contactbox{background:#fff;border-left:6px solid var(--buoy);border-radius:10px;padding:18px 22px;margin:28px 0 22px;max-width:640px}
.goals{padding:0;margin:14px 0 0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.goals li{background:#fff;border-left:5px solid var(--teal);border-radius:8px;padding:12px 16px;font-weight:500}
h3.sub{font-size:1.2rem;color:var(--teal);margin-bottom:.3em}
.alt-bg{background:var(--sand)}
.dark{background:var(--deep);color:#e8f1f3}.dark h2{color:#fff}.dark a{color:var(--sun)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;border-radius:10px}
/* team */
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.person h3{margin:0}.person .role{color:var(--buoy);font-weight:600;margin:0 0 8px}.person p{font-size:.97rem;margin:0}
.person{border-top:4px solid var(--teal);padding-top:14px}
/* dates */
.dates li,.timeline li{list-style:none;display:grid;grid-template-columns:130px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #0002}
.dates,.timeline{padding:0;margin:0}
.past{margin-top:36px;background:#fff;border-radius:14px;padding:6px 22px}
.past summary{cursor:pointer;font:700 1.4rem "Barlow Condensed";color:var(--teal);padding:14px 0}
.past .when{font-size:1.05rem}.past li:last-child{border:0}.past .orga{color:#566;font-size:.95rem}
.when{font:700 1.3rem "Barlow Condensed";color:var(--buoy)}
.dates .what{font-weight:600}
.empty{padding:24px;border:2px dashed var(--teal);border-radius:14px}
/* tech */
.tech{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.tech div{background:#ffffff12;border-radius:14px;padding:18px 20px}
.tech h3{color:var(--sun);font-size:1.15rem;margin-bottom:.3em}.tech p{margin:0;font-size:.97rem}
/* downloads */
.dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;padding:0;margin:0;list-style:none}
.dl a{display:flex;gap:14px;align-items:center;padding:16px 18px;background:#fff;border-radius:14px;text-decoration:none;color:var(--ink);box-shadow:0 1px 0 #0002;height:100%}
.dl a:hover{box-shadow:0 0 0 2px var(--teal)}
.dl .ic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.8rem}
.dl small{display:block;color:#566}
.dl .main a{background:var(--teal);color:#fff}.dl .main small{color:#cde}.dl .main .ic{background:var(--sun);color:var(--ink)}
.logos{display:flex;flex-wrap:wrap;gap:22px 38px;align-items:center;padding:0;margin:28px 0 0;list-style:none}
.logos img{height:54px;width:auto;display:block}
@media(max-width:760px){.logos img{height:42px}.logos{gap:18px 26px}}
footer{background:var(--ink);color:#cfd8da;padding:44px 0;font-size:.95rem}
footer a{color:#fff}
.hlogo{display:inline-block;background:#fff;border-radius:16px;padding:6px;margin-bottom:14px}.hlogo img{display:block;width:120px;height:auto}
footer .logo{font-family:"Barlow Condensed";font-size:1.5rem;color:#fff}
@media(max-width:760px){.hero .wrap{grid-template-columns:1fr}.hero img{max-width:260px;margin-bottom:-30px}.gallery{grid-template-columns:1fr 1fr}.dates li,.timeline li{grid-template-columns:1fr;gap:2px}section{padding:52px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero.lite{padding:48px 0 0}.hero.lite .wrap{grid-template-columns:1fr}
.hero.lite h1{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;margin:.15em 0 .3em}
.hero.lite p{max-width:60ch;margin-bottom:46px}
nav a.ext{color:var(--teal);font-weight:600}

.script-in,h1 .script,h3 .script{font-family:Autography,"Mrs Saint Delafield",cursive;font-weight:400;font-size:1.35em;line-height:.8}
.contacts2{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin:16px 0 26px}
.contacts2 .contactbox{margin:0;max-width:none}
.contactbox.bv{display:flex;gap:16px;align-items:center;border-color:var(--sky)}
.contactbox.bv img{flex:none;width:96px;height:auto}
.gallery.g2 img{aspect-ratio:3/4}.gallery.g2 img.wide{grid-column:span 2;aspect-ratio:3/2}
.credit{font-size:.85rem;color:#566;margin:8px 0 30px}
.gallery{margin-bottom:0}
/* Titre manuscrit : laisser la place aux hampes d'Autography au-dessus du titre */
.hero .kind{margin-bottom:34px;position:relative;z-index:2}
.hero:not(.lite) h1{line-height:1.08;margin:.55em 0 .2em;position:relative;z-index:1}
.hero:not(.lite) h1 br+*,.hero:not(.lite) h1{padding-top:.1em}
@media(max-width:760px){.hero .kind{margin-bottom:26px}.hero:not(.lite) h1{margin-top:.45em}}
.local{background:#fff;border-left:6px solid var(--buoy);border-radius:12px;padding:20px 24px;margin:30px 0 22px;box-shadow:0 1px 0 #0002}
.local h3{color:var(--teal);margin-bottom:.3em}.local p{margin:0}
.locals{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.locals img{width:100%;border-radius:8px}
.exemple{background:var(--teal);color:#fff;border-radius:16px;padding:22px 26px;margin:22px 0 0}
.exemple h3{color:#fff;margin:.3em 0}.exemple p{margin:0}
.exemple .tag{display:inline-block;background:var(--sun);color:var(--ink);font:700 .85rem "Barlow Condensed";letter-spacing:.06em;text-transform:uppercase;padding:2px 12px;border-radius:99px}
h3.subteam{margin:48px 0 18px;color:var(--teal);font-size:1.7rem}
.logos .ens{display:flex;flex-wrap:nowrap;gap:22px;align-items:center}
@media(max-width:760px){.logos .ens{gap:16px}}
.satellite{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;background:var(--deep);color:#e8f1f3;border-radius:18px;overflow:hidden;margin:30px 0}
.satellite[hidden],.livres-box[hidden]{display:none}
.satellite img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}
.satellite>div{padding:26px 28px 26px 4px}.satellite h3{color:#fff}.satellite .cap{font-weight:600;color:var(--sun)}.satellite .credit{color:#b8cdd2}
.livres-box{margin:30px 0}.livres-box h3{color:var(--teal)}
.livres{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:0;margin:14px 0 0;list-style:none}
.livres li{background:#fff;border-left:5px solid var(--sun);border-radius:8px;padding:12px 16px;font-size:.97rem;box-shadow:0 1px 0 #0002}
.livres .meta{color:#566;font-size:.9rem}
@media(max-width:760px){.satellite{grid-template-columns:1fr}.satellite>div{padding:0 22px 24px}}
.contactbox.hl{display:flex;gap:16px;align-items:center;border-color:var(--teal)}
.contactbox.hl img{flex:none;width:96px;height:auto;background:#fff;border-radius:10px}
.endlink{margin:34px 0 0;padding-top:22px;border-top:1px solid #ffffff30;font-weight:600;font-size:1.05rem}
.endlink a{color:var(--sun)}
.encart-vide{border:2px dashed var(--buoy);border-radius:14px;padding:22px 26px;margin:20px 0;background:#fff7f2;color:var(--ink);grid-column:1/-1}
.encart-vide h3{color:var(--buoy);margin:0 0 .2em}.encart-vide p{margin:0;font-style:italic}
li.encart-vide{list-style:none;font-style:italic}
.locals figure{margin:0}.locals figcaption{font-size:.88rem;color:#566;margin-top:6px}

/* ===== version du 31/10 ===== */
.hero:not(.lite) h1{font-size:clamp(3.6rem,10.5vw,7.5rem)}
.hero h1 .nb{white-space:nowrap}
.path{display:grid;grid-template-columns:1fr 96px 1fr;grid-template-rows:auto 90px auto;align-items:center;margin-top:34px}
.path .s1{grid-area:1/1}.path .a1{grid-area:1/2}.path .s2{grid-area:1/3}.path .conn{grid-area:2/3}.path .s3{grid-area:3/3}.path .a2{grid-area:3/2;transform:scaleX(-1)}.path .concl{grid-area:3/1}
.step{background:#fff;border-radius:16px;padding:22px 24px;align-self:stretch}
.step .n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--buoy);color:#fff;font:700 1.2rem "Barlow Condensed";margin-bottom:10px}
.step p{margin:0;font-size:.98rem}.step h3{margin-bottom:.3em}
.arr{display:block;overflow:visible;justify-self:center}
.arr path{fill:none;stroke:var(--buoy);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.arr path:first-child{stroke-dasharray:.1 9}
.a-h{width:90px;height:40px}.a-v{width:40px;height:88px}
.v1,.v2{display:none}
.concl{background:#fff;border-left:6px solid var(--buoy);border-radius:12px;padding:20px 24px;font-weight:600}.concl p{margin:0}
@media(max-width:760px){.path{grid-template-columns:1fr;grid-template-rows:none}.path>*{grid-area:auto}.a-h{display:none}.v1,.v2{display:block}.a-v{height:70px;margin:4px auto}}
.tech{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.tech{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tech{grid-template-columns:1fr}}
.docsub{color:#fff;font-size:1.8rem;margin-bottom:.4em}
.dark .dl .encart-vide{background:#fff7f2}
.past ul,.past .timeline{line-height:1.35}
.past li{padding:6px 0;gap:12px;grid-template-columns:150px 1fr}
.past .when{font-size:1rem}.past .orga{font-size:.93rem}
@media(max-width:760px){.past li{grid-template-columns:1fr;gap:0}}
footer .logo a{color:#fff;text-decoration:none}footer .logo a:hover{text-decoration:underline}
footer .ia{font-size:.85rem;opacity:.75}
.dl .encart-vide{grid-column:auto;margin:0}.dl .encart-vide h3{font-size:1.15rem}

/* ===== version du 31/10 (2) ===== */
.wrap{max-width:1200px}
.oneline{max-width:none;font-size:1.02rem}.lead.oneline{font-size:1.05rem}
.local p,.blob p,.step p,.concl p,.exemple p{max-width:none}
#team{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){#team{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#team{grid-template-columns:1fr}}
.path{display:flex;flex-direction:column;margin-top:34px}
.path .step,.path .concl{width:calc(50% - 16px);align-self:auto}
.path .s1,.path .s3{align-self:flex-start}.path .s2,.path .concl{align-self:flex-end}
.a-wide{width:100%;height:auto;margin:6px 0}.flip{transform:scaleX(-1)}
.mob{display:none}
@media(max-width:760px){.path .step,.path .concl{width:100%;align-self:stretch}.a-wide{display:none}.mob{display:block;margin:4px auto}}
.kicker{margin:0 0 6px;font:600 1.1rem "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:var(--sun)}
.docsub{font-size:clamp(2rem,5vw,3rem);color:#fff;margin:0 0 .4em}
#partenaires h2{text-align:center}#partenaires .logos{justify-content:center}
#presseList .ic{font-size:1.2rem}

/* ===== version du 01/11 ===== */
#team2{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){#team2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#team2{grid-template-columns:1fr}}
.gallery.g2{max-width:760px}
.satellite{max-width:820px}.satellite img{min-height:200px}
.livres{display:block;columns:2;column-gap:36px;font-size:.88rem;line-height:1.35;margin-top:12px}
.livres li{background:none;border:0;border-radius:0;box-shadow:none;padding:3px 0 3px 14px;position:relative;break-inside:avoid;font-size:.88rem}
.livres li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--sun)}
.livres .meta{color:#566}
.livres .encart-vide::before{display:none}
@media(max-width:760px){.livres{columns:1}}
.path{max-width:680px}
.path .step{padding:14px 18px}.path .step h3{font-size:1.1rem}.path .step p{font-size:.9rem}
.path .step .n{width:28px;height:28px;font-size:1rem;margin-bottom:6px}
.path .concl{padding:14px 18px;font-size:.92rem}
.a-wide{margin:2px 0}
.presse-c{list-style:none;padding:0;margin:12px 0 0;columns:2;column-gap:36px;font-size:.9rem;line-height:1.35}
.presse-c li{break-inside:avoid;padding:5px 0;border-bottom:1px solid #ffffff22}
.presse-c a{color:#fff;text-decoration:none}.presse-c a:hover{text-decoration:underline}
.presse-c b{font-weight:600}.presse-c .d{color:#b8cdd2}
@media(max-width:760px){.presse-c{columns:1}}
/* page Arbres Bleus */
.goals{counter-reset:g;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:18px}
.goals li{counter-increment:g;display:flex;align-items:center;gap:16px;background:#fff;border:0;border-radius:20px;padding:20px 22px;box-shadow:0 8px 22px rgba(11,61,74,.12);font-weight:600;font-size:1.02rem;line-height:1.3}
.goals li::before{content:counter(g);flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--teal);color:#fff;font:700 1.5rem "Barlow Condensed"}
.goals li:nth-child(2)::before{background:var(--buoy)}.goals li:nth-child(3)::before{background:var(--sky)}.goals li:nth-child(4)::before{background:var(--green)}.goals li:nth-child(5)::before{background:var(--sun);color:var(--ink)}
.hero-photo{margin:26px 0 8px}.hero-photo img{width:100%;max-height:340px;object-fit:cover;border-radius:18px;display:block}
.hero-photo figcaption{font-size:.85rem;color:#566;margin-top:6px}
.contactbox.hl img,.contactbox.bv img{display:block}
footer.mini{padding:26px 0}footer.mini p{margin:0 0 6px}
#contact{scroll-margin-top:70px}
.hero.lite h1 .script{white-space:nowrap}
.goals{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
.livres-box .satellite h3{color:#fff}

/* ===== version du 01/11 (2) ===== */
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:30px 0}
.quotes .quote{margin:0;max-width:none;font-size:1.12rem}
@media(max-width:860px){.quotes{grid-template-columns:1fr}}
.gallery.g2{margin-left:auto;margin-right:auto}
.credit{max-width:760px;margin:8px auto 30px;text-align:center}
.satellite{margin-left:auto;margin-right:auto}
.flow-card{background:#fff;border-radius:24px;padding:26px 30px;max-width:820px;margin:34px auto 0;box-shadow:0 10px 28px rgba(11,61,74,.10)}
.flow-card .path{margin:0 auto;max-width:680px}
.flow-card .step,.flow-card .concl{background:#f6f0e6}
@media(max-width:760px){.flow-card{padding:18px}}