@font-face{font-family:'Big Shoulders';src:url(/fonts/BigShoulders.ttf) format('truetype');font-weight:100 900}
@font-face{font-family:Barlow;src:url(/fonts/Barlow-Medium.ttf) format('truetype');font-weight:500}
@font-face{font-family:Barlow;src:url(/fonts/Barlow-SemiBold.ttf) format('truetype');font-weight:600}
:root{--fond:#2b2018;--texte:#dccfbc;--texte2:#aa9c8a;--lampe:#efb055;--filet:#4a3f37;--carte:#1e1814}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);font:500 18px/1.55 Barlow,system-ui,sans-serif}
main,header,footer{max-width:1040px;margin:0 auto;padding:0 16px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:16px;gap:12px;flex-wrap:wrap}
header img{width:56px;height:56px;border-radius:14px}
nav{display:flex;flex-wrap:wrap;gap:4px 14px}
nav a{color:var(--texte2);text-decoration:none;padding:8px 0}
nav a[aria-current]{color:var(--lampe)}
h1,h2{font-family:'Big Shoulders',Barlow,sans-serif;font-weight:800;line-height:1.05;margin:0}
h1{font-size:clamp(48px,9vw,96px);margin-top:40px}
h2{font-size:clamp(28px,4.5vw,40px);margin:48px 0 12px}
.promesse{font-size:clamp(20px,3vw,26px);color:var(--lampe);font-weight:600;max-width:34ch}
.boutons{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.bouton{display:inline-block;padding:14px 22px;border:2px solid var(--texte);color:var(--texte);text-decoration:none;
  font-weight:600;border-radius:8px}
.bouton.plein{background:var(--texte);color:var(--fond)}
.bouton.inactif{opacity:.55;border-style:dashed}
.ecrans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}
.ecrans img{width:100%;height:auto;border-radius:16px;border:3px solid #706760;background:var(--carte)}
@media(max-width:640px){.ecrans{grid-template-columns:1fr 1fr}.ecrans img:last-child{display:none}}
.blocs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.bloc{border-top:2px solid var(--filet);padding-top:8px}
.bloc h3{font-size:18px;letter-spacing:.04em;color:var(--lampe);margin:8px 0}
.bloc ul{margin:0;padding-left:20px}
.petit{color:var(--texte2);font-size:15px}
footer{border-top:1px solid var(--filet);margin-top:64px;padding:24px 16px 48px;color:var(--texte2);font-size:15px}
footer a{color:var(--texte)}
article{max-width:72ch}
article h1{font-size:clamp(36px,6vw,56px)}
article h2{font-size:28px}