*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07111e;--bg2: #0b1929;--surface: #0f2035;--surface2: #13283f;--accent: #4d9fd6;--accent2: #3a7db8;--accent-dim: rgba(77,159,214,.12);--accent-glow: rgba(77,159,214,.25);--text: #dce8f4;--text-dim: #7090a8;--text-muted: #3d566a;--border: rgba(77,159,214,.2);--border-dim: rgba(255,255,255,.07);--green: #6aaa72;--yellow: #e0c96e;--font-head: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--nav-h: 96px;--tab-h: 52px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:300;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(26,223,176,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(26,223,176,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.project-hero{position:relative;padding:calc(var(--nav-h) + 56px) 60px 56px;border-bottom:1px solid var(--border-dim);overflow:hidden}.project-hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(77,159,214,.07) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;position:relative;z-index:1}.project-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.project-eyebrow:before{content:"";width:20px;height:1px;background:var(--accent)}.project-naam{font-family:var(--font-head);font-weight:800;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.project-meta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-dim)}.meta-item svg{color:var(--accent);flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;border:1px solid}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.in-uitvoering{color:var(--green);border-color:#6aaa724d;background:#6aaa7212}.status-badge.in-ontwerp{color:var(--yellow);border-color:#e0c96e4d;background:#e0c96e12}.status-badge.opgeleverd{color:var(--text-muted);border-color:var(--border-dim);background:transparent}.project-omschrijving{font-size:.95rem;color:var(--text-dim);line-height:1.8;max-width:680px}.hero-right{display:flex;flex-direction:column;gap:10px;min-width:180px;text-align:right;padding-top:8px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-val{font-family:var(--font-head);font-weight:700;font-size:1.1rem;color:var(--text)}.hero-stat-lbl{font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.tab-bar-wrap{position:sticky;top:var(--nav-h);z-index:90;background:#080c10f2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dim)}.tab-bar{max-width:1200px;margin:0 auto;padding:0 60px;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{display:inline-flex;align-items:center;gap:8px;padding:0 24px;height:var(--tab-h);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;flex-shrink:0}.tab-btn:hover{color:var(--text-dim)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-btn svg{opacity:.6}.tab-btn.active svg{opacity:1}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent-dim);color:var(--accent);font-size:.65rem;font-weight:600;border-radius:9px}.tab-content{display:none}.tab-content.active{display:block}.model-wrap{width:100%;height:calc(100vh - var(--nav-h) - var(--tab-h));min-height:500px;position:relative}.model-wrap iframe{width:100%;height:100%;border:none;display:block}.model-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-muted)}.model-placeholder svg{opacity:.3}.model-placeholder p{font-size:.85rem}.dashboard-wrap{width:100%;height:calc(100vh - var(--nav-h) - var(--tab-h));min-height:500px}.dashboard-wrap iframe{width:100%;height:100%;border:none;display:block}.dashboard-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-muted)}.dashboard-placeholder svg{opacity:.3}.dashboard-placeholder p{font-size:.85rem}.tab-inner{max-width:1200px;margin:0 auto;padding:56px 60px 80px}.tab-section-label{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:32px}.tab-section-label:before{content:"";width:20px;height:1px;background:var(--accent)}.tek-table-wrap{overflow-x:auto;border:1px solid var(--border-dim)}.tek-table{width:100%;border-collapse:collapse;font-size:.875rem}.tek-table thead tr{background:var(--surface2);border-bottom:1px solid var(--border)}.tek-table th{padding:14px 20px;text-align:left;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.tek-table tbody tr{border-bottom:1px solid var(--border-dim);transition:background .15s}.tek-table tbody tr:last-child{border-bottom:none}.tek-table tbody tr:hover{background:var(--surface)}.tek-table td{padding:14px 20px;color:var(--text-dim);vertical-align:middle}.tek-table td:first-child{font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--text);letter-spacing:.03em}.tek-versie{display:inline-flex;align-items:center;padding:2px 10px;border:1px solid var(--border);font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--accent)}.tek-empty{padding:48px 20px;text-align:center;color:var(--text-muted);font-size:.85rem}.opm-list{display:flex;flex-direction:column;gap:2px}.opm-item{display:grid;grid-template-columns:140px 1fr;gap:32px;padding:24px 28px;background:var(--surface);border:1px solid var(--border-dim);transition:border-color .2s,background .2s}.opm-item:hover{border-color:var(--border);background:var(--surface2)}.opm-datum{font-size:.75rem;font-weight:500;letter-spacing:.05em;color:var(--text-muted);padding-top:3px;white-space:nowrap}.opm-tekst{font-size:.9rem;color:var(--text-dim);line-height:1.75}.opm-type{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid;margin-bottom:8px}.opm-type.info{color:var(--accent);border-color:var(--border)}.opm-type.actie{color:var(--yellow);border-color:#e0c96e4d}.opm-type.aandacht{color:#e07a5f;border-color:#e07a5f4d}.opm-empty{padding:48px 28px;text-align:center;color:var(--text-muted);font-size:.85rem;background:var(--surface);border:1px solid var(--border-dim)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.info-item{padding:24px 28px;background:var(--surface);border:1px solid var(--border-dim)}.info-lbl{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.info-val{font-size:.92rem;color:var(--text);line-height:1.6}.info-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.info-tag{padding:3px 10px;border:1px solid var(--border);font-size:.72rem;letter-spacing:.05em;color:var(--green);text-transform:uppercase}.info-wide{grid-column:span 2}.loading-state{display:flex;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:var(--text-muted);font-size:.85rem}.spinner{width:20px;height:20px;border:2px solid var(--border-dim);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-muted);text-align:center;padding:40px}.error-state h2{font-family:var(--font-head);font-size:1.4rem;color:var(--text-dim)}.error-state p{font-size:.85rem;max-width:400px;line-height:1.7}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent2)}@media (max-width: 900px){.project-hero{padding:calc(var(--nav-h) + 40px) 24px 40px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero-right{text-align:left;flex-direction:row;flex-wrap:wrap;gap:24px}.tab-bar{padding:0 24px}.tab-inner{padding:40px 24px 60px}.info-grid{grid-template-columns:1fr}.info-wide{grid-column:span 1}}@media (max-width: 600px){.project-naam{font-size:clamp(1.6rem,6vw,2.2rem)}.tab-btn{padding:0 16px;font-size:.75rem}.opm-item{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html body:before{background-image:linear-gradient(rgba(26,223,176,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(26,223,176,.025) 1px,transparent 1px)}