:root{--bg:#0f0f10;--panel:#1c1c1e;--line:#2e2e31;--txt:#e9e6e1;--mut:#a19d97;--or:#dcb44e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,.logo{font-family:"Rockwell Extra Bold",Rockwell,"Clarendon","Bookman Old Style","Georgia",serif;font-weight:900;}
nav a,.btn,.kicker{font-family:"Rye",Georgia,serif;font-stretch:normal;text-transform:uppercase;letter-spacing:.03em;font-weight:400}
h1{font-size:clamp(2.2rem,8vw,4.5rem);line-height:1;margin:.3em 0}h2{color:var(--or);border-bottom:2px solid var(--line);padding-bottom:.2em;margin-top:2em}
a{color:var(--or)}.preview{background:var(--or);color:#000;text-align:center;font-size:.8rem;font-weight:700;padding:4px}
header{position:sticky;top:0;z-index:5;background:#000;border-bottom:3px solid var(--or);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.6rem 1rem}
.logo{color:#fff;text-decoration:none;font-size:1.6rem}.logo b{color:var(--or)}.burger{background:none;border:1px solid var(--line);color:#fff;font-size:1.4rem;border-radius:6px}
#hoofdmenu{display:none;width:100%;flex-direction:column}.open #hoofdmenu{display:flex}nav a{color:var(--txt);text-decoration:none;padding:.5rem 0;border-top:1px solid var(--line)}nav a.on,nav a:hover{color:var(--or)}
@media(min-width:1100px){.burger{display:none}#hoofdmenu{display:flex;flex-direction:row;width:auto;gap:1.3rem}#hoofdmenu a{border:0}}
main{max-width:1100px;margin:auto;padding:1rem}
.hero{margin:-1rem -1rem 1rem;padding:4rem 1.2rem;min-height:60vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.35)),repeating-linear-gradient(135deg,#1a1a1a 0 14px,#151515 14px 28px);border-bottom:1px solid var(--line)}
.hero h1 span{color:var(--or)}.hero p{max-width:560px;color:#d4d0ca}.kicker{color:var(--or);margin:0}
.btn{display:inline-block;background:var(--or);color:#000;padding:.7rem 1.3rem;border:0;border-radius:4px;text-decoration:none;font-size:1.05rem;margin:.3rem .3rem 0 0}.btn.ghost{background:none;color:#fff;border:2px solid #fff}.btn:disabled{opacity:.5}
.vb{display:inline-block;background:#3a2a10;color:#ffb070;border:1px dashed var(--or);font-size:.7rem;padding:0 .4em;border-radius:3px;text-transform:uppercase;margin-right:.3em;vertical-align:middle}
.card{display:block;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--or);border-radius:6px;padding:1rem 1.2rem;color:var(--txt);text-decoration:none;margin-bottom:1rem}.card h3{margin:.1em 0}
.grid3{display:grid;gap:1rem}@media(min-width:700px){.grid3{grid-template-columns:repeat(3,1fr)}}
.events{display:grid;gap:1rem}.event{display:grid;grid-template-columns:110px 1fr;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1rem}.event .d{color:var(--or);font-weight:700;font-size:.9rem}.event h3,.event p{margin:0 0 .3em}
.note{color:var(--mut);background:var(--panel);border:1px solid var(--line);padding:.6rem .8rem;border-radius:6px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem}.gallery figure{margin:0}.ph{aspect-ratio:4/3;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#222 0 10px,#1a1a1a 10px 20px);color:#555;font-weight:700;border-radius:4px}figcaption{font-size:.8rem;color:var(--mut)}
.date{color:var(--or);font-size:.85rem;margin:0}.list li{margin:.3em 0}
.login{max-width:380px;margin:3rem auto}label{display:block;margin:.8rem 0;font-size:.9rem}input{width:100%;padding:.6rem;margin-top:.2rem;background:#111;border:1px solid var(--line);color:#fff;border-radius:4px}
footer{text-align:center;color:var(--mut);font-size:.8rem;padding:2rem 1rem;border-top:1px solid var(--line);margin-top:3rem}
.logo{display:flex;align-items:center;gap:.5rem}.logo img{display:block}
.hero{flex-direction:column;text-align:center;gap:1rem;background:radial-gradient(circle at 50% 30%,rgba(215,173,63,.18),transparent 60%),#0a0a0a}
.hero .badge img{width:min(70vw,300px);height:auto;filter:drop-shadow(0 8px 30px rgba(0,0,0,.8))}.hero p{margin-inline:auto}
@media(min-width:860px){.hero{flex-direction:row;text-align:left;justify-content:center;gap:3rem}.hero p{margin-inline:0}.hero .badge img{width:340px}}
.preview{color:#000}h1 span{color:var(--or)}.vb{background:#2e2610;color:#f0d68a}
body{background:radial-gradient(ellipse at 50% 0%,rgba(220,180,78,.12),transparent 55%),linear-gradient(180deg,#121212,#070707) fixed}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(../img/logo-512.webp) center center/min(100vmax,1100px) no-repeat;opacity:.12;filter:saturate(.75)}
.hero{background:radial-gradient(circle at 50% 35%,rgba(220,180,78,.16),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.25))}
.card,.event,.note{background:rgba(22,22,24,.92)}
.logos{display:flex;flex-wrap:wrap;gap:.8rem}.logos figure{margin:0;width:120px;text-align:center;font-size:.75rem;color:var(--mut)}.logos img{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
textarea{width:100%;padding:.6rem;margin-top:.2rem;background:#111;border:1px solid var(--line);color:#fff;border-radius:4px;font:inherit}
#lagenda{max-height:none}[hidden]{display:none!important}