@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--red:#e61414;--black:#080b0c;--paper:#f8f7f4;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--black);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.15vw,18px);line-height:1.3}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button,dialog{color:inherit}button{border:0}h1,h2,p,figure{margin:0}h1,h2{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.035em}button:focus-visible,a:focus-visible{outline:3px solid #1355b5;outline-offset:5px}.skip{position:fixed;z-index:100;top:8px;left:8px;background:#fff;padding:14px;transform:translateY(-160%)}.skip:focus{transform:none}
.header{position:absolute;inset:0 0 auto;z-index:10;height:7.6vw;min-height:74px;display:flex;align-items:center;gap:6.6vw;padding:0 5.3vw}.brand{display:block;width:5vw;flex-shrink:0}.brand img{width:100%}.header nav{display:flex;align-items:center;gap:2.6vw;font-size:clamp(12px,1.05vw,17px)}.header nav a{position:relative;padding:12px 0;white-space:nowrap}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:20px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after,.header nav a[aria-current]:after{transform:scaleX(1)}.location{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:clamp(12px,1.05vw,17px);white-space:nowrap}.location svg{width:15px;height:20px;fill:var(--red)}.location:after{content:'';position:absolute;right:0;width:4.3vw;height:2px;background:var(--red)}.menu-toggle{display:none}
.hero{height:61.1vw;min-height:620px;max-height:1050px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#fff 20%,#fff 60%,#f2f1ef)}.hero-diagonal{position:absolute;z-index:-1;left:46%;top:-12%;height:115%;width:19%;background:var(--red);transform:skew(-15deg);animation:diagonal-in 1.3s var(--ease) both}.hero h1{position:absolute;z-index:2;top:9.2vw;left:4.3vw;font-size:16.2vw;line-height:.94;letter-spacing:-.045em}.hero h1 span{display:block;animation:name-in 1.1s var(--ease) both}.hero h1 span+span{color:var(--red);animation-delay:.12s}.hero-copy{position:absolute;left:4.6vw;top:38.7vw;z-index:4;width:26%}.tagline{font-size:2.5vw;font-weight:600;line-height:1.13;letter-spacing:-.04em}.red-rule{display:block;width:42px;height:2px;background:var(--red);margin:1.1vw 0}.intro{font-size:1.2vw;line-height:1.3;margin-bottom:1.6vw}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5vw;min-height:38px;padding:.95vw 2.1vw;border-radius:100px;background:var(--red);color:#fff;font-size:clamp(12px,1.05vw,16px);font-weight:600;line-height:1.1;transition:background .2s,transform .25s;position:relative}.button span{font-size:1.5em;font-weight:400;transition:transform .25s}.button:hover{background:#bd0808;transform:translateY(-2px)}.button:hover span{transform:translateX(4px)}.portrait-stage{position:absolute;z-index:3;right:6.4vw;bottom:-.3vw;width:57vw;pointer-events:none;animation:portrait-in 1.4s var(--ease) .12s both}.portrait{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.13);transform:translateY(var(--portrait-shift,0px))}.hero-landscape{position:absolute;inset:0 0 0 69%;z-index:-2}.place-word{position:absolute;top:6.7vw;right:2.7vw;font-family:Anton,sans-serif;text-transform:uppercase;color:#d2d2d2;font-size:9.4vw;letter-spacing:-.055em;z-index:1}.hero-mine{position:absolute;right:-18%;top:4.4vw;width:128%;height:33vw;object-fit:cover;object-position:45% center;filter:grayscale(1) contrast(1.45);mix-blend-mode:multiply;opacity:.88;mask-image:linear-gradient(#000 75%,transparent)}.hero-town{position:absolute;right:0;bottom:0;width:100%;height:31vw;object-fit:cover;filter:grayscale(1) contrast(1.2);mask-image:linear-gradient(transparent,#000 20%)}.red-sweep{position:absolute;inset:41% -23% -25% 2%;background:var(--red);opacity:.88;clip-path:polygon(0 0,68% 0,100% 100%,79% 100%,40% 20%,0 20%);transform:rotate(-18deg)}.hero-signature{position:absolute;right:3.5%;top:26.9vw;z-index:4;color:white;font-family:'Brush Script MT','Segoe Script',cursive;font-size:2.4vw;font-style:italic;line-height:1.2;transform:rotate(-12deg);text-align:center}.hero-ps{position:absolute;z-index:4;right:3%;top:39vw;width:11.5vw;border:4px solid #fff;border-radius:21%;background:#fff;animation:portrait-in 1s var(--ease) .5s both}
.about{position:relative;background:var(--paper);min-height:35.7vw;display:grid;grid-template-columns:51% 49%;padding:5.1vw 0 2.1vw 7.6vw;overflow:hidden}.section-marker{position:absolute;left:3.1vw;top:2.4vw;text-transform:uppercase;font-size:1.13vw;display:flex;gap:3.2vw;align-items:center}.section-marker>span{color:var(--red);font-weight:600}.about-copy{z-index:2;align-self:start;padding-right:3vw;scroll-margin-top:35px}.about h2{font-size:6.5vw;line-height:1.04;letter-spacing:-.035em;white-space:nowrap;margin-bottom:1.25vw}.about h2 span{color:var(--red)}.about p{max-width:33vw;margin-bottom:.7vw;font-size:1.23vw;line-height:1.22}.about .lead{font-weight:600;font-size:1.4vw}.about .button{margin-top:.2vw}.about-pictures{position:relative;min-height:28.5vw;margin-top:-2.6vw}.about-diagonal{position:absolute;width:32%;height:160%;right:14%;top:-23%;transform:skew(-16deg);background:var(--red)}.jumet-photo{position:absolute;left:-1.7vw;top:0;width:37vw;height:29.2vw;overflow:hidden;clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}.jumet-photo img{width:100%;height:100%;object-fit:cover;object-position:65%;transition:transform .8s var(--ease)}.jumet-photo:hover img{transform:scale(1.035)}.jumet-inset{position:absolute;right:0;bottom:-.5vw;width:19vw;height:21.2vw;overflow:hidden;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}.jumet-inset img{width:100%;height:100%;object-fit:cover;object-position:78%;filter:grayscale(1) brightness(.65)}.jumet-inset figcaption{position:absolute;bottom:2.3vw;left:3vw;color:white;display:grid;gap:.5vw}.jumet-inset strong{font-family:Anton,sans-serif;text-transform:uppercase;font-size:4.4vw;line-height:1}.jumet-inset figcaption span{font-size:1.2vw;text-transform:uppercase}.biography{margin-top:20px;padding:18px 0;border-top:1px solid #bcbcbc}.biography p{line-height:1.5}
.engagements{position:relative;display:grid;grid-template-columns:38.3% 61.7%;background:var(--red);min-height:26vw}.engagements-copy{padding:4.8vw 2vw 2vw 7.7vw}.engagements .section-marker{top:2.1vw;color:#fff}.engagements .section-marker>span{color:#fff}.engagements h2{font-size:4.6vw;line-height:1.12;letter-spacing:-.03em;margin-bottom:.8vw;white-space:nowrap}.engagements h2 span{color:white}.engagements-copy>p{color:#fff;font-size:1.17vw;line-height:1.25;max-width:27vw;margin-bottom:.9vw}.button-white{color:var(--black);background:#fff;font-weight:400}.button-white:hover{background:#eee}.themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6vw;padding:0 2.3vw 1.6vw 0;background:#202020;scroll-margin-top:20px}.theme{position:relative;overflow:hidden;min-height:24.4vw;background:#202020;text-align:left;color:white;padding:0}.theme>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s var(--ease),filter .5s;filter:saturate(.75)}.theme-youth>img{object-position:65%}.theme-culture>img{object-position:45%}.theme-local>img{object-position:70%}.theme:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.25) 48%,#050707 100%)}.theme:hover>img{transform:scale(1.06);filter:saturate(1)}.theme-content{position:absolute;z-index:2;bottom:2.7vw;left:1.65vw;right:1.5vw;display:grid;gap:.7vw}.theme-content strong{font-size:1.65vw;letter-spacing:-.035em;line-height:1.1}.theme-content>span{font-size:1.12vw;line-height:1.45}.theme-arrow{position:absolute;right:1.3vw;bottom:1.6vw;z-index:3;background:white;color:#111;width:2.4vw;height:2.4vw;min-width:26px;min-height:26px;border-radius:50%;display:grid;place-items:center;transition:transform .3s}.theme:hover .theme-arrow{transform:rotate(-35deg)}
.contact{position:relative;min-height:19.8vw;display:grid;grid-template-columns:40% 35% 25%;align-items:center;padding:4.6vw 0 3.5vw 7.7vw;background:var(--paper);overflow:hidden}.contact .section-marker{top:2vw}.contact-copy{z-index:2}.contact h2{font-size:6.6vw;line-height:1.1;margin-bottom:.9vw}.contact h2 span{color:var(--red)}.contact-copy p{font-size:1.2vw}.contact-details{z-index:2;display:grid;gap:1.8vw;padding:.2vw 0 .2vw 2.1vw;border-left:1px solid #aaa;font-size:1.12vw}.contact-details>a,.contact-details>div{display:flex;gap:2vw;align-items:center}.contact-details>a>span{font-size:2.3vw;color:var(--red);width:2vw;line-height:1}.contact-details svg{fill:var(--red);width:2vw;height:2.5vw;flex-shrink:0}.contact-details a:hover{text-decoration:underline;text-underline-offset:4px}address{font-style:normal}.contact-picture{position:absolute;right:0;top:0;width:33%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 30%)}.contact-picture img{height:100%;width:100%;object-fit:cover;object-position:47% 50%;filter:grayscale(1) contrast(1.3);opacity:.85}.contact-picture>div{position:absolute;top:-30%;height:160%;right:7%;width:27%;transform:skew(-18deg);background:var(--red);mix-blend-mode:multiply}
footer{display:flex;align-items:center;flex-wrap:wrap;gap:2vw;background:#101010;color:white;padding:1.6vw 3.6vw;min-height:7.5vw;font-size:1.05vw}.footer-brand{display:flex;gap:2vw;align-items:center}.footer-brand img{width:4.5vw;border:2px solid white;border-radius:20%}.footer-brand small{display:block;color:#b2b2b2;font-size:.95vw;margin-top:.35vw}footer nav{display:flex;gap:2.3vw;margin-left:auto}footer a:hover{text-decoration:underline;text-underline-offset:4px}.legal-toggle{background:none;color:#bcbcbc;font-size:.85vw;padding:10px 0}.motion-toggle,.back-top{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#303030;color:white;flex-shrink:0}.back-top{font-size:22px}#credits{width:100%;max-width:1000px;color:#ccc;font-size:13px;line-height:1.65}#credits p+p{margin-top:12px}#credits a{text-decoration:underline}dialog{border:0;padding:44px;max-width:620px;width:calc(100% - 36px);background:var(--paper)}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:10px;font-size:30px;background:transparent;width:44px;height:44px}.dialog-label{color:#b10f0f;font-size:13px;margin-bottom:18px}dialog h2{font-size:clamp(32px,5vw,56px);line-height:1.1;margin-bottom:20px}#dialog-copy{font-size:17px;line-height:1.6}.dialog-note{margin:20px 0;font-size:13px;color:#555}
@keyframes name-in{from{opacity:0;transform:translateY(35px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes portrait-in{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@keyframes diagonal-in{from{opacity:0;translate:50px 0}to{opacity:1;translate:0 0}}.js .reveal{transition:opacity .7s var(--ease),translate .7s var(--ease)}.js .reveal.pending{opacity:0;translate:0 24px}.motion-paused *{animation:none!important;transition:none!important}.motion-paused .portrait{transform:none}
@media(min-width:1720px){.hero{max-height:none}}
@media(max-width:1000px) and (min-width:701px){.hero{min-height:0}.header{min-height:0}.button{min-height:34px}.header{gap:5vw}.hero-copy{width:29%}.intro{font-size:1.35vw}.about p{font-size:1.35vw}.themes{padding-right:1.2vw}.theme-content>span{font-size:1.24vw}.contact-details{font-size:1.2vw}.legal-toggle{font-size:10px}footer{font-size:11px}}
@media(max-width:700px){html{scroll-padding-top:12px}body{font-size:15px}.header{height:78px;padding:12px 22px;gap:16px;position:absolute}.brand{width:44px}.location{font-size:12px;margin-left:auto;margin-right:58px;gap:6px}.location:after{display:none}.location svg{width:12px}.menu-toggle{display:flex;position:absolute;right:18px;align-items:center;gap:6px;background:transparent;font-size:12px;min-height:44px}.menu-toggle span{font-size:18px}.header nav{display:none;position:absolute;left:12px;right:12px;top:74px;background:white;padding:16px 22px;box-shadow:0 10px 20px #0002;font-size:17px;gap:0}.header nav.open{display:grid}.header nav a{padding:13px 0}.hero{height:850px;min-height:0;max-height:none}.hero h1{left:20px;top:99px;font-size:23vw;line-height:.98;z-index:4}.hero-diagonal{left:63%;top:0;width:30%;height:100%;transform:skew(-15deg)}.portrait-stage{width:94vw;right:-10vw;bottom:0}.hero-copy{left:23px;top:calc(102px + 46vw);width:75%;z-index:5}.tagline{font-size:24px;line-height:1.1;max-width:300px}.red-rule{margin:15px 0;width:38px}.intro{font-size:13px;line-height:1.3;margin-bottom:18px}.button{font-size:13px;min-height:42px;gap:18px;padding:12px 20px}.hero-landscape{left:57%;top:43%}.hero-mine{top:0;height:330px;right:-10%;width:130%}.hero-town{height:250px}.place-word{font-size:23vw;top:65px;right:0}.hero-signature{font-size:19px;right:20px;top:auto;bottom:225px;display:none}.hero-ps{width:64px;top:auto;bottom:34px;right:20px;border-width:2px}.about{display:block;padding:70px 24px 0;min-height:0;overflow:hidden}.section-marker{left:22px;top:26px;font-size:12px;gap:22px}.about-copy{padding:0}.about h2{font-size:12vw;line-height:1.05;white-space:normal;margin-bottom:20px}.about p{font-size:15px;max-width:100%;line-height:1.4;margin-bottom:12px}.about .lead{font-size:17px}.about .button{margin-top:4px}.about-pictures{height:320px;margin:32px -24px 0;min-height:0}.jumet-photo{width:84%;height:285px;top:0;left:24px}.about-diagonal{right:13%;width:24%;top:-5%;height:120%}.jumet-inset{width:43%;height:205px;bottom:0}.jumet-inset figcaption{left:28px;bottom:20px;gap:8px}.jumet-inset strong{font-size:44px}.jumet-inset figcaption span{font-size:12px}.engagements{display:block;min-height:0}.engagements-copy{position:relative;padding:76px 24px 28px}.engagements .section-marker{top:28px}.engagements h2{font-size:12vw;line-height:1.1;white-space:normal;margin-bottom:16px}.engagements-copy>p{font-size:15px;max-width:100%;line-height:1.4;margin-bottom:20px}.themes{padding:0 14px 18px;gap:8px;grid-template-columns:1fr;scroll-margin-top:0}.theme{min-height:280px}.theme>img{object-position:center 40%}.theme-culture>img{object-position:center 45%}.theme:after{background:linear-gradient(transparent,#000d)}.theme-content{bottom:30px;left:24px;right:56px;gap:8px}.theme-content strong{font-size:24px}.theme-content>span{font-size:15px}.theme-arrow{right:22px;bottom:26px;width:34px;height:34px}.contact{display:block;padding:80px 24px 170px;min-height:0}.contact .section-marker{top:28px}.contact h2{font-size:16vw;margin-bottom:18px}.contact-copy p{font-size:15px}.contact-details{font-size:14px;gap:20px;padding:0;border:0;margin-top:30px;position:relative}.contact-details>a,.contact-details>div{gap:20px;min-height:32px}.contact-details>a>span{font-size:27px;width:24px}.contact-details svg{width:24px;height:28px}.contact-picture{top:auto;bottom:0;height:160px;width:75%;mask-image:linear-gradient(90deg,transparent,#000 30%);opacity:.65}.contact-picture img{object-position:center 40%}footer{padding:26px 24px;gap:22px;font-size:13px}.footer-brand{gap:16px}.footer-brand img{width:44px}.footer-brand small{font-size:12px;margin-top:5px}footer nav{order:2;width:100%;margin:0;gap:20px;flex-wrap:wrap}.legal-toggle{order:3;font-size:12px;padding:8px 0}.motion-toggle{margin-left:auto}.back-top{margin-left:-12px}#credits{order:4;font-size:12px}dialog{padding:45px 25px 30px}.biography{margin-top:22px}.hero h1,.hero-diagonal,.portrait-stage,.hero-ps{animation-duration:1s}}
@media(max-width:380px){.hero{height:815px}.location{font-size:11px;margin-right:53px}.header{padding-left:18px}.tagline{font-size:22px}.intro{max-width:205px}.hero-copy{top:calc(104px + 47vw)}.contact-details{font-size:13px}.about h2{font-size:11.8vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal.pending{opacity:1;translate:none}.portrait{transform:none!important}}

/* Ajustements issus de la comparaison avec la maquette. */
@media(min-width:701px){.portrait-stage{width:51vw;right:11vw}.hero h1{font-stretch:condensed}.hero h1 span{width:100%;transform-origin:left}.hero-signature{right:3.2%;top:27.5vw;font-size:2.05vw}.hero-copy{top:38.9vw}}
button,a{touch-action:manipulation}dialog{overscroll-behavior:contain}.motion-toggle:hover,.back-top:hover{background:#555}.menu-toggle:hover{color:#b40d0d}.legal-toggle:hover{color:white}
@media(max-width:700px){footer{padding-bottom:max(26px,env(safe-area-inset-bottom))}}
@media(min-width:701px){.hero-diagonal{left:50%}.hero h1 span+span{font-size:.93em;line-height:1}.hero-signature{right:3%;top:27.5vw;font-size:1.8vw}}
.about{padding-top:2.4vw}.about-copy>.section-marker{position:static;margin-left:-4.5vw;margin-bottom:1.2vw}.about-pictures{margin-top:0}
@media(max-width:700px){.portrait-stage{right:0;width:100vw}.header .location{margin-right:76px;font-size:11px}.header{gap:8px}.about{padding-top:26px}.about-copy>.section-marker{margin-left:-2px;margin-bottom:22px}.about-pictures{margin-top:32px}}
/* Révision : compositions plus ouvertes et lecture continue sans menu. */
.header{gap:0;padding-inline:5vw}.header .location{margin-right:0}.location:after{display:none}
.hero{height:69vw;min-height:680px;max-height:none}.hero h1{top:12vw;font-size:14.5vw;line-height:1.02}.hero h1 span+span{font-size:.95em}.hero-copy{top:43vw;width:34%}.tagline{font-size:2.35vw;line-height:1.2}.intro{font-size:1.2vw;line-height:1.55;margin-bottom:2vw}.red-rule{margin:1.6vw 0}.hero-diagonal{left:78%;width:14%;top:-5%;height:110%}.portrait-stage{width:47vw;right:0;bottom:0}.portrait-stage img.portrait{width:100%;height:auto}
.about{padding:6vw 7.5vw 7vw;min-height:44vw;grid-template-columns:50% 50%;gap:3vw;overflow:hidden}.about-copy{padding-right:3vw}.about-copy>.section-marker{margin-left:0;margin-bottom:2vw}.about h2{font-size:5.5vw;line-height:1.12;margin-bottom:2vw;white-space:normal}.about p{max-width:34vw;line-height:1.55;margin-bottom:1.2vw}.about .lead{line-height:1.5}.about .button{margin-top:1vw}.about-pictures{min-height:32vw;align-self:center;margin:0}.jumet-photo{position:relative;left:0;top:0;width:100%;height:32vw;clip-path:none}.jumet-photo img{object-position:65%}
.engagements{display:block;padding:6vw 7.5vw 7vw}.engagements-copy{position:relative;padding:0;display:grid;grid-template-columns:1.25fr 1fr;gap:1.8vw 5vw;align-items:start}.engagements .section-marker{position:static;grid-column:1/-1;margin-bottom:1.5vw}.engagements h2{font-size:5vw;line-height:1.18;grid-row:2/4}.engagements-copy>p{font-size:1.35vw;max-width:32vw;line-height:1.6;margin:0}.engagements-copy>.button{justify-self:start;align-self:start}.themes{padding:0;margin-top:4vw;gap:1.7vw;background:transparent}.theme{min-height:30vw}.theme-content{bottom:4vw;left:2vw;right:2vw;gap:1.1vw}.theme-content strong{font-size:1.9vw}.theme-content>span{font-size:1.2vw;line-height:1.6}.theme-arrow{right:2vw;bottom:1.7vw}
.contact{min-height:30vw;padding:8vw 7.5vw 6vw;grid-template-columns:45% 49%;gap:6%;background:#fff}.contact .section-marker{left:7.5vw;top:3.5vw;gap:2vw}.contact h2{font-size:5.8vw;margin-bottom:1.8vw}.contact-copy p{font-size:1.3vw;line-height:1.5}.contact-details{padding-left:3vw;gap:2.5vw;font-size:1.2vw}.contact-picture{width:22%;opacity:.12;z-index:0}.contact-picture>div{display:none}footer{padding:2.5vw 5vw;gap:2vw}.footer-brand{margin-right:auto}.legal-toggle{margin-left:auto}
@media(max-width:700px){.header{height:80px;padding:16px 24px}.header .location{font-size:12px;margin:0 0 0 auto}.hero{height:auto;min-height:0;padding:110px 24px 0}.hero h1{position:relative;top:auto;left:auto;font-size:22vw;line-height:1.04}.hero-copy{position:relative;top:auto;left:auto;width:100%;margin-top:32px}.tagline{font-size:25px;line-height:1.2}.intro{font-size:14px;line-height:1.6;margin-bottom:24px}.red-rule{margin:22px 0}.hero-diagonal{left:85%;width:18%;height:65%;top:auto;bottom:0}.portrait-stage{position:relative;width:100%;right:auto;bottom:auto;margin:44px -24px 0 24px}.portrait-stage img.portrait{width:100%}.about{display:block;padding:60px 24px}.about-copy{padding:0}.about-copy>.section-marker{margin:0 0 28px}.about h2{font-size:12vw;margin-bottom:28px;line-height:1.12}.about p{font-size:15px;max-width:100%;line-height:1.65;margin-bottom:18px}.about .lead{font-size:17px}.about .button{margin-top:10px}.about-pictures{height:auto;min-height:0;margin:36px 0 0}.jumet-photo{width:100%;height:280px;left:0}.engagements{padding:54px 24px 60px}.engagements-copy{display:block;padding:0}.engagements .section-marker{margin-bottom:28px}.engagements h2{font-size:12vw;line-height:1.16;margin-bottom:26px;white-space:normal}.engagements-copy>p{font-size:15px;max-width:100%;line-height:1.65;margin-bottom:24px}.themes{margin-top:36px;gap:22px;padding:0}.theme{min-height:330px}.theme-content{left:24px;right:24px;bottom:65px;gap:14px}.theme-content strong{font-size:24px}.theme-content>span{font-size:15px;line-height:1.6}.theme-arrow{bottom:20px;right:22px}.contact{padding:100px 24px 64px;display:block;min-height:0}.contact .section-marker{left:24px;top:42px;gap:22px}.contact h2{font-size:15vw;margin-bottom:26px}.contact-copy p{font-size:15px;line-height:1.6}.contact-details{margin-top:38px;padding:0;font-size:14px;gap:25px}.contact-picture{display:none}footer{padding:30px 24px;gap:20px}.footer-brand{margin-right:auto}.legal-toggle{margin:0}.motion-toggle{margin-left:0}}

@media(min-width:701px){.portrait-stage{width:59vw;right:0}}
.portrait{mask-image:linear-gradient(90deg,transparent 0%,#000 13%);filter:grayscale(1) contrast(1.05)}
@media(min-width:701px){.portrait-stage{width:55vw;right:2vw}.hero{height:68vw}.header .location{background:#fff;padding:7px 12px}}
/* Le collage du territoire reste présent derrière le portrait. */
.hero-landscape{inset:0 0 0 67%;z-index:-2}.hero-mine{top:9vw;height:35vw;width:120%;right:-10%;opacity:.78;object-position:53% center;mask-image:linear-gradient(transparent,#000 12%,#000 75%,transparent)}.hero-town{height:32vw;opacity:.9}.place-word{top:8vw;right:1.5vw;font-size:8vw;color:#ccc}.red-sweep{inset:55% -20% -20% 30%;opacity:.72}.hero-diagonal{z-index:-1;left:75%;width:13%}.portrait-stage{z-index:3}
@media(max-width:700px){.hero-landscape{inset:52% 0 0 48%}.hero-mine{top:0;height:70%;width:140%;right:-25%}.hero-town{height:58%}.place-word{font-size:20vw;top:10px}.hero-diagonal{left:85%;width:18%;height:65%;top:auto;bottom:0}.red-sweep{inset:50% -40% -20% 30%}}
/* Équilibre entre la densité de la maquette et les respirations de lecture. */
@media(min-width:701px){
.hero{height:63vw;min-height:620px}.hero h1{top:10vw;font-size:15.5vw;line-height:.99}.hero-copy{top:40vw;width:33%}.tagline{font-size:2.4vw}.intro{line-height:1.4;margin-bottom:1.6vw}.red-rule{margin:1.2vw 0}.hero-diagonal{left:62%;width:17%}.portrait-stage{width:58vw;right:2vw}.hero-landscape{left:64%}.hero-mine{top:5.5vw;height:35vw;opacity:.9}.hero-town{height:32vw;opacity:1}.place-word{top:7vw;font-size:9vw}.red-sweep{inset:46% -20% -20% 27%;opacity:.8}
.about{padding:4vw 6vw 4.5vw;min-height:39vw;grid-template-columns:48% 49%;gap:3%}.about-copy{padding-right:1.5vw}.about-copy>.section-marker{margin-bottom:1.5vw}.about h2{font-size:5.8vw;margin-bottom:1.5vw}.about p{line-height:1.4;margin-bottom:1vw}.about .lead{line-height:1.35}.about-pictures{min-height:30vw;margin-right:0}.jumet-photo{width:96%;height:28vw;clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}.about-diagonal{display:block;right:8%;top:-18%;height:140%;width:22%;transform:skew(-16deg)}.jumet-inset{display:block;right:-6vw;bottom:-1vw;width:17vw;height:19vw}.jumet-inset img{object-position:60%;filter:grayscale(1) brightness(.58)}.jumet-inset figcaption{left:2vw;bottom:2vw}.jumet-inset strong{font-size:3.7vw}.jumet-inset figcaption span{font-size:1vw}
.engagements{display:grid;grid-template-columns:35% 65%;padding:0;min-height:31vw}.engagements-copy{display:block;padding:3.1vw 2.6vw 3vw 6vw}.engagements .section-marker{margin-bottom:1.8vw;font-size:1vw;gap:1.5vw}.engagements h2{font-size:4vw;line-height:1.14;white-space:nowrap;margin-bottom:1.4vw}.engagements-copy>p{font-size:1.2vw;line-height:1.5;max-width:none;margin-bottom:1.7vw}.themes{margin:0;padding:1.5vw 2vw 1.5vw 0;gap:.9vw;background:#171717}.theme{min-height:28vw}.theme-content{left:1.5vw;right:1.2vw;bottom:4.7vw;gap:1vw}.theme-content strong{font-size:1.65vw}.theme-content>span{font-size:1.1vw;line-height:1.5}.theme-arrow{right:1.4vw;bottom:1.5vw}.button-white{padding-inline:1.7vw}
.contact{min-height:25vw;padding:6vw 6vw 4.5vw;grid-template-columns:42% 48%;gap:6%}.contact .section-marker{left:6vw;top:2.7vw}.contact h2{font-size:6vw;margin-bottom:1.4vw}.contact-details{padding-left:2.5vw;gap:2vw}.contact-picture{display:block;width:28%;opacity:.55}.contact-picture>div{display:block;right:4%;width:24%}footer{padding:2vw 4vw}
}
@media(max-width:700px){.hero{padding-top:96px}.hero-copy{margin-top:26px}.portrait-stage{margin-top:30px}.hero-landscape{top:48%;left:45%}.about{padding:44px 24px 48px}.about-pictures{height:300px;margin-top:30px}.jumet-photo{height:270px;width:94%;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.about-diagonal{display:block;right:7%;width:22%;top:-4%;height:112%}.jumet-inset{display:block;right:-24px;bottom:0;width:43%;height:180px}.jumet-inset figcaption{left:26px;bottom:20px}.jumet-inset strong{font-size:36px}.jumet-inset figcaption span{font-size:10px}.engagements{padding:44px 24px 48px}.themes{margin-top:30px;gap:16px}.theme{min-height:290px}.contact{padding:88px 24px 54px}.contact .section-marker{top:34px}}
#credits h3{font-size:16px;color:#fff;margin:22px 0 10px}#credits h3:first-child{margin-top:8px}#credits p{max-width:76ch}
/* Nom du territoire lisible au-dessus du collage, dégagé du portrait. */
.hero-landscape .place-word{z-index:2;top:7.2vw;right:1.7vw;color:#535353;font-size:7.7vw;line-height:1;text-shadow:0 1px 0 #fff;letter-spacing:-.025em}
.hero-landscape .hero-mine{mask-image:linear-gradient(transparent 0%,transparent 16%,#000 33%,#000 78%,transparent)}
@media(max-width:700px){.hero-landscape .place-word{top:12px;right:10px;font-size:17vw;color:#555}.hero-landscape .hero-mine{mask-image:linear-gradient(transparent,#000 28%,#000 80%,transparent)}}
/* Jumet dans le hero : photographie réelle de la place du Ballon. */
.hero-place{position:absolute;z-index:4;right:1.8vw;top:6.8vw;font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:6.2vw;line-height:1;color:#333;letter-spacing:-.025em}.hero-landscape .hero-mine{object-position:72% center;opacity:.95;mask-image:linear-gradient(transparent 0%,transparent 12%,#000 30%,#000 80%,transparent)}
@media(max-width:700px){.hero-place{top:54%;right:12px;font-size:14vw;color:#333}.hero-landscape .hero-mine{object-position:70% center}}
/* Un seul cadrage continu de Jumet dans le collage du hero. */
.hero-landscape .hero-mine{inset:0;width:100%;height:100%;object-fit:cover;object-position:69% center;opacity:1;mask-image:linear-gradient(transparent 0%,transparent 9%,#000 23%,#000 100%)}
@media(max-width:700px){.hero-landscape .hero-mine{inset:0;width:100%;height:100%;object-position:68% center;mask-image:linear-gradient(transparent,#000 12%,#000)}}