@font-face{font-family:"Archivo V";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-wdth.woff2) format("woff2-variations")}
@font-face{font-family:"Syncopate";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/syncopate.woff2) format("woff2")}
@font-face{font-family:"Newsreader V";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/newsreader-opsz.woff2) format("woff2-variations")}
@font-face{font-family:"Newsreader V";font-style:italic;font-weight:200 800;font-display:swap;src:url(fonts/newsreader-opsz-italic.woff2) format("woff2-variations")}
:root{--ivory:#F4F2EC;--ivory2:#ECE9E1;--black:#000;--ink:#111110;--ink2:#3A3936;--stone:#8C8A84;--line:#DDD9D0;--line-d:#2A2A28;--on-dark:#F4F2EC;--on-dark2:#B9B6AE;
  --sans:"Archivo V",system-ui,sans-serif;--serif:"Newsreader V",Georgia,serif;--gut:clamp(16px,5vw,96px);--ease:cubic-bezier(.16,.84,.26,1);--dur:.9s}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;text-rendering:optimizeLegibility}
a{color:inherit}
img{max-width:100%;display:block}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--ivory);padding:8px 12px;font-size:13px}
.skip:focus{left:8px;z-index:50}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.serif{font-family:var(--serif)}
/* en-tête */
.hd{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--gut);transition:background .5s,color .5s,padding .5s var(--ease)}
.hd.on-dark{color:var(--on-dark)}
.hd.scrolled{background:color-mix(in srgb,var(--ivory) 88%,transparent);color:var(--ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:12px;padding-bottom:12px}
.hd .logo{font-family:"Syncopate",var(--sans);font-weight:400;font-size:15px;letter-spacing:.3em;text-decoration:none;white-space:nowrap;display:flex;align-items:baseline;gap:18px}
.logo .mk i{display:inline-block;width:.32em;height:.32em;border-radius:50%;background:currentColor;vertical-align:middle;margin:0 .22em 0 -.02em;position:relative;top:-.12em}
.logo .full{font-size:8px;letter-spacing:.42em;opacity:.7;text-transform:uppercase}
.hd nav{display:flex;gap:26px;font-size:13.5px}
.hd nav a{text-decoration:none;opacity:.75;transition:opacity .3s}
.hd nav a:hover,.hd nav a[aria-current]{opacity:1}
.hd .right{display:flex;align-items:center;gap:18px}
.hd .lang{font-size:12.5px;text-decoration:none;opacity:.7}
.hd .req{font-size:13px;text-decoration:none;padding:9px 14px;border:1px solid currentColor;border-radius:2px;transition:background .3s,color .3s}
.hd .req:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.hd.on-dark:not(.scrolled) .req:hover{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.hd .burger{display:none;background:none;border:0;color:inherit;font:inherit;font-size:13px;padding:8px 0;cursor:pointer}
@media (max-width:900px){.hd nav,.hd .lang{display:none}.hd .burger{display:block}}
@media (max-width:640px){.hd .req{display:none}.hd .logo .full{display:none}}
.menu{position:fixed;inset:0;z-index:60;background:var(--black);color:var(--on-dark);display:none;flex-direction:column;justify-content:center;padding:0 var(--gut)}
.menu.open{display:flex}
.menu a{font-family:var(--serif);font-size:clamp(34px,9vw,56px);line-height:1.15;text-decoration:none;font-variation-settings:"opsz" 48;opacity:0;transform:translateY(10px);animation:fade var(--dur) var(--ease) forwards;animation-delay:calc(.06s * var(--i))}
.menu .small{margin-top:28px;display:flex;gap:22px;font-size:14px}
.menu .small a{font-family:var(--sans);font-size:14px;animation-delay:.5s}
.menu .close{position:absolute;top:18px;right:var(--gut);background:none;border:0;color:inherit;font:inherit;font-size:13px;cursor:pointer}
@keyframes fade{to{opacity:1;transform:none}}
/* scènes : noir, grain, lueur ; reçoivent la photographie quand elle existe */
.scene{position:relative;background:var(--black) center/cover no-repeat;color:var(--on-dark);overflow:hidden;isolation:isolate}
.scene::before{content:"";position:absolute;inset:-10%;background:radial-gradient(60% 50% at 70% 85%,rgba(255,255,255,.10),transparent 70%),radial-gradient(40% 30% at 20% 20%,rgba(255,255,255,.04),transparent 70%);z-index:0}
.scene::after{content:"";position:absolute;inset:0;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.scene>*{position:relative;z-index:1}
.scene .img{position:absolute;inset:0;z-index:0;background:center/cover no-repeat;filter:saturate(.72) contrast(1.06) brightness(.9);transform:translate3d(0,var(--par,0),0) scale(1.06);will-change:transform}
.scene .img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.08) 55%,rgba(0,0,0,.25))}
.scene .img.fade{opacity:0;animation:xfade 24s linear infinite;animation-delay:calc(var(--k) * 8s)}
.scene .img.fade:first-child{opacity:1}
@keyframes xfade{0%{opacity:0}6%{opacity:1}33%{opacity:1}40%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.scene .img.fade{animation:none;opacity:0}.scene .img.fade:first-child{opacity:1}}
.flag{display:inline-block;width:18px;height:12px;vertical-align:-1px;margin-right:7px;border-radius:1px;box-shadow:0 0 0 1px rgba(127,127,127,.35)}
.hd .lang{display:inline-flex;align-items:center}
/* hero */
.hero{min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:0 var(--gut) 48px}
.hero .in{align-self:end;padding-bottom:9vh;max-width:1100px}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6.6vw,104px);line-height:1.02;letter-spacing:-.015em;margin:0 0 22px;font-variation-settings:"opsz" 72}
.hero h1 .l{display:block;overflow:hidden}
.hero h1 .l span{display:block;transform:translateY(110%);animation:rise 1.2s var(--ease) forwards;animation-delay:calc(.14s * var(--i) + .2s)}
@keyframes rise{to{transform:none}}
.hero .sub{font-size:15px;letter-spacing:.06em;color:var(--on-dark2);margin:0 0 34px;opacity:0;animation:fade var(--dur) var(--ease) forwards;animation-delay:.75s}
.hero .acts{display:flex;flex-wrap:wrap;align-items:center;gap:26px;opacity:0;animation:fade var(--dur) var(--ease) forwards;animation-delay:.95s}
.hero .foot{display:flex;justify-content:space-between;align-items:flex-end;font-size:12.5px;color:var(--on-dark2);letter-spacing:.04em}
.hero .foot .sc{display:flex;flex-direction:column;align-items:center;gap:8px}
.hero .foot .sc i{display:block;width:1px;height:38px;background:currentColor;opacity:.6;transform-origin:top;animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:640px){.hero .foot>span:not(.sc){display:none}.hero .foot{justify-content:center}}
@media (prefers-reduced-motion:reduce){.hero h1 .l span,.hero .sub,.hero .acts,.menu a{animation:none;transform:none;opacity:1}.hero .foot .sc i{animation:none}.scene::before{transform:none!important}}
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:13.5px;letter-spacing:.02em;text-decoration:none;padding:15px 22px;border-radius:2px;border:1px solid var(--ink);background:var(--ink);color:var(--ivory);transition:background .35s,color .35s,border-color .35s,transform .6s var(--ease);cursor:pointer}
.btn:hover{background:transparent;color:var(--ink)}
.scene .btn,.dark .btn{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.scene .btn:hover,.dark .btn:hover{background:transparent;color:var(--ivory)}
.lnk{font-size:13.5px;text-decoration:none;padding-bottom:3px;border-bottom:1px solid currentColor;opacity:.85;transition:opacity .3s}
.lnk:hover{opacity:1}
/* sections */
.wrap{padding:0 var(--gut)}
.sec{padding:clamp(72px,12vh,160px) 0}
.sec.wrap{padding-left:var(--gut);padding-right:var(--gut)}
.sec.dark{background:var(--black);color:var(--on-dark)}
.grid{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2.2fr);gap:32px clamp(32px,6vw,120px)}
.mark{font-size:13px;letter-spacing:.04em;color:var(--stone);position:sticky;top:96px;align-self:start}
.dark .mark{color:var(--on-dark2)}
.lead{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,44px);line-height:1.18;letter-spacing:-.012em;margin:0 0 40px;font-variation-settings:"opsz" 40;max-width:22ch}
.lead.w{max-width:30ch}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:30px 0;border-top:1px solid var(--line)}
.dark .steps li{border-color:var(--line-d)}
.steps li:first-child{border-top:0;padding-top:0}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-size:12.5px;letter-spacing:.04em;color:var(--stone);padding-top:8px;font-variant-numeric:tabular-nums}
.steps h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.2vw,30px);line-height:1.2;margin:0 0 10px;font-variation-settings:"opsz" 28}
.steps p{margin:0;max-width:58ch;color:var(--ink2);font-size:16px;line-height:1.55}
.dark .steps p{color:var(--on-dark2)}
.claim{font-family:var(--serif);font-size:clamp(20px,2vw,27px);line-height:1.35;margin:44px 0 0;max-width:34ch;font-variation-settings:"opsz" 24}
/* univers : scène + texte */
.univ{display:grid;grid-template-columns:1fr 1fr;min-height:82vh}
.univ .scene{min-height:60vh}
.univ .tx{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(40px,7vh,96px) var(--gut)}
.univ .tx h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1;letter-spacing:-.015em;margin:0;font-variation-settings:"opsz" 56}
.univ .tx p{margin:0;max-width:46ch;font-size:17px;line-height:1.55;color:var(--ink2)}
.univ:nth-child(even) .scene{order:2}
@media (max-width:900px){.univ{grid-template-columns:1fr}.univ .scene{min-height:62vh;order:0!important}}
/* bandeau */
.band{background:var(--black);color:var(--on-dark);padding:clamp(80px,16vh,200px) var(--gut);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}
.band h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,7vw,120px);line-height:.98;letter-spacing:-.02em;margin:0;font-variation-settings:"opsz" 72}
.band h2 span{display:block}
.band h2 span:last-child{color:var(--on-dark2)}
/* réseau extrait / desk */
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px clamp(32px,6vw,120px);align-items:start}
@media (max-width:900px){.two,.grid{grid-template-columns:1fr}.mark{position:static}}
.desk{display:flex;flex-direction:column;gap:12px}
.desk .ch{font-family:var(--serif);font-size:clamp(22px,2.6vw,36px);line-height:1.2;display:flex;flex-direction:column;gap:6px;margin:0 0 24px;font-variation-settings:"opsz" 32}
.desk .ch a{text-decoration:none}
.desk .ch a:hover{color:var(--stone)}
.desk .ch .soon{color:var(--stone)}
.desk .ch small{display:block;font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--stone);margin-bottom:-2px}
.desk .disc{font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);line-height:1.25;color:var(--ink2);margin:0 0 28px;max-width:30ch;font-variation-settings:"opsz" 28}
/* pages univers / approche */
.pg-hero{min-height:72svh;display:grid;align-items:end;padding:0 var(--gut) 56px}
.pg-hero .img::after{background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.12) 60%,rgba(0,0,0,.3)),linear-gradient(to right,rgba(0,0,0,.55),transparent 55%)}
.pg-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,8vw,128px);line-height:.98;letter-spacing:-.02em;margin:0 0 18px;font-variation-settings:"opsz" 72}
.pg-hero p{margin:0;max-width:48ch;font-family:var(--serif);font-size:clamp(19px,1.8vw,26px);line-height:1.35;color:var(--on-dark2);font-variation-settings:"opsz" 24}
.prose p{font-family:var(--serif);font-size:clamp(19px,1.5vw,23px);line-height:1.5;margin:0 0 22px;max-width:60ch;font-variation-settings:"opsz" 20}
.dossier{background:var(--ivory);color:var(--ink);padding:clamp(26px,4vw,52px);max-width:720px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.dossier .top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;letter-spacing:.04em;color:var(--stone);margin-bottom:26px}
.dossier .ex{font-size:11.5px;letter-spacing:.05em;border:1px solid var(--line);padding:3px 8px;border-radius:2px}
.dossier h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.2vw,30px);line-height:1.15;margin:0;font-variation-settings:"opsz" 28}
.dossier h4{font-size:12.5px;letter-spacing:.04em;color:var(--stone);margin:28px 0 6px;font-weight:500}
.dossier ul{margin:0;padding:0;list-style:none}
.dossier li{padding:7px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5;color:var(--ink2)}
.dossier li:first-child{border-top:0}
.rules{list-style:none;margin:0;padding:0;max-width:62ch}
.rules li{padding:16px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.55;color:var(--ink2)}
.rules li:first-child{border-top:0;padding-top:0}
.dark .rules li{border-top-color:var(--line-d);color:var(--on-dark2)}
.lines{list-style:none;margin:0;padding:0}
.lines li{font-family:var(--serif);font-size:clamp(28px,4vw,64px);line-height:1.1;letter-spacing:-.015em;padding:18px 0;border-top:1px solid var(--line);font-variation-settings:"opsz" 56}
.lines li:first-child{border-top:0}
.sources{list-style:none;margin:0;padding:0}
.sources li{padding:26px 0;border-top:1px solid var(--line)}
.sources li:first-child{border-top:0;padding-top:0}
.sources h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.2vw,30px);margin:0 0 8px;font-variation-settings:"opsz" 28}
.sources p{margin:0;color:var(--ink2);font-size:16px;max-width:58ch}
.values{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.values h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.4vw,34px);margin:0 0 8px;font-variation-settings:"opsz" 32}
.values p{margin:0;color:var(--ink2);font-size:15px;max-width:30ch}
.dark .values p{color:var(--on-dark2)}
.dark .lines li{border-top-color:var(--line-d)}
@media (max-width:900px){.values{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.values{grid-template-columns:1fr}}
.people{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:36px}
.people .ph{aspect-ratio:3/4;background:var(--ivory2);margin-bottom:14px;overflow:hidden}
.people .ph img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) contrast(1.04)}
.people h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:0;font-variation-settings:"opsz" 24}
.people .role{font-size:12.5px;letter-spacing:.04em;color:var(--stone);margin:4px 0 10px}
.people p{margin:0;color:var(--ink2);font-size:15px}
.people .soon{color:var(--stone);font-style:italic}
@media (max-width:760px){.people{grid-template-columns:1fr}.people .ph{max-width:240px}}
/* formulaire */
.form{max-width:860px}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}
.tabs button{font:inherit;font-size:14px;padding:12px 18px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:2px;cursor:pointer;transition:border-color .3s,background .3s,color .3s}
.tabs button[aria-pressed="true"]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.fs{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.fs .full{grid-column:1/-1}
.set[hidden]{display:none}
.f{display:flex;flex-direction:column;gap:7px}
.f{position:relative}
.f label{font-size:12.5px;letter-spacing:.04em;color:var(--stone)}
.ac{position:absolute;top:100%;left:0;right:0;z-index:6;margin:4px 0 0;padding:4px 0;list-style:none;background:var(--ivory);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.12);max-height:300px;overflow:auto}
.ac li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 12px;cursor:pointer;font-size:14.5px;line-height:1.3}
.ac li small{color:var(--stone);font-size:12px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.ac li[aria-selected="true"],.ac li:hover{background:var(--ivory2)}
.ac li.hd{cursor:default;color:var(--stone);font-size:12px;letter-spacing:.03em;padding:8px 12px 6px}
.ac li.hd:hover{background:transparent}
.bud2 .row{display:flex;align-items:center;gap:12px}
.bud2 .row input{flex:1;min-width:0}
.bud2 .dash{color:var(--stone)}
.bud2 .row select{flex:0 0 auto;width:auto}
.f input,.f select,.f textarea{font:inherit;font-size:16px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;outline:none;transition:border-color .3s}
.f textarea{min-height:88px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--ink)}
.f.err input,.f.err select,.f.err textarea{border-color:#8A2A2A}
.f.bud{display:grid;grid-template-columns:1fr 92px;gap:7px 14px}
.f.bud label{grid-column:1/-1}
.f .seg{display:flex;flex-wrap:wrap;gap:8px}
.f .seg label{font-size:13.5px;color:var(--ink);letter-spacing:0;padding:9px 13px;border:1px solid var(--line);border-radius:2px;cursor:pointer;display:flex;align-items:center;gap:8px}
.f .seg input{position:absolute;opacity:0;width:0;height:0}
.f .seg label:has(input:checked){background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.f .seg label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.you{margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
.you h2{font-family:var(--serif);font-weight:400;font-size:24px;margin:0 0 22px;font-variation-settings:"opsz" 24}
.submit{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.submit .note{font-size:13.5px;color:var(--stone);max-width:40ch}
.msg{font-size:14px;color:#8A2A2A;margin:12px 0 0;min-height:1.4em}
.done{display:none;max-width:60ch}
.done h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,52px);margin:0 0 16px;font-variation-settings:"opsz" 48}
.done p{font-family:var(--serif);font-size:19px;line-height:1.5;margin:0 0 20px}
.done textarea{width:100%;min-height:220px;font:inherit;font-size:14px;padding:14px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:2px}
@media (max-width:700px){.fs{grid-template-columns:1fr}}
/* opportunités */
.opps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.opps .scene{aspect-ratio:4/5;display:flex;align-items:flex-end;padding:22px}
.opps .scene .ex{position:absolute;top:14px;left:14px;font-size:11px;letter-spacing:.06em;color:var(--on-dark2);border:1px solid var(--line-d);padding:4px 8px;border-radius:2px}
.opps .scene.off::before{background:radial-gradient(50% 40% at 50% 60%,rgba(255,255,255,.07),transparent 70%)}
.opps h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:16px 0 4px;font-variation-settings:"opsz" 24}
.opps p{margin:0;color:var(--stone);font-size:14px}
.opps .a{margin:10px 0 14px;color:var(--ink2)}
@media (max-width:900px){.opps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.opps{grid-template-columns:1fr}}
/* apparitions au défilement */
.rv{opacity:0;transform:translateY(14px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.scene.hov{transition:transform 1.4s var(--ease)}
.univ:hover .scene.hov{transform:scale(1.012)}
.prose p.marques{font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--stone);margin-top:26px;max-width:60ch}.prose p.marques span{color:var(--ink);display:block;font-size:12px;letter-spacing:.04em;margin-bottom:4px}
.faq{margin:0;max-width:62ch}.faq>div{padding:22px 0;border-top:1px solid var(--line)}.faq>div:first-child{border-top:0;padding-top:0}.faq dt{font-family:var(--serif);font-size:clamp(20px,1.7vw,24px);line-height:1.25;margin:0 0 10px}.faq dd{margin:0;font-size:16px;line-height:1.6;color:var(--ink2)}
.notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 48px}.notes li{border-top:1px solid var(--line);padding:26px 0 30px}.notes li a{text-decoration:none;color:inherit;display:block}.notes .k{font-size:12px;letter-spacing:.04em;color:var(--stone)}.notes h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.2;margin:10px 0 10px;letter-spacing:-.01em}.notes li a:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.notes p{margin:0;font-size:15px;line-height:1.55;color:var(--ink2);max-width:48ch}.notes.two{grid-template-columns:1fr 1fr}@media (max-width:700px){.notes.two{grid-template-columns:1fr}}
.note{max-width:720px}.note .k{font-size:12.5px;letter-spacing:.04em;color:var(--stone);margin:0 0 18px}.note .k a{color:inherit;text-decoration:none}.note .k a:hover{text-decoration:underline}.note h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px}.note .meta{font-size:14px;color:var(--stone);margin:0 0 48px}.note .body p{font-family:var(--serif);font-size:clamp(18px,1.45vw,20.5px);line-height:1.6;margin:0 0 1.3em;color:var(--ink)}.note .body h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.2vw,30px);line-height:1.2;margin:2em 0 .7em;letter-spacing:-.01em}.note footer{margin:56px 0 80px}
.people{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:40px 56px}.people h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.2vw,32px);margin:0 0 4px;letter-spacing:-.01em}.people .role{font-size:13px;color:var(--stone);margin:0 0 14px}.people p{font-size:16px;line-height:1.6;color:var(--ink2);margin:0;max-width:44ch}@media (max-width:700px){.people{grid-template-columns:1fr}}
/* pied */
footer{background:var(--black);color:var(--on-dark2);padding:64px var(--gut) 40px;font-size:13px;line-height:1.6}
footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 40px;align-items:flex-start}
footer .logo{color:var(--on-dark);font-family:"Syncopate",var(--sans);font-weight:400;font-size:15px;letter-spacing:.3em;text-decoration:none;display:inline-flex;align-items:baseline;gap:18px}
footer nav{display:flex;flex-wrap:wrap;gap:18px}
footer a{color:inherit;text-decoration:none}
footer a:hover{color:var(--on-dark)}
footer .role{margin:40px 0 0;max-width:80ch;font-size:12.5px;border-top:1px solid var(--line-d);padding-top:20px}
footer .legal{margin:8px 0 0;font-size:12px}
/* pages légales */
.doc{max-width:66ch;padding:140px var(--gut) 100px}
.doc h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,60px);margin:0 0 30px;font-variation-settings:"opsz" 56}
.doc h2{font-size:13px;letter-spacing:.04em;color:var(--stone);margin:32px 0 8px}
.doc p{font-family:var(--serif);font-size:18px;line-height:1.5;margin:0;color:var(--ink2)}