:root { color-scheme: light dark; --accent: #6fde42; --ink: #1c1c1e; --paper: #fff; --card: #f2f2f7; --mute: #6e6e73; }
@media (prefers-color-scheme: dark) { :root { --ink: #f2f2f7; --paper: #000; --card: #1c1c1e; --mute: #98989d; } }
* { margin: 0; box-sizing: border-box; }
body { font-family: -apple-system, "SF Pro Text", "Segoe UI", sans-serif; background: var(--paper); color: var(--ink); line-height: 1.55; }
main { max-width: 860px; margin: 0 auto; padding: 40px 22px 80px; }
.kop { display: flex; align-items: center; gap: 20px; margin-bottom: 8px; }
.kop img { width: 96px; height: 96px; border-radius: 22px; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
h1 { font-size: 30px; line-height: 1.15; }
.tagline { color: var(--mute); font-size: 17px; margin-top: 4px; }
h2 { font-size: 21px; margin: 44px 0 12px; padding-top: 8px; border-top: 3px solid var(--accent); display: inline-block; }
p { margin: 10px 0; }
table { border-collapse: collapse; width: 100%; font-size: 15px; }
td { padding: 8px 12px 8px 0; vertical-align: top; border-bottom: 1px solid color-mix(in srgb, var(--mute) 25%, transparent); }
td:first-child { color: var(--mute); white-space: nowrap; width: 11em; }
.videos { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-top: 14px; }
.videos figure { margin: 0; }
.videos video { width: 100%; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--mute) 30%, transparent); background: #000; }
.videos figcaption { font-size: 13px; color: var(--mute); margin-top: 6px; }
.shots { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-top: 14px; }
.shots img { width: 100%; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--mute) 30%, transparent); }
ul.dl { padding-left: 20px; }
ul.dl li { margin: 5px 0; }
a { color: color-mix(in srgb, var(--accent) 62%, var(--ink)); }
.kaart { background: var(--card); border-radius: 16px; padding: 18px 20px; margin-top: 14px; }
.stil { color: var(--mute); font-size: 14px; }
footer { margin-top: 60px; color: var(--mute); font-size: 13px; }