:root{--paper:#FBF6EA;--ink:#141414;--yellow:#FDDA24;--red:#EF3340;--blue:#1F3F8F;--muted:#5E5A52;--white:#fff;--shadow: 5px 5px 0 var(--ink);--sans: Archivo, system-ui, -apple-system, "Segoe UI", "Noto Sans", "Noto Sans Arabic", "Noto Sans CJK SC", "Noto Sans JP", sans-serif;--black: "Archivo Black", Archivo, system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;font:17px/1.65 var(--sans);color:var(--ink);background:var(--paper)}body:before{content:"";display:block;height:8px;background:linear-gradient(90deg,var(--ink) 0 33.3%,var(--yellow) 33.3% 66.6%,var(--red) 66.6%)}a{color:var(--ink)}h1,h2,h3,.display{font-family:var(--black);font-weight:900;letter-spacing:-.01em;line-height:1.1}h1{font-size:clamp(32px,6vw,48px);margin:.1em 0 .4em}h2{font-size:clamp(22px,3.5vw,28px);margin:1.6em 0 .5em}h3{font-size:22px;margin:.3em 0}.wrap{max-width:820px;margin:0 auto;padding:0 16px}header{padding:22px 0 14px}header .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-family:var(--black);font-weight:900;font-size:22px;line-height:1}.brand svg{width:40px;height:40px;flex:none}.brand small{display:block;font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px}.langs{font:600 14px/1 var(--sans);padding:9px 12px;border:2px solid var(--ink);background:var(--white);color:var(--ink);border-radius:0;cursor:pointer}nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}nav a{font:600 14px/1 var(--sans);text-decoration:none;padding:9px 13px;border:2px solid var(--ink);border-radius:999px;background:var(--white);transition:transform .12s,box-shadow .12s}nav a:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}nav a.pro{margin-inline-start:auto;background:var(--yellow)}nav a.on,nav a.pro.on{background:var(--ink);color:var(--yellow)}main{padding:26px 0 56px}.lead{font-size:19px;color:var(--muted);max-width:620px}.hero{position:relative;background:var(--yellow);border:3px solid var(--ink);box-shadow:var(--shadow);padding:30px 26px 26px;margin:30px 0 34px}.hero h1{margin:0 0 .3em}.hero p{margin:0;font-size:19px;max-width:560px}.hero .stamp{position:absolute;top:-16px;inset-inline-end:18px;background:var(--red);color:var(--white);font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border:2px solid var(--ink);transform:rotate(3deg)}.cards{display:grid;gap:18px}.card{display:block;position:relative;background:var(--white);border:2px solid var(--ink);padding:20px 22px 18px;text-decoration:none;color:var(--ink);transition:transform .12s,box-shadow .12s}.card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow)}.card h3{margin:8px 0 6px;font-size:clamp(20px,3vw,24px)}.card p{margin:0;color:var(--muted)}.card .meta{margin-top:12px}.card.pic{display:grid;grid-template-columns:1fr;gap:0 18px;padding:0}.card.pic .thumb{width:100%;height:200px;object-fit:cover;border-bottom:2px solid var(--ink);display:block}.card.pic>div{padding:18px 22px}@media(min-width:640px){.card.pic{grid-template-columns:200px 1fr}.card.pic .thumb{height:100%;min-height:170px;border-bottom:0;border-inline-end:2px solid var(--ink)}}.photo{margin:22px 0 0;border:3px solid var(--ink);box-shadow:var(--shadow);background:var(--white)}.photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.photo figcaption{font:500 12px/1.4 var(--sans);color:var(--muted);padding:6px 10px;border-top:2px solid var(--ink);text-align:end}.tag{display:inline-block;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 9px;border:2px solid var(--ink);background:var(--white)}.tag.restaurants{background:var(--red);color:var(--white)}.tag.bars{background:var(--yellow)}.tag.activites{background:var(--blue);color:var(--white)}.tag.sorties{background:var(--white)}.tag.tops{background:var(--ink);color:var(--yellow)}.meta{font:500 13px/1.4 var(--sans);color:var(--muted);letter-spacing:.02em}.plaque{background:var(--blue);color:var(--white);border:3px solid var(--white);outline:3px solid var(--blue);box-shadow:var(--shadow);padding:16px 20px;margin:28px 3px 30px 0;font:500 15px/1.6 var(--sans)}.plaque div{margin:3px 0}.plaque a{color:var(--white);text-decoration-color:var(--yellow);text-underline-offset:3px}.plaque .k{display:inline-block;min-width:84px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}article.body{font-size:18px}article.body h2{padding-inline-start:14px;border-inline-start:6px solid var(--yellow)}article.body ul{padding-inline-start:22px}article.body li{margin:4px 0}article.body strong{font-weight:700}.card.featured h3:before{content:"★ ";color:var(--red)}.sponsored{font:500 13px/1.5 var(--sans);color:var(--muted);border-inline-start:4px solid var(--red);padding-inline-start:10px;margin:18px 0}.offres{display:grid;gap:18px;margin:18px 0 8px}@media(min-width:700px){.offres{grid-template-columns:repeat(3,1fr)}}.offre{background:var(--white);border:2px solid var(--ink);padding:22px 20px;display:flex;flex-direction:column}.offre.star{background:var(--yellow);box-shadow:var(--shadow)}.offre .prix{font-family:var(--black);font-weight:900;font-size:34px;margin:6px 0 2px}.offre .prix small{font:500 13px var(--sans);color:var(--muted)}.offre h3{font-size:19px;margin:0}.offre p{margin:10px 0 0;color:var(--muted);font-size:15px;flex:1}.steps{counter-reset:s;list-style:none;padding:0;margin:12px 0}.steps li{position:relative;padding:4px 0 4px 48px;margin:8px 0}.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border:2px solid var(--ink);background:var(--yellow);font-family:var(--black);font-weight:900;display:grid;place-items:center}footer{border-top:3px solid var(--ink);padding:24px 0 44px;font:500 14px/1.7 var(--sans);color:var(--muted)}footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}footer a{color:var(--ink)}footer .zinneke{font-family:var(--black);font-weight:900;color:var(--ink);font-size:15px}img{max-width:100%}
