@font-face{font-family:Plex;src:url("fonts/plex.woff2") format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("fonts/nunito-sans.woff2") format("woff2");font-weight:200 1000;font-display:swap}
:root{--gutter:clamp(1.25rem,4vw,3rem);--font:"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.container{width:min(100% - 2*var(--gutter),75rem);margin-inline:auto}
a{text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid currentcolor;outline-offset:3px}
.logo{display:block;height:auto}
.menu{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:14px}
header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;min-height:64px;padding-block:.5rem}
h1, h2, h3{margin:0}
{--ink:#0c1d2e;--text:#22333f;--muted:#5b6b7b;--rule:#dbe3ea;--accent:#0f62d6;background:#ffffff;color:var(--text)}
.brand{height:36px}
.menu span{color:var(--text)}
@media (prefers-reduced-motion: reduce){
	*{transition-duration:.01ms !important}
}
header .container{min-height:clamp(120px,14vh,168px)}
.brand{height:clamp(38px,4vw,52px)}
.hero{flex:1 1 auto;display:flex;flex-direction:column;position:relative;overflow:hidden;width:calc(100% - (2 * clamp(.75rem,2vw,1.5rem)));margin-inline:auto;min-height:clamp(360px,58vh,620px);padding:clamp(2.5rem,5.5vw,4.75rem);background:#fff}
.hero .kicker{margin:0;font-family:Plex,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(2rem,4.6vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-0.02em;color:rgba(12,29,46,.85)}
.hero .motif{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:scale(1.35);transform-origin:50% 50%}
.hero .fine{margin:0;font-family:Plex,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;line-height:1.5;letter-spacing:.02em;color:#6b6b6b}
.hero .more{display:inline-flex;align-items:center;gap:.5rem;font-family:Plex,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;color:#0c1d2e;text-decoration:none}
.hero .more i{width:11px;height:11px;border-right:2px solid currentcolor;border-bottom:2px solid currentcolor;transform:translateX(0) rotate(-45deg);transition:transform 140ms;font-style:normal}
.hero .more:hover i{transform:translateX(4px) rotate(-45deg)}
.hero .more:focus-visible i{transform:translateX(4px) rotate(-45deg)}
.hero .bas{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 2rem;margin-top:auto}
.hero .bas .more{margin-right:50%}
@media (max-width: 40em){
	.hero .bas .more{margin-right:0}
}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 1rem;border-radius:4px;font-family:Plex,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-size:13.5px;text-decoration:none;transition:background-color 140ms,border-color 140ms}
.btn--primary{background:#0c1d2e;color:#ffffff}
.btn--primary:hover{background:#1010eb}
.btn--ghost{border:1px solid #c9d3dc;color:#0c1d2e}
.btn--ghost:hover{border-color:#0c1d2e}
body:has(.cadre-wrap){display:flex;flex-direction:column;min-height:100dvh;background:#f6f8f9}
.cadre-wrap{flex:1 1 0%;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vh,4rem) clamp(1.25rem,4vw,3rem)}
.cadre{display:flex;flex-direction:column;width:min(100%,38rem);height:auto;min-height:13rem;max-height:min(72vh,640px);background:#ffffff;border:1px solid #dfe5ea;padding:clamp(1.5rem,4vw,2.5rem)}
.cadre .texte{flex:1 1 0%;min-height:0;overflow-y:auto}
.cadre .pied{display:flex;justify-content:flex-end;margin-top:1rem}
.cadre p{margin:0 0 1.15rem;font-size:14.5px;line-height:1.7;color:#3c4a55}
.cadre .redact{display:inline-block;height:.72em;border-radius:2px;background:#c3ccd3;vertical-align:-0.02em;margin:0 .12em}
.cadre .r1{width:96px}
.cadre .r2{width:132px}
.cadre .r3{width:74px}
.ctl{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pied label.btn{cursor:pointer}
.terminal{display:none;width:min(100% - (2 * clamp(1.25rem,4vw,3rem)),44rem);margin:0 auto;padding:clamp(2.5rem,7vh,5rem) 0;font-family:Consolas,"DejaVu Sans Mono",Menlo,monospace;color:#0c1d2e}
body:has(#go:checked) .cadre-wrap{display:none}
body:has(#go:checked) .terminal{display:block}
.art2{margin:0 0 clamp(1.5rem,4vh,2.5rem);font-family:Consolas,"DejaVu Sans Mono",monospace;font-size:5px;line-height:1;white-space:pre;color:#0c1d2e;opacity:0;animation:900ms steps(3) .8s 1 normal forwards running amorce}
.terminal .l{margin:0 0 .35rem;font-size:13.5px;line-height:1.6;opacity:0;animation:260ms ease 0s 1 normal forwards running apparait}
.terminal .l1{animation-delay:1.2s}
.terminal .l2{animation-delay:1.9s}
.terminal .l3{animation-delay:3.3s}
.terminal .l4{animation-delay:3.9s}
.terminal .l5{animation-delay:4.8s;margin-top:.6rem}
@keyframes apparait{100%{opacity: 1; }
}
.curseur{display:inline-block;width:.55em;height:1em;background:#0c1d2e;vertical-align:-0.15em;animation:1s steps(1) 0s infinite normal none running clignote}
@keyframes clignote{50%{opacity: 0; }
}
@media (prefers-reduced-motion: reduce){
	.terminal .l{opacity:1;animation:auto ease 0s 1 normal none running none}
	.curseur{animation:auto ease 0s 1 normal none running none}
}
@keyframes amorce{0%{opacity: 0; }
  18%{opacity: 1; transform: translateX(1px); }
  36%{opacity: 0.55; transform: translateX(-1px); }
  54%{opacity: 1; transform: none; }
  72%{opacity: 0.75; }
  100%{opacity: 1; transform: none; }
}
.menu a{color:#0c1d2e}
@media (max-width: 44em){
	.art2{font-size:calc(100vw / 120)}
}
main{flex:1;display:flex;flex-direction:column}
.refus{flex:1;display:grid;place-items:center;padding:2rem var(--gutter)}
.refus h1{margin:0;max-width:46ch;text-align:center;font-size:15px;line-height:1.65;color:#5b6b7b}