/* Alpie poster — triptyque 1860x800
   left wing 0-697 (deco), center 697-1162 (content 465w), right wing 1162-1860 (deco) */
:root {
  --un-red: #DD1A1F; --un-red-deep: #A30E12;
  --un-blue: #4A75FF; --un-blue-deep: #1F3FB0;
  --un-violet: #6B3FD4; --un-violet-deep: #3D2086;
  --cream: #F4ECDC; --paper: #F0E7D4;
  --black: #050507; --graphite: #0E1015; --coal: #16181F;
  --line: rgba(255,255,255,0.10); --line-strong: rgba(255,255,255,0.22);
  --line-dark: rgba(14,16,21,0.10); --line-dark-strong: rgba(14,16,21,0.30);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 1860px; height: 800px; overflow: hidden;
  font-family: 'Mona Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.canvas { width: 1860px; height: 800px; position: relative; overflow: hidden; }

/* zones logiques — guides invisibles sauf si .show-guides */
.zone { position: absolute; top: 0; height: 800px; pointer-events: none; }
.zone.left { left: 0; width: 697px; }
.zone.center { left: 697px; width: 465px; }
.zone.right { left: 1162px; width: 697px; }
.show-guides .zone { outline: 1px dashed rgba(255,0,0,0.3); }

.center-panel {
  position: absolute; left: 697px; top: 0; width: 465px; height: 800px;
}

/* Center content — système commun */
.cp-pad { padding: 56px 40px; height: 100%; display: flex; flex-direction: column; }
.cp-eyebrow {
  font-family: 'JetBrains Mono'; font-size: 11px; letter-spacing: 0.32em;
  text-transform: uppercase; display: inline-flex; align-items: center; gap: 12px;
}
.cp-eyebrow::before { content: ''; width: 24px; height: 1px; }
.cp-hero {
  font-family: 'Mona Sans'; font-weight: 800; font-size: 96px;
  line-height: 0.9; letter-spacing: -0.04em;
}
.cp-tag {
  font-family: 'Fraunces'; font-style: italic; font-weight: 500;
  font-size: 30px; line-height: 1.2; letter-spacing: -0.005em;
}
.cp-lede {
  font-family: 'Mona Sans'; font-weight: 400; font-size: 14.5px;
  line-height: 1.55; letter-spacing: 0;
}
.cp-foot {
  font-family: 'JetBrains Mono'; font-size: 10px; letter-spacing: 0.28em;
  text-transform: uppercase;
}
.pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px; border-radius: 999px; font-family: 'JetBrains Mono';
  font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase;
}
.pill .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--un-red);
  box-shadow: 0 0 8px var(--un-red); }