:root{--ink:#1a1a18;--stone:#ebe6de;--paper:#f6f3ec;--ochre:#d4a037;--green:#5a6a59;--blue:#7c8f9a;--line:#d6d2c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'IBM Plex Sans',Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ochre);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10;background:var(--paper);padding:15px}.testbar{font:9px 'IBM Plex Mono',monospace;letter-spacing:1.5px;padding:9px 5vw;background:var(--stone);display:flex;justify-content:space-between}header{height:132px;margin:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{text-decoration:none;display:block;line-height:.92;width:110px;flex-shrink:0}.logo b{font-family:Impact,'Arial Narrow',sans-serif;font-size:27px;font-weight:800;letter-spacing:-.7px}.logo>span{display:flex;align-items:center;gap:9px;font-family:'IBM Plex Sans',sans-serif;font-size:26px;font-weight:400;margin-top:5px}.logo i,.dot{background:var(--ochre);border-radius:50%;display:inline-block;width:13px;height:13px}.logo i{width:15px;height:15px}nav{display:flex;gap:29px;font-size:12px}nav a{text-decoration:none;padding:10px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--ochre)}.menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;padding:68px 5vw 55px;max-width:1600px;margin:auto}.meta{font:10px/1.7 'IBM Plex Mono',monospace;letter-spacing:1.1px;text-transform:uppercase}.meta .dot{width:7px;height:7px;margin-right:8px}h1,h2,h3,.lead{font-family:'Source Serif 4',Georgia,serif;font-weight:400}h1{font-size:clamp(42px,4.35vw,69px);line-height:1.08;letter-spacing:-2.3px;margin:29px 0 26px}em{font-style:normal}h1 em{box-shadow:inset 0 -3px 0 var(--ochre)}.hero-text>p{font-size:15px;max-width:450px;line-height:1.7;margin-bottom:28px}.link,.text-button{text-decoration:none;display:inline-flex;align-items:center;gap:30px;font-size:12px;border:0;border-bottom:1px solid var(--ink);padding:0 0 10px;background:transparent}.link span,.text-button span{color:var(--green);font-size:20px}.hero-images{position:relative;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px;align-self:stretch;margin-bottom:30px;min-height:455px}.crop{overflow:hidden;position:relative;background:var(--stone)}.crop img{position:absolute;width:calc(1536 / var(--w) * 100%);max-width:none;height:auto;left:calc(-1 * var(--x) / var(--w) * 100%);top:calc(-1 * var(--y) / var(--h) * 100%)}.hero-images .crop{height:100%}.water{--x:1078;--y:36;--w:124;--h:242}.shadow{--x:1208;--y:36;--w:160;--h:242}.grass{--x:1376;--y:36;--w:141;--h:242}.hero-images .crop img{height:calc(1024 / 242 * 100%);width:calc(1536 / var(--w) * 100%)}.image-note{position:absolute;bottom:-33px;left:0;font:9px 'IBM Plex Mono',monospace;letter-spacing:1px}.ribbon{margin:0 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px}.ribbon span:before{content:'—';color:var(--ochre);padding-right:15px}.section{padding:85px 5vw;scroll-margin-top:10px}h2{font-size:clamp(35px,3.5vw,54px);line-height:1.14;letter-spacing:-1.4px;margin:18px 0 25px}h3{font-size:34px;line-height:1.16;letter-spacing:-.7px;margin:20px 0}p{margin:0 0 20px}.manifest{display:grid;grid-template-columns:1fr 3fr;gap:5vw}.manifest>.meta{padding-top:24px}.manifest h2 em,.lab h2 em{color:var(--green)}.two-text{display:grid;grid-template-columns:1fr 1fr;gap:45px;font-size:15px;max-width:900px}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px}summary::-webkit-details-marker{display:none}summary>span:last-child{font-size:20px;line-height:1;color:var(--green)}details>p,details>ol{font-size:14px;max-width:750px;margin:22px 0 0}details[open] summary>span:last-child{color:var(--ochre)}.ways{background:var(--stone)}.section-title{display:flex;justify-content:space-between;gap:8vw;align-items:end;margin-bottom:35px}.section-title>p{font-size:14px;max-width:335px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.columns article{border-top:1px solid #aaa89f;padding-top:20px}.number{font:12px 'IBM Plex Mono',monospace;display:flex;justify-content:space-between;align-items:center}.number i{width:10px;height:10px;background:var(--ochre);border-radius:50%}.columns article:nth-child(2) i{background:var(--green)}.columns article:nth-child(3) i{background:var(--blue)}.columns p{font-size:14px;max-width:330px;min-height:120px}.columns .meta{font-size:9px}.featured{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;padding-top:15px}.project-visual,.point-visual,.creation-visual{position:relative}.workshop{--x:324;--y:383;--w:292;--h:157;aspect-ratio:292/157}.workshop img{height:calc(1024 / 157 * 100%)}.visual-note{display:block;font:8px/1.6 'IBM Plex Mono',monospace;letter-spacing:.7px;margin-top:12px;color:#66685f}.project-text .meta{font-size:9px}.label{display:inline-block;background:var(--ochre);padding:2px 7px;margin-right:12px}.project-text h3{font-size:43px;margin-top:23px}.lead{font-size:23px;line-height:1.35}.project-text>p:not(.lead){font-size:14px}.project-text details{margin-top:25px}li{margin:12px 0}ol{padding-left:20px}.points{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.microphone{--x:26;--y:390;--w:275;--h:166;aspect-ratio:275/166}.microphone img{height:calc(1024 / 166 * 100%)}.points .visual-note{color:#b5b7b0}.points h2{font-size:49px}.point-text>p:not(.lead){font-size:14px;color:#d4d3ca}.listen-box{border-top:1px solid #4c4c44;padding-top:20px;display:flex;gap:15px;font-size:12px;color:#c9c8bf}.listen-box .dot{flex-shrink:0;width:7px;height:7px;margin-top:7px}.text-button{color:var(--paper);border-color:#98998f}.text-button span{color:var(--ochre)}#attention{margin-top:25px;border-left:2px solid var(--ochre);padding-left:20px;font-size:14px}#attention .meta{font-size:9px;color:#bbb}.creation{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.creation-copy p{font-size:15px;max-width:500px}.small-note{font-size:12px;color:#62645c}.headphones{--x:639;--y:386;--w:285;--h:175;aspect-ratio:285/175}.headphones img{height:calc(1024 / 175 * 100%)}.resources{background:var(--stone)}.resources details{border-color:#c5c2b8}.resources summary{align-items:center;justify-content:flex-start;font:25px/1.3 'Source Serif 4',Georgia,serif}.resources summary small{display:block;font:11px 'IBM Plex Sans',sans-serif;color:#62645c;margin-top:8px}.resources summary>span:last-child{margin-left:auto}.resource-number{font:11px 'IBM Plex Mono',monospace;min-width:70px}.resources details>p{margin-left:90px}.lab{display:grid;grid-template-columns:1fr 3fr;gap:5vw}.lab>.meta{padding-top:25px}.sequence{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;font:10px 'IBM Plex Mono',monospace}.sequence span:not(:last-child):after{content:'→';margin-left:12px;color:var(--green)}footer{padding:40px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}footer p{font:19px/1.4 'Source Serif 4',Georgia,serif;margin:0}.footer-meta{font:9px/1.8 'IBM Plex Mono',monospace;color:#62645c}.footer-meta a{display:inline-block;margin-top:10px}.menu{background:none;border:0;font-size:13px}@media(min-width:1500px){main{max-width:1600px;margin:auto}}@media(max-width:900px){nav{gap:16px;font-size:11px}.hero{gap:4vw}h1{font-size:46px}.hero-images{min-height:430px}.manifest,.lab{grid-template-columns:1fr;gap:5px}.columns{gap:25px}.points h2{font-size:39px}.two-text{gap:25px}.featured{gap:4vw}.project-text h3{font-size:35px}.section{padding:60px 5vw}}@media(max-width:650px){.testbar{font-size:8px}.testbar span{display:none}header{height:110px;position:relative}.logo b{font-size:24px}.logo>span{font-size:23px}.menu{display:block}nav{display:none;position:absolute;top:100%;left:-5vw;right:-5vw;background:var(--paper);padding:25px 6vw;z-index:20;border-bottom:1px solid var(--line);flex-direction:column;font-size:15px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:35px 6vw 42px;gap:25px}h1{font-size:47px;letter-spacing:-1.7px;margin-top:22px}.hero-text>p{font-size:14px}.hero-images{height:280px;min-height:0;margin-top:10px}.ribbon{gap:12px;line-height:1.7;font-size:8px}.ribbon span:before{display:none}.section{padding:50px 6vw}.section-title{display:block;margin-bottom:25px}.section-title>p{max-width:none;margin-top:20px}.two-text,.columns,.featured,.points,.creation{grid-template-columns:1fr}.columns{gap:30px}.columns p{min-height:0;max-width:none}.columns h3{font-size:32px}.featured{gap:30px}.points{gap:35px}.points h2{font-size:40px}.creation{gap:25px}.creation-visual{order:-1}.resources summary{font-size:21px;gap:15px}.resource-number{min-width:25px}.resources details>p{margin-left:40px}.lab{gap:0}.lab h2{font-size:36px}.sequence{gap:9px;line-height:1.8}footer{align-items:flex-start;flex-wrap:wrap;padding:30px 6vw}footer p{font-size:17px}.footer-meta{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero>*{min-width:0}.hero-images{min-width:0}h1,h2,h3{overflow-wrap:break-word}.two-text>*{min-width:0}@media(max-width:650px){h1{font-size:clamp(31px,8.8vw,47px)}.hero-text>p{overflow-wrap:break-word}.hero-images{grid-template-columns:1fr 1fr 1.1fr}.ribbon{flex-wrap:wrap}.columns,.featured,.points,.creation,.manifest,.lab{min-width:0}.section-title>div{min-width:0}h2,.points h2,.lab h2{font-size:clamp(30px,8vw,40px)}}
.workshop{--y:405;--h:135;aspect-ratio:292/135}.workshop img{height:calc(1024 / 135 * 100%)}.microphone{--y:405;--h:150;aspect-ratio:275/150}.microphone img{height:calc(1024 / 150 * 100%)}.headphones{--y:405;--h:150;aspect-ratio:285/150}.headphones img{height:calc(1024 / 150 * 100%)}
/* Direction graphique V3 */
:root{--ink:#0e3a52;--stone:#e9e4d9;--paper:#f3f1ea;--ochre:#d8a21a;--green:#29483d;--blue:#718a8a;--line:#d2d1c6}
body{color:var(--ink)}.testbar{background:var(--ink);color:var(--paper)}header{height:125px;border:0}header .logo{width:94px}.logo{width:86px;line-height:1}.logo>span.logo-crop{margin:0;display:block;position:relative;width:100%;aspect-ratio:233/220;overflow:hidden}.logo-crop img{position:absolute;max-width:none;width:659.227%;height:465.455%;left:-11.159%;top:-19.091%}nav a{font-weight:500}nav a:hover{border-color:var(--ochre)}nav:after{content:'';display:block;align-self:center;width:12px;height:12px;border-radius:50%;background:var(--ochre);margin-left:6px}
.hero{display:block;position:relative;isolation:isolate;min-height:660px;margin:0 3vw 30px;padding:70px 5vw 65px;overflow:hidden;background:var(--ink);color:var(--paper);max-width:none}.hero-landscape{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-landscape img{position:absolute;max-width:none;width:779.696%;height:648.1%;left:-48.223%;top:-243.04%;object-fit:fill}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,25,36,.85),rgba(3,25,36,.63) 46%,rgba(3,25,36,.1)),linear-gradient(0deg,rgba(3,25,36,.62),transparent 50%)}.hero-text{max-width:650px}.hero h1{font-size:clamp(43px,4.55vw,72px);line-height:1.08;margin-top:31px;letter-spacing:-1.8px}.hero h1 em{box-shadow:none;color:#f3c44e}.hero-text>p{max-width:440px;font-size:15px;color:#e8ebe4}.hero .link{color:var(--paper);border:1px solid #c5cabe;padding:12px 18px;margin-top:5px}.hero .link span{color:var(--ochre)}.hero-caption{position:absolute;bottom:48px;right:4vw;text-align:right;display:flex;flex-direction:column;gap:18px}.hero-caption .meta{font-size:9px;line-height:1.9}.hero-credit{font:8px 'IBM Plex Mono',monospace;color:#c7ccc2}.ribbon{border-top:0;padding-top:0}.manifest{background:var(--ink);color:var(--paper);margin-top:45px;position:relative}.manifest h2{font-size:clamp(36px,4.5vw,65px)}.manifest h2 em{color:var(--ochre)}.manifest details{border-color:#526877}.manifest summary>span:last-child{color:var(--ochre)}.manifest>.meta:after{content:'';display:block;width:45px;height:3px;background:var(--ochre);margin-top:22px}.ways{background:var(--paper)}.columns article{border-color:#b5bcb7}.number{color:var(--ink)}.columns article:nth-child(2) i{background:var(--green)}.columns article:nth-child(3) i{background:var(--blue)}.projects{background:var(--stone)}.label{color:var(--ink)}.project-text details{border-color:#b9c0bb}.points{background:var(--green)}.point-text>p:not(.lead){color:#e0e6df}.listen-box{border-color:#6a8072}.creation{background:var(--paper)}.creation h2:after{content:'';display:block;width:45px;height:3px;background:var(--ochre);margin-top:27px}.resources{background:#e5e9e4}.lab{background:var(--ink);color:var(--paper)}.lab h2 em{color:var(--ochre)}.lab .sequence{color:#e0e5df}.sequence span:not(:last-child):after{color:var(--ochre)}.lab>.meta:after{content:'';display:block;width:12px;height:12px;border-radius:50%;background:var(--ochre);margin-top:20px}footer{background:var(--paper);border:0}.workshop{--x:313;--y:443;--w:296;--h:126;aspect-ratio:296/126}.workshop img{height:calc(1024 / 126 * 100%)}.microphone{--x:101;--y:440;--w:190;--h:260;aspect-ratio:190/260}.microphone img{height:calc(1024 / 260 * 100%)}.headphones{--x:632;--y:384;--w:278;--h:192;aspect-ratio:278/192}.headphones img{height:calc(1024 / 192 * 100%)}.point-visual{max-width:400px;width:100%;justify-self:center}.visual-note{color:#58695f}.points .visual-note{color:#c8d3c9}
@media(min-width:1400px){.hero-text{max-width:730px}.hero{min-height:720px}}@media(max-width:900px){.hero{padding:55px 5vw;min-height:630px}.hero-text{max-width:560px}.hero-caption{right:4vw;bottom:30px}.hero-caption .meta{display:none}}@media(max-width:650px){header{height:110px}header .logo{width:78px}.hero{margin:0 0 24px;padding:40px 6vw 70px;min-height:620px}.hero h1{font-size:clamp(32px,8.7vw,49px);letter-spacing:-1.1px}.hero-text>p{font-size:14px}.hero .meta{font-size:8px}.hero-caption{right:6vw;bottom:22px}.hero-landscape img{width:1000%;left:-75%}.hero:after{background:linear-gradient(90deg,rgba(3,25,36,.8),rgba(3,25,36,.5)),linear-gradient(0deg,rgba(3,25,36,.6),transparent)}nav:after{display:none}.manifest{margin-top:25px}.manifest h2{font-size:clamp(32px,8.3vw,42px)}.hero .link{font-size:11px}.point-visual{max-width:310px}.lab h2{font-size:clamp(31px,8vw,40px)}}

/* Images indépendantes et références associatives */
.logo>span.logo-crop{aspect-ratio:1;overflow:hidden}.logo-crop img{width:117.6%;height:117.6%;left:-8.8%;top:-8.8%;object-fit:contain}.hero-landscape img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.crop img{inset:0;width:100%;height:100%;object-fit:cover}.workshop,.headphones{aspect-ratio:3/2}.microphone{aspect-ratio:4/5}.microphone img{object-position:85% center}.point-visual{max-width:500px}.hero-caption{bottom:35px}.visual-note{font-size:9px}.listen-box a{max-width:100%;line-height:1.6}footer{flex-wrap:wrap}.association-references{flex:0 0 100%;border-top:1px solid var(--line);padding-top:25px;margin-top:5px}.association-references h2{font:500 15px 'IBM Plex Sans',Arial,sans-serif;letter-spacing:0;margin:0 0 10px}.association-references p{font:12px/1.85 'IBM Plex Sans',Arial,sans-serif;margin:0}.association-references .image-credit{font-size:10px;margin-top:14px;color:#58695f}@media(max-width:650px){.hero-landscape img{width:100%;left:0;object-position:65% center}.point-visual{max-width:none}}
.field-notes{margin-top:clamp(44px,7vw,100px);border-top:1px solid var(--line);padding-top:32px;scroll-margin-top:24px}.field-notes h3,.field-series h2{font-size:clamp(27px,4vw,52px);line-height:1.08;margin:18px 0}.field-notes>p{max-width:75ch;line-height:1.65}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px;margin:26px 0 0}.photo-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-grid figure{margin:0}.photo-grid a{display:block}.photo-grid img{width:100%;height:auto;aspect-ratio:4/3;display:block;object-fit:cover}.photo-grid figcaption{padding:10px 0;font-size:14px;line-height:1.5}.photo-grid figcaption strong,.photo-grid figcaption .meta{display:block}.photo-grid figcaption .meta{margin-bottom:5px}.series{margin-top:35px}.field-series{background:var(--paper)}.workshop img{object-position:center}.microphone img{object-position:center}@media(max-width:800px){.photo-grid,.photo-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.field-notes .photo-grid{grid-template-columns:1fr}.photo-grid{gap:15px 12px}.photo-grid figcaption{font-size:13px}}
.photo-viewer{box-sizing:border-box;max-width:95vw;max-height:95vh;padding:14px;border:0;background:var(--paper);color:var(--ink)}.photo-viewer::backdrop{background:#071b26dd}.photo-viewer img{display:block;max-width:86vw;max-height:72vh;object-fit:contain;margin:auto}.photo-viewer button{display:block;margin:0 0 10px auto;cursor:pointer;padding:8px 14px;color:inherit;background:transparent;border:1px solid currentColor}.photo-viewer p{margin:8px 0 0;font-size:14px}
.p4-cover,.poster-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(22px,4vw,70px)}.p4-cover>img{width:100%;height:auto}.p4-cover h3{font-size:clamp(36px,5vw,76px);line-height:1.03;margin:20px 0}.p4 p{line-height:1.65;max-width:78ch}.p4-nav{display:flex;gap:12px 26px;flex-wrap:wrap;margin-top:26px;padding:16px 0;border-block:1px solid var(--line)}.p4-nav a{color:inherit;text-underline-offset:5px}.p4 .pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:870px}.p4 .map,.p4 .poster{display:block}.p4 .map{max-width:790px}.p4 .map img,.p4 .poster img,.p4 .pair img{aspect-ratio:auto;max-height:450px;object-fit:contain;object-position:left}.p4 .poster img{max-height:620px}.p4 aside{border-left:4px solid var(--ochre);padding:5px 20px;margin:26px 0}.p4 h4{font-size:21px;margin:15px 0 6px}.p4 aside p{margin:0}.photo-viewer:has(img[src*="poster"]) img{max-height:none;width:min(1600px,86vw)}@media(max-width:720px){.p4-cover,.poster-layout{grid-template-columns:1fr}.p4 .pair{gap:12px}.p4-cover>img{max-height:330px;object-fit:cover}}
.photo-viewer.poster-open{overflow:auto}.photo-viewer.poster-open img{max-width:none;max-height:none;width:clamp(1080px,85vw,1780px)}.photo-viewer.poster-open button{position:sticky;top:0;left:0;background:var(--paper);z-index:1}
.gestes{background:var(--paper);color:var(--ink)}.gestes h2{margin:18px 0}.gestes h2 em{font-size:.77em}.gestes>p{max-width:66ch;line-height:1.65}.gestes ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 5%;margin:32px 0}.gestes li{display:flex;gap:18px;border-top:1px solid var(--line);padding:19px 0}.gestes li>span{font:34px/1 Georgia,serif;color:var(--green);min-width:1.15em}.gestes li h3{font-size:20px;margin:0 0 5px}.gestes li p{margin:0;line-height:1.55}.gestes .link{color:inherit}@media(max-width:700px){.gestes ol{grid-template-columns:1fr}}