:root{
  --red:#c81024; --red2:#e01a32; --ink:#111214; --paper:#f6f2ec; --paper2:#fffdf9;
  --muted:#68625c; --line:#ddd5cd; --white:#fff; --max:1180px; --shadow:0 18px 55px rgba(20,15,12,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper2);line-height:1.62}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea{font:inherit}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:radial-gradient(rgba(0,0,0,.045) .65px,transparent .7px);background-size:6px 6px;mix-blend-mode:multiply;opacity:.28}
.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.section{padding:88px 0}.kicker{font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--red);margin-bottom:14px}.display{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:.94;margin:0}.serif{font-family:Georgia,'Times New Roman',serif}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border:2px solid var(--ink);font-weight:900;font-size:.9rem;transition:.2s;background:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.12)}.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:10px 15px;font-size:.82rem}.arrow{font-size:1.2em}
.header{height:82px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:11px;min-width:240px}.brand-mark{width:46px;height:46px;position:relative}.brand-mark svg{width:100%;height:100%}.brand strong{font-family:Impact,'Arial Black',sans-serif;font-size:1.45rem;line-height:.85;letter-spacing:.04em}.brand small{display:block;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin-top:5px}.navlinks{display:flex;align-items:center;gap:28px;font-size:.86rem;font-weight:800}.navlinks a{position:relative;padding:30px 0}.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:3px;background:var(--red);transition:.2s}.navlinks a:hover::after,.navlinks a.active::after{right:0}.menu-btn{display:none;background:none;border:0;font-size:1.8rem}
.hero{min-height:610px;display:grid;grid-template-columns:46% 54%;background:var(--paper);overflow:hidden;position:relative}.hero-copy{padding:92px max(34px,calc((100vw - var(--max))/2)) 70px max(34px,calc((100vw - var(--max))/2));padding-right:46px;position:relative;z-index:2}.hero-copy::after{content:"";position:absolute;right:-22px;top:0;width:52px;height:100%;background:linear-gradient(90deg,transparent,rgba(200,16,36,.65));clip-path:polygon(42% 0,100% 8%,63% 18%,91% 31%,55% 44%,100% 57%,48% 70%,83% 83%,43% 100%,0 100%,0 0)}.hero h1{font-size:clamp(3.7rem,6vw,7.6rem);margin:0 0 22px}.hero h1 span{color:var(--red)}.hero p{font-size:1.08rem;max-width:560px;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-media{position:relative;min-height:610px;background:#111}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,242,236,.1),transparent 25%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 45%)}.hero-words{position:absolute;right:28px;top:28px;z-index:3;color:#fff;text-transform:uppercase;font-family:Impact,'Arial Black',sans-serif;letter-spacing:.06em;line-height:1.5;opacity:.58;font-size:.84rem;text-align:right}
.pillars{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pillar{padding:42px 32px;text-align:center;position:relative}.pillar:not(:last-child)::after{content:"";position:absolute;right:0;top:28px;bottom:28px;border-right:1px dashed #d9cec4}.iconline{width:54px;height:54px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:#fff1f1;color:var(--red);font-size:1.65rem;font-weight:900}.pillar h3{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px;font-size:1.05rem}.pillar p{margin:0;color:#5f5a55;font-size:.91rem}
.paper{background:var(--paper);position:relative;overflow:hidden}.paper::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(200,16,36,.035),transparent 28%),repeating-linear-gradient(0deg,transparent 0 29px,rgba(0,0,0,.012) 30px);pointer-events:none}.about-grid{display:grid;grid-template-columns:1.1fr 1.25fr .72fr;gap:38px;align-items:center;position:relative}.about-copy h2,.section-title{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;font-size:clamp(2.3rem,4vw,4.7rem);line-height:.98;margin:0 0 20px}.section-title span,.about-copy h2 span{color:var(--red)}.about-img{border:10px solid #fff;box-shadow:var(--shadow);transform:rotate(-.4deg)}.about-img img{aspect-ratio:1.2/1;object-fit:cover}.doc-card{background:#fff;padding:28px;box-shadow:var(--shadow);border-left:5px solid var(--red);transform:translateX(-44px)}.doc-card .big{font-family:Impact,'Arial Black',sans-serif;color:var(--red);font-size:2.3rem}.doc-card p{margin:.2rem 0 0}.doc-card small{color:var(--muted)}
.actions-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.action-card{background:#fff;border:1px solid #e9e2dc;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:.2s}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.action-card img{width:100%;aspect-ratio:1.65/1;object-fit:cover}.action-body{padding:20px}.action-card h3{margin:0 0 8px;font-size:1.05rem}.action-card p{margin:0;color:var(--muted);font-size:.91rem}
.history{background:#171717;color:#fff;position:relative;overflow:hidden}.history::before{content:"1946";position:absolute;right:-20px;top:-70px;font:15rem Impact,'Arial Black';color:rgba(255,255,255,.035)}.history-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.timeline{border-left:3px solid var(--red);padding-left:30px;display:grid;gap:24px}.timeline-item strong{display:block;color:#fff;font-size:1.1rem}.timeline-item span{color:#bbb;font-size:.93rem}.history h2{font-size:clamp(2.7rem,4.8vw,5.8rem)}
.territory-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.territory-visual{background:#111;color:#fff;min-height:430px;display:flex;align-items:end;padding:38px;position:relative;overflow:hidden}.territory-visual::before{content:"LILLE / NORD";position:absolute;left:22px;top:20px;font:5.3rem Impact,'Arial Black';color:rgba(255,255,255,.06);white-space:nowrap}.territory-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(200,16,36,.6))}.territory-visual .map-lines{position:absolute;inset:0;background:repeating-radial-gradient(circle at 55% 45%,transparent 0 35px,rgba(255,255,255,.08) 36px 37px)}.territory-visual p{position:relative;z-index:2;max-width:420px;font-size:1.15rem}.territory-copy h2{font-size:clamp(2.5rem,4vw,5rem)}
.resources{background:#fff}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource{padding:28px;border-top:5px solid var(--red);background:var(--paper);min-height:215px}.resource h3{font-size:1.2rem;margin:10px 0}.resource p{color:var(--muted);font-size:.93rem}.resource .num{font:2rem Impact,'Arial Black';color:#d4cbc3}
.band{background:#101010;color:#fff;position:relative;overflow:hidden}.band::before{content:"";position:absolute;inset:0 0 0 42%;background:url('../img/collectif.webp') center/cover no-repeat;filter:grayscale(1) contrast(1.05);opacity:.5}.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111 0 46%,rgba(17,17,17,.82) 62%,rgba(17,17,17,.35))}.band-inner{position:relative;z-index:2;padding:58px 0;max-width:640px}.band h2{font-size:clamp(2.6rem,4.5vw,5.3rem);margin:0 0 15px}.band h2 span{color:var(--red2)}.band p{color:#ddd}.band-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.band .btn.ghost{color:#fff;border-color:#fff}
.footer{background:#fff;padding:52px 0 24px;border-top:1px solid #e7e0da}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr .8fr;gap:48px}.footer h4{text-transform:uppercase;font-size:.76rem;letter-spacing:.1em;margin:0 0 14px}.footer a,.footer p{font-size:.89rem;color:#514c47}.footer nav{display:grid;gap:7px}.legal-note{border-top:1px solid #e3dcd5;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#776f68;font-size:.78rem}.credit{font-size:.75rem!important;color:#817970!important}
.page-hero{padding:92px 0 72px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;right:-120px;top:-80px;width:420px;height:420px;border-radius:50%;border:55px solid rgba(200,16,36,.07)}.page-hero h1{font-size:clamp(3.5rem,6vw,7.4rem);max-width:900px}.page-hero p{max-width:760px;font-size:1.08rem}.content-grid{display:grid;grid-template-columns:1.7fr .7fr;gap:64px}.prose h2{font:2.2rem Impact,'Arial Black';text-transform:uppercase;margin:2.2rem 0 .8rem}.prose h3{margin:1.8rem 0 .5rem}.prose p,.prose li{color:#4d4843}.prose ul{padding-left:20px}.aside{align-self:start;position:sticky;top:110px}.aside-card{background:#111;color:#fff;padding:28px;margin-bottom:18px}.aside-card.red{background:var(--red)}.aside-card h3{margin-top:0}.aside-card p{color:#ddd}.facts{display:grid;gap:0;border:1px solid var(--line)}.fact{padding:15px 18px;border-bottom:1px solid var(--line);background:#fff}.fact:last-child{border-bottom:0}.fact small{display:block;color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.fact strong{display:block;margin-top:3px}.archive-list{display:grid;gap:16px}.archive{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.archive .date{font:2rem Impact,'Arial Black';color:var(--red)}.empty-state{padding:36px;background:var(--paper);border-left:5px solid var(--red)}
.form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-weight:800;font-size:.84rem}.field input,.field textarea{padding:14px 15px;border:1px solid #cfc7c0;background:#fff}.field textarea{min-height:170px;resize:vertical}.hp{position:absolute;left:-9999px}
@media(max-width:960px){.navlinks{display:none}.menu-btn{display:block}.header.open .navlinks{display:flex;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px 30px;flex-direction:column;align-items:flex-start;box-shadow:0 18px 35px rgba(0,0,0,.12)}.header.open .navlinks a{padding:8px 0}.header .btn.small{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:72px 28px}.hero-copy::after{display:none}.hero-media{min-height:420px}.pillars-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr 1fr}.doc-card{grid-column:1/-1;transform:none}.actions-grid{grid-template-columns:1fr 1fr}.history-grid,.territory-grid,.content-grid{grid-template-columns:1fr}.aside{position:static}.resource-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.band::before{inset:40% 0 0 0}.band::after{background:linear-gradient(#111 0 58%,rgba(17,17,17,.72))}}
@media(max-width:620px){.wrap{width:min(100% - 28px,var(--max))}.brand{min-width:auto}.brand strong{font-size:1.2rem}.brand small{font-size:.52rem}.hero h1{font-size:3.45rem}.pillars-grid,.about-grid,.actions-grid,.footer-grid{grid-template-columns:1fr}.pillar:not(:last-child)::after{display:none}.pillar{border-bottom:1px dashed #ddd}.about-img{order:-1}.actions-head{align-items:flex-start;flex-direction:column}.section{padding:64px 0}.history h2,.territory-copy h2{font-size:3rem}.legal-note{flex-direction:column}.page-hero{padding:66px 0 54px}.page-hero h1{font-size:3.6rem}.archive{grid-template-columns:1fr}.band-inner{padding:52px 0}}