@font-face{font-family:Geist;src:url('assets/geist-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:GeistMono;src:url('assets/geist-mono.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* Les repères informatifs restent lisibles même sur un écran étroit. */
:root{color-scheme:light dark;--bg:#f7f8fa;--ink:#11151b;--muted:#5f6b7b;--accent:#4565e8;--rule:#d7dee8;--visual:#eef1f5;--grid:#c8d0dc;--soft:#dbe1ea}
@media(prefers-color-scheme:dark){:root{--bg:#0b0e11;--ink:#f1f3f6;--muted:#a7b0bd;--accent:#8c9fff;--rule:#303b4a;--visual:#141a22;--grid:#495767;--soft:#283341}}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1600px;margin:auto;padding:0 clamp(20px,5vw,80px)}.skip{position:fixed;z-index:10;top:8px;left:8px;transform:translateY(-160%);background:var(--ink);color:var(--bg);padding:12px 16px}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule)}.logo{display:block;flex:none}.logo img{display:block;width:clamp(120px,12vw,145px);height:auto}.header-note,.eyebrow,.visual-meta,.visual-bottom,.bottom-note{font-family:GeistMono,ui-monospace,monospace;font-size:.66rem;font-weight:500;letter-spacing:.06em}.header-note{color:var(--muted);text-transform:uppercase;white-space:nowrap}.header-note span{color:var(--accent);padding:0 8px}.hero{min-height:min(670px,calc(100svh - 230px));display:grid;grid-template-columns:1fr .92fr;gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(72px,8vw,128px) 0}.hero-copy{max-width:710px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);text-transform:uppercase;margin:0 0 30px}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent);flex:none}h1{font-size:clamp(3.4rem,6.9vw,7.1rem);line-height:.99;letter-spacing:-.067em;font-weight:500;margin:0}h1 span{color:var(--accent)}.intro{font-size:clamp(1.12rem,1.6vw,1.38rem);line-height:1.48;letter-spacing:-.025em;max-width:465px;margin:32px 0 0}.message{border-top:1px solid var(--rule);display:flex;gap:18px;max-width:440px;margin-top:48px;padding-top:20px}.message-marker{color:var(--accent);font-size:1.1rem}.message p{color:var(--muted);font-size:.98rem;line-height:1.65;margin:0;max-width:370px}.visual{aspect-ratio:1/1;max-width:595px;width:100%;justify-self:end;position:relative;background:var(--visual);border:1px solid var(--rule);overflow:hidden}.visual::before,.visual::after{content:"";position:absolute;background:var(--rule);opacity:.75}.visual::before{width:1px;top:0;bottom:0;left:50%}.visual::after{height:1px;left:0;right:0;top:50%}.visual-meta,.visual-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.56rem;z-index:1}.visual-meta{top:18px}.visual-bottom{bottom:18px}.node{position:absolute;inset:0;width:100%;height:100%;animation:arrive 1s ease-out both}.orbit{stroke:var(--grid);stroke-width:1;stroke-dasharray:2 8}.orbit.outside{stroke-dasharray:none;opacity:.65}.thread{stroke:var(--grid);stroke-width:1.2}.thread.light{opacity:.76}.thread.accent{stroke:var(--accent);stroke-width:1.6}.point{fill:var(--accent)}.cross{stroke:var(--muted);stroke-width:1}.divider{height:1px;background:var(--rule)}.bottom-note{display:flex;justify-content:space-between;gap:20px;color:var(--muted);padding:22px 0;text-transform:uppercase}.bottom-note span:last-child{text-transform:lowercase;color:var(--ink)}footer{padding:48px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:.76rem;color:var(--muted)}footer p{margin:0}footer p:first-child{color:var(--ink)}footer span{color:var(--muted);margin-left:10px}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.node{animation:none}}@media(max-width:800px){.header{height:88px}.hero{min-height:0;grid-template-columns:1fr;gap:48px;padding:72px 0 48px}.hero-copy{max-width:650px}.visual{justify-self:stretch;max-width:none;aspect-ratio:1.25}.node{left:50%;transform:translateX(-50%);width:auto;max-width:100%}.node{animation:none}.intro{margin-top:26px}.message{margin-top:34px}footer{padding-top:36px}}@media(max-width:480px){.header-note{font-size:.55rem}.header-note span{padding:0 3px}.hero{padding-top:64px;gap:40px}h1{font-size:clamp(3.1rem,11vw,4.5rem)}.visual{aspect-ratio:1/1}.visual-meta,.visual-bottom{font-size:.49rem;left:14px;right:14px}.visual-meta{top:14px}.visual-bottom{bottom:14px}.bottom-note{font-size:.57rem;line-height:1.5}footer{flex-direction:column;gap:8px}}

/* Les légendes dans l’illustration sont décoratives ; les autres repères restent lisibles. */
.eyebrow,.bottom-note,.header-note{font-size:.75rem}
@media(max-width:480px){
  .header-note{font-size:.75rem;white-space:normal;max-width:12ch;text-align:right;line-height:1.4}
  .bottom-note{font-size:.75rem;line-height:1.5;flex-wrap:wrap;gap:4px 16px}
}