[data-surface=kantoor]{--kantoor-canvas:#f7f6f3;--kantoor-paper:#fff;--kantoor-ink:#1c1d1f;--kantoor-quiet:#5c5f66;--kantoor-line:#d9d6cf;--kantoor-accent:#2c3340;--kantoor-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--kantoor-radius:10px;--kantoor-gutter:24px;--surface-canvas:var(--kantoor-canvas);--text-primary:var(--kantoor-ink);--text-quiet:var(--kantoor-quiet);--border-subtle:var(--kantoor-line);--accent-primary:var(--kantoor-accent);--font-ui:var(--kantoor-sans);background:var(--kantoor-canvas);min-height:100svh;color:var(--kantoor-ink);font-family:var(--kantoor-sans)}@media (min-width:880px){[data-surface=kantoor]{--kantoor-gutter:48px}}[data-surface=kantoor] .kantoor-shell{box-sizing:border-box;max-width:1080px;min-height:100svh;padding:36px var(--kantoor-gutter) 72px;margin:0 auto}[data-surface=kantoor] .kantoor-top{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}[data-surface=kantoor] .kantoor-eyebrow{color:var(--kantoor-quiet);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:700}[data-surface=kantoor] .kantoor-title{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.85rem,3vw,2.35rem);font-weight:600}[data-surface=kantoor] .kantoor-lede{max-width:28rem;color:var(--kantoor-quiet);margin:0;font-size:1rem;line-height:1.45}[data-surface=kantoor] .kantoor-login{color:var(--kantoor-quiet);letter-spacing:.12em;text-transform:uppercase;flex:none;margin-top:4px;font-size:.72rem;font-weight:700;text-decoration:none}:is([data-surface=kantoor] .kantoor-login:hover,[data-surface=kantoor] .kantoor-login:focus-visible){color:var(--kantoor-ink)}[data-surface=kantoor] .kantoor-list{grid-template-columns:1fr;gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:880px){[data-surface=kantoor] .kantoor-list{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-surface=kantoor] .kantoor-card{background:var(--kantoor-paper);border:1px solid var(--kantoor-line);border-radius:var(--kantoor-radius);color:inherit;text-decoration:none;display:block;overflow:hidden}:is([data-surface=kantoor] .kantoor-card:hover,[data-surface=kantoor] .kantoor-card:focus-visible){border-color:var(--kantoor-accent)}[data-surface=kantoor] .kantoor-card img{aspect-ratio:3/2;object-fit:cover;background:var(--kantoor-line);width:100%;display:block}[data-surface=kantoor] .kantoor-card-body{padding:18px 20px 20px}[data-surface=kantoor] .kantoor-card h2{letter-spacing:-.02em;margin:0 0 4px;font-size:1.15rem;font-weight:600}[data-surface=kantoor] .kantoor-card p{color:var(--kantoor-quiet);margin:0;font-size:.92rem}[data-surface=kantoor] .kantoor-empty{background:var(--kantoor-paper);border:1px solid var(--kantoor-line);border-radius:var(--kantoor-radius);color:var(--kantoor-quiet);margin:0;padding:36px 24px}