*{margin:0;padding:0;box-sizing:border-box}
body{background:#000;color:#bdbdbd;font-family:'Outfit',system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:#e0e0e0}a:hover{color:#fff}
.top{border-bottom:1px solid #1a1a1a;padding:20px 24px}
.top a{color:#999;text-decoration:none;font-size:12px;letter-spacing:3px;text-transform:uppercase}
.top a:hover{color:#fff}
main{max-width:760px;margin:0 auto;padding:56px 24px 80px}
h1{font-family:'Cormorant Garamond',serif;font-weight:700;color:#fff;font-size:clamp(32px,5vw,44px);letter-spacing:2px;line-height:1.1;margin-bottom:8px}
.maj{color:#777;font-size:13px;margin-bottom:40px}
h2{color:#f0f0f0;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600;margin:40px 0 12px;padding-top:24px;border-top:1px solid #1a1a1a}
p,li{font-size:15px}
p+p{margin-top:10px}
ul{padding-left:20px;margin-top:8px}li{margin:4px 0}
dl{display:grid;grid-template-columns:200px 1fr;gap:6px 20px;font-size:15px}
dt{color:#777}dd{color:#e0e0e0}
.carte{border:1px solid #1e1e1e;border-radius:12px;padding:20px 22px;margin-top:14px;background:#0a0a0a}
.carte h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:12px}
.a-faire{background:#3b2a00;color:#ffd27a;padding:2px 8px;border-radius:6px;font-size:13px}
footer{border-top:1px solid #1a1a1a;padding:24px;text-align:center;font-size:12px;color:#777}
footer a{color:#999;margin:0 10px;text-decoration:none}
@media(max-width:600px){dl{grid-template-columns:1fr;gap:0}dd{margin-bottom:10px}}

/* Transitions douces avec les autres pages du site */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-sortie .3s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vt-entree .5s cubic-bezier(.16,1,.3,1) both}
@keyframes vt-sortie{to{opacity:0;transform:translateY(-8px)}}
@keyframes vt-entree{from{opacity:0;transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*){animation:none!important}}