/* Accueil : un mot, une phrase, une entrée. */
:root{color-scheme:dark;--background:#080808;--text:#f4f4f2;--muted:#a1a1a1;--line:#333}
*{box-sizing:border-box}
html{min-height:100%;background:var(--background)}
body{margin:0;background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-underline-offset:5px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f4f4f2;outline-offset:7px}
.signature{position:absolute;top:0;left:0;right:0;padding:36px 48px;z-index:1}
.signature a{font-size:15px;font-weight:400;letter-spacing:-.3px;text-decoration:none;color:#b6b6b6}
.home{min-height:100svh;display:grid;place-items:center;padding:118px 28px 90px}
.opening{text-align:center;margin-top:-40px}
h1{font-size:clamp(60px,15vw,190px);line-height:1.03;font-weight:600;letter-spacing:-.068em;margin:0 0 28px;padding-right:.068em}
.one-line{color:var(--muted);font-size:clamp(17px,2.1vw,25px);font-weight:400;letter-spacing:-.45px;line-height:1.4;margin:0}
.enter{display:inline-flex;gap:15px;align-items:center;margin-top:54px;background:none;border:0;padding:12px 8px;font-size:16px;font-weight:400;line-height:1.2}
.enter span{transition:transform .18s ease}.enter:hover span{transform:translateX(4px)}
dialog{width:min(660px,calc(100% - 32px));max-height:88svh;overflow:auto;background:#101010;color:var(--text);border:1px solid var(--line);padding:45px;box-shadow:none}
dialog::backdrop{background:rgba(0,0,0,.88)}
.close{position:absolute;right:14px;top:9px;border:0;background:none;font-size:28px;font-weight:400;line-height:1;padding:8px}
.eyebrow{font-size:12px;color:var(--muted);line-height:1.4;margin:0 0 20px}
dialog h2{font-size:38px;line-height:1.1;letter-spacing:-1.3px;font-weight:500;margin:0 0 25px}
dialog h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.3px;margin:30px 0 12px}
dialog p{font-size:15px;line-height:1.7;color:#c0c0c0;margin:0 0 18px}
dialog .eyebrow{font-size:12px;color:var(--muted)}
.routes{margin-top:32px}
.routes a,.routes button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:19px 0;background:none;border:0;border-top:1px solid var(--line);font-size:20px;line-height:1.3;text-decoration:none;text-align:left}
.routes span:last-child{font-size:16px;color:#888}
.routes a:hover,.routes button:hover{color:#fff}
.next,.quiet{display:inline-block;background:none;border:0;border-bottom:1px solid #767676;color:var(--text);padding:3px 0 6px;text-decoration:none;font-size:14px;margin:5px 0 15px}
.choices>a,.choices>button{display:block;width:100%;text-align:left;text-decoration:none;background:none;border:0;border-top:1px solid var(--line);padding:20px 0}
.choices strong{display:flex;justify-content:space-between;gap:15px;font-size:19px;font-weight:400}
.choices p{font-size:14px;line-height:1.6;color:var(--muted);margin:9px 0 0}
.small{font-size:12px!important;color:var(--muted);margin-top:20px}
details{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}
summary{font-size:14px;cursor:pointer}details p{margin-top:18px}
@media(max-width:600px){.signature{padding:28px 25px}.signature a{font-size:14px}.home{padding:105px 22px 70px}.opening{margin-top:-25px}h1{font-size:clamp(60px,17vw,100px);margin-bottom:24px}.one-line{font-size:17px;letter-spacing:-.35px}.enter{font-size:15px;margin-top:40px}dialog{padding:38px 25px 25px}dialog h2{font-size:32px}.routes a,.routes button{font-size:18px}}
@media(prefers-reduced-motion:reduce){.enter span{transition:none}}

a.enter{text-decoration:none}

.site-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:22px;font-size:11px;color:#999}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}