*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--bg: #0f1318;--surface: #161b22;--border: #252b35;--accent: #2dd4a8;--accent-dim: rgba(45, 212, 168, .12);--orangje: #e5a83b;--orangje-dim: rgba(229, 168, 59, .12);--text: #c9d1d9;--text-muted: #6b7685}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}#app{margin:0 auto;text-align:center}.hero{position:relative;height:50vh;min-height:360px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f13184d,#0f1318f2)}.hero-content{position:relative;z-index:1}.hero-label{font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--accent);margin-bottom:.75rem}.hero h1{font-family:JetBrains Mono,monospace;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text);margin-bottom:.5rem}.hero p{color:var(--text-muted);max-width:420px;margin:0 auto;font-size:.95rem}.stats{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--border)}.stat{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 0;border-right:1px solid var(--border)}.stat:last-child{border-right:none}.stat-label{font-size:.8rem;color:var(--text-muted)}.section-title{display:flex;align-items:center;gap:1rem;margin:3rem 0 2rem}.section-title span{font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.section-title:before,.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding-bottom:4rem}.lab-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:.2rem;overflow:hidden;transition:border-color .3s,box-shadow .3s}.lab-card:hover{border-color:#2dd4a84d;box-shadow:0 0 5rem -2rem #2dd4a826;cursor:pointer}.lab-card-img{position:relative;height:16rem;overflow:hidden}.lab-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.lab-card:hover .lab-card-img img{transform:scale(1.08)}.lab-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--surface) 0%,transparent 60%)}.status-badge{position:absolute;bottom:.6rem;left:.75rem;z-index:1;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:50rem;border:1px solid}.status-voltooid{background:var(--accent-dim);color:var(--accent);border-color:#2dd4a84d}.status-lopend{background:var(--orangje-dim);color:var(--orangje);border-color:#e5a83b4d}.status-gepland{background:#6b76851a;color:var(--text-muted);border-color:var(--border)}.lab-card-body{padding:1.25rem}.lab-card-meta{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-muted);margin-bottom:.5rem}.lab-card-body h3{font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:600;margin-bottom:.4rem;transition:color .3s}.lab-card:hover .lab-card-body h3{color:var(--accent)}.lab-card-body p{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:.75rem;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{font-family:JetBrains Mono,monospace;font-size:.65rem;background:var(--accent-dim);color:var(--accent);padding:.15rem .5rem;border-radius:.2rem}footer{border-top:1px solid var(--border);padding:2rem 0;text-align:center;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted)}footer .dot{color:var(--accent)}.overlay-link{position:absolute;inset:0;z-index:1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}