@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap');
:root{--ink:#171717;--paper:#f7f3ea;--yellow:#f4c542;--red:#e94b35;--muted:#716d65;--line:#d8d1c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding-left:35px;padding-right:35px}.site-header{height:86px;display:flex;align-items:center;gap:42px;padding:0 max(35px,calc((100vw - 1180px)/2 + 35px));border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:9px;font:700 17px/.82 'Space Grotesk';letter-spacing:-.07em}.brand em{font-style:normal;color:var(--red)}.brand-mark{font-size:26px;color:var(--red)}nav{display:flex;gap:28px;margin-left:auto;font:11px 'DM Mono';text-transform:uppercase}nav a:hover,.text-link:hover{color:var(--red)}.button{border:0;padding:14px 18px;font:500 11px 'DM Mono';text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:18px}.button.dark{background:var(--ink);color:white}.button.yellow{background:var(--yellow);color:var(--ink)}.hero{min-height:600px;display:grid;grid-template-columns:48% 52%;align-items:center;padding-top:50px;padding-bottom:70px}.eyebrow{font:11px 'DM Mono';letter-spacing:.04em;text-transform:uppercase;color:var(--red)}.pulse{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;margin-right:8px}.hero h1{font:700 clamp(65px,8vw,112px)/.82 'Space Grotesk';letter-spacing:-.09em;margin:27px 0 30px}.hero h1 span{color:var(--red)}.hero-copy>p{max-width:390px;color:var(--muted);line-height:1.55;font-size:16px}.actions{display:flex;align-items:center;gap:25px;margin-top:35px}.text-link{font:11px 'DM Mono';text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-art{height:480px;position:relative}.paper-back{position:absolute;width:340px;height:410px;right:80px;top:30px;background:#e5dfd2;transform:rotate(7deg)}.note{position:absolute;width:350px;height:430px;right:105px;top:12px;background:#fffdf8;transform:rotate(-5deg);padding:22px;box-shadow:0 10px 25px #0001}.note-top{display:flex;justify-content:space-between;font:10px 'DM Mono';color:var(--red);border-bottom:1px solid var(--line);padding-bottom:12px}.note-body{padding-top:45px}.note-body small{font:9px 'DM Mono';color:var(--muted)}.note h2{font:700 42px/.92 'Space Grotesk';letter-spacing:-.06em;margin:18px 0 28px}.note p{font-size:14px;line-height:1.4;max-width:210px}.note b{font:11px 'DM Mono'}.redacted{display:flex;flex-direction:column;gap:6px;margin:10px 0 20px}.redacted i{height:8px;width:190px;background:var(--ink)}.redacted i:nth-child(2){width:145px}.redacted i:nth-child(3){width:175px}.stamp{position:absolute;right:20px;bottom:38px;border:3px solid var(--red);color:var(--red);padding:8px 5px;text-align:center;font:700 13px/.9 'DM Mono';transform:rotate(-13deg)}.burst{position:absolute;z-index:2;left:0;top:18px;background:var(--yellow);width:145px;height:145px;clip-path:polygon(50% 0,61% 17%,76% 5%,78% 24%,98% 20%,87% 39%,100% 50%,83% 60%,95% 78%,76% 77%,78% 98%,60% 84%,50% 100%,40% 83%,23% 95%,24% 76%,4% 79%,17% 60%,0 50%,16% 39%,4% 22%,24% 24%,22% 4%,40% 17%);display:grid;place-content:center;text-align:center;font:700 18px/.95 'Space Grotesk';transform:rotate(-12deg)}.scribble{position:absolute;right:22px;bottom:15px;font:italic 24px 'DM Sans';transform:rotate(-8deg)}.ticker{overflow:hidden;white-space:nowrap;background:var(--red);color:white;padding:15px 0;font:11px 'DM Mono';text-transform:uppercase}.ticker div{animation:move 25s linear infinite}@keyframes move{to{transform:translateX(-30%)}}.stories{padding-top:115px;padding-bottom:125px}.heading{display:flex;justify-content:space-between;align-items:end}.heading h2,.manifesto h2,.submit h2{font:700 58px/1 'Space Grotesk';letter-spacing:-.06em;margin:22px 0 48px}.heading h2 em,.manifesto em,.submit em{color:var(--red);font-style:normal}.heading>p{max-width:280px;color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:52px}.filters{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:10px 13px;font:11px 'DM Mono';color:var(--muted);cursor:pointer}.filter b{color:var(--red);font-weight:400;margin-left:10px}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{min-height:360px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--ink)}.featured{background:var(--yellow);border:0}.black{background:var(--ink);color:#fff}.outline{background:transparent}.meta{display:flex;justify-content:space-between;font:10px 'DM Mono';color:var(--muted)}.black .meta{color:#aaa}.meta span{color:var(--red)}.black .meta span{color:var(--yellow)}.card h3{font:700 30px/1.04 'Space Grotesk';letter-spacing:-.045em;margin:55px 0 17px}.card mark{background:none;color:var(--red)}.black mark{color:var(--yellow)}.card p{font-size:14px;line-height:1.45;color:#625f59;max-width:270px}.black p{color:#c5c0b8}.card-foot{font:10px 'DM Mono';margin-top:auto;display:flex;justify-content:space-between;color:var(--muted)}.black .card-foot{color:#aaa}.load-more{display:block;margin:42px auto 0;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:10px;font:11px 'DM Mono';text-transform:uppercase;cursor:pointer}.manifesto{background:var(--ink);color:#f7f3ea;padding:105px 0 90px}.manifesto .eyebrow{color:#aaa}.manifesto h2{font-size:74px;margin-bottom:60px}.manifesto-foot{display:flex;justify-content:space-between;align-items:end}.manifesto-foot p{max-width:410px;color:#aaa;line-height:1.55;font-size:15px}.submit{padding-top:110px;padding-bottom:110px}.submit-card{background:var(--red);color:#fff;padding:55px 60px;display:flex;justify-content:space-between}.submit-card .eyebrow{color:#ffd2c9}.submit h2{font-size:53px;margin-bottom:0}.submit h2 em{color:var(--yellow)}.submit-side{max-width:320px;align-self:end}.submit-side p{line-height:1.5;font-size:15px}.submit-side small{display:block;color:#ffd2c9;font:10px 'DM Mono';margin-top:15px}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:45px;display:flex;align-items:start;gap:70px}.footer p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.footer>div{margin-left:auto;display:flex;gap:20px}.footer>small{color:var(--muted);font:10px 'DM Mono'}.footer .brand{margin-bottom:0}dialog{border:0;max-width:500px;width:calc(100% - 30px);padding:40px;background:var(--paper);box-shadow:0 15px 60px #0004}dialog::backdrop{background:#19191999}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:25px;cursor:pointer}dialog h2{font:700 38px 'Space Grotesk';line-height:1;margin:20px 0 10px}dialog p{color:var(--muted);font-size:14px}form{margin-top:25px}label{display:block;font:11px 'DM Mono';text-transform:uppercase;margin:18px 0}textarea{display:block;width:100%;min-height:80px;margin-top:8px;padding:12px;border:1px solid var(--line);background:#fffdf7;font:14px 'DM Sans';resize:vertical}.consent{font-size:10px;text-transform:none;display:flex;gap:8px;align-items:start}.success{display:none;color:#287347;font-weight:700;margin-top:20px}@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.site-header{padding:0 20px}.site-header nav{display:none}.site-header .button{padding:12px 10px;font-size:9px;margin-left:auto}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:390px;margin-top:25px}.paper-back{right:12px;width:280px}.note{right:34px;width:275px}.heading,.manifesto-foot,.submit-card{display:block}.heading>p{margin:0 0 35px}.story-grid{grid-template-columns:1fr}.heading h2,.manifesto h2,.submit h2{font-size:44px}.manifesto h2{font-size:50px}.submit-card{padding:35px 28px}.submit-side{margin-top:35px}.footer{display:grid;gap:25px}.footer>div{margin-left:0}.burst{left:-3%}}

/* Sélecteur de langue */
.language-picker{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:14px;font-family:'DM Mono',monospace;font-size:12px}
.language-picker label{font-size:16px}
.language-picker select{appearance:none;border:1px solid rgba(20,20,20,.35);background:transparent;border-radius:3px;padding:9px 26px 9px 9px;color:inherit;font:inherit;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 12px) 14px,calc(100% - 8px) 14px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.language-picker select:focus{outline:2px solid #f2d34f;outline-offset:2px}
@media(max-width:800px){.language-picker{margin-left:0;margin-right:8px}.language-picker select{padding:7px 22px 7px 7px}.site-header nav{display:none}}

/* Titre de marque mis en avant */
.site-header .brand{
  font-size:28px;
  line-height:.78;
  letter-spacing:-.09em;
  gap:12px;
  transform:rotate(-2deg);
}
.site-header .brand em{
  font-size:1.16em;
  color:var(--red);
  text-shadow:2px 2px 0 var(--yellow);
}
.site-header .brand-mark{
  font-size:38px;
  text-shadow:2px 2px 0 var(--yellow);
}
@media(max-width:760px){
  .site-header .brand{font-size:22px;gap:8px}
  .site-header .brand-mark{font-size:30px}
}

/* Illustration près du titre */
.site-header .brand-image{width:68px;height:68px;object-fit:cover;border-radius:50%;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);transform:rotate(3deg)}

/* Identité de marque ultra-visible */
.site-header{height:116px;position:relative;z-index:5}
.site-header .brand{font-size:42px;line-height:.72;letter-spacing:-.11em;gap:16px;transform:rotate(-3deg) scale(1.08);transform-origin:left center}
.site-header .brand em{font-size:1.28em;color:#fff;background:var(--red);padding:0 9px 3px 6px;text-shadow:3px 3px 0 var(--ink);box-shadow:7px 7px 0 var(--yellow);display:inline-block;transform:skew(-6deg)}
.site-header .brand-mark{font-size:54px;color:var(--red);text-shadow:3px 3px 0 var(--yellow),6px 6px 0 var(--ink)}
.site-header nav{font-size:12px}
.site-header .button{font-size:12px;padding:17px 21px;box-shadow:4px 4px 0 var(--yellow)}
@media(max-width:760px){.site-header{height:94px}.site-header .brand-image{width:48px;height:48px;box-shadow:3px 3px 0 var(--yellow)}.site-header .brand{font-size:28px;transform:rotate(-3deg) scale(1);gap:8px}.site-header .brand-mark{font-size:36px}.site-header .brand em{padding-left:4px;padding-right:5px;box-shadow:4px 4px 0 var(--yellow)}.site-header .button{font-size:9px;padding:12px 10px;box-shadow:3px 3px 0 var(--yellow)}}

/* Identité des contributeurs */
.contributor-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contributor-fields label{margin-top:8px}
input[type=text],select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);background:#fffdf7;color:var(--ink);font:14px 'DM Sans'}
@media(max-width:520px){.contributor-fields{grid-template-columns:1fr}}

/* Validation éditoriale et avertissement juridique */
.moderation-note{border-left:3px solid var(--yellow);padding:10px 12px;background:#fff8d8;color:var(--ink);font-size:12px;line-height:1.45}
.legal-claim{flex-basis:100%;border-top:1px solid var(--line);margin-top:28px;padding-top:16px;color:var(--muted);font:10px/1.5 'DM Mono';max-width:900px}
.footer{flex-wrap:wrap}
@media(max-width:760px){.legal-claim{margin-top:10px}}

/* Dernier message à l'ex-employeur */
.final-message{padding-top:0;padding-bottom:110px}
.final-message-card{background:#e5dfd2;padding:48px 55px;border:1px solid var(--ink);position:relative;overflow:hidden}
.final-message-card:after{content:'✦';position:absolute;right:35px;top:15px;color:var(--red);font:100px 'Space Grotesk';transform:rotate(15deg)}
.final-message h2{font:700 55px/1 'Space Grotesk';letter-spacing:-.06em;margin:20px 0}
.final-message h2 em{color:var(--red);font-style:normal}
.final-message-card>p{max-width:560px;color:var(--muted);line-height:1.5;font-size:15px}
#final-message-input{display:block;width:100%;max-width:760px;min-height:105px;margin:28px 0 16px;padding:15px;border:1px solid var(--ink);background:#fffdf7;font:16px 'DM Sans';resize:vertical}
.final-message-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.final-message-actions span{font:11px 'DM Mono';color:#287347}.share-button{background:var(--yellow);color:var(--ink)}
@media(max-width:760px){.final-message{padding-bottom:75px}.final-message-card{padding:32px 24px}.final-message h2{font-size:42px}.final-message-card:after{right:-8px;font-size:70px}}

/* Ajustements d'affichage du logo et du sélecteur de langue */
.language-picker{flex:0 0 auto;white-space:nowrap}
.language-picker select{width:108px;min-width:108px;padding-left:10px;padding-right:28px}
.site-header .brand-image{display:block;flex:0 0 auto;object-fit:cover}
@media(max-width:1100px){.site-header{gap:20px}.site-header nav{gap:14px}.site-header .button{padding-left:14px;padding-right:14px}}
@media(max-width:760px){.language-picker select{width:94px;min-width:94px}.site-header{gap:10px}.site-header .brand-image{width:48px;height:48px}.site-header .button{max-width:125px}}