.page-hero.cp-hero h1{max-width:860px}.page-hero.cp-hero--compact{padding:152px 0 112px}.page-hero.cp-hero--compact h1{font-size:clamp(32px,4vw,52px)}.page-hero.cp-hero--kaal:before{background:0 0}.cp-hero-intro{color:#fffc;max-width:680px;margin-top:24px;font-size:18px;line-height:1.65}.cp-hero-intro p{margin:0 0 16px}.cp-hero-intro p:last-child{margin-bottom:0}.cp-hero-intro a{color:#fff;text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.cp-hero-intro p.more a{gap:8px;text-decoration:none;display:inline-flex}.cp-hero-intro p.more a:after{content:"→";transition:transform .15s cubic-bezier(.16,1,.3,1)}.cp-hero-intro p.more a:hover:after{transform:translate(4px)}.cp-hero-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:end;gap:64px;display:grid}.cp-hero-still{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--dark-2);margin:0;position:relative;overflow:hidden}.cp-hero-still img{object-fit:cover}.cp--employer .page-hero:before{background:linear-gradient(90deg,#1e140cdb 0%,#1e140c8c 60%,#1e140c4d 100%)}.cp--employer .page-hero .bg{opacity:.58}.cp-media{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--dark-2);display:block;position:relative;overflow:hidden}.cp-media img,.cp-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cp-media img{transition:opacity .15s cubic-bezier(.16,1,.3,1)}.cp-media video{opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.cp-media video.on{opacity:1}.cp-still{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--dark-2);margin:96px 0 0;position:relative;overflow:hidden}.cp-still img{object-fit:cover}.cp-lead{gap:128px;padding-top:96px;display:grid}.cp .cp-lead .prose{max-width:none}.cp-case{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:64px;display:grid}.cp-case:nth-child(2n) .cp-case-media{order:2}.cp-case-media{border-radius:var(--radius-lg);display:block}.cp-case-media:hover img{opacity:.86}.cp .cp-case-tekst h2,.cp-case--raster>h2{margin:0 0 16px;font-size:clamp(26px,2.6vw,34px)}.cp-case--raster{display:block}.cp-case--raster>h2{max-width:720px;margin-bottom:32px}.cp-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.cp .cp-case-uitleg{max-width:720px;margin-top:48px}.cp-case-grid a,.cp .cp-werk a{color:var(--ink);font-weight:400;text-decoration:none;display:block}.cp-case-grid a:hover img,.cp-werk a:hover img{opacity:.86}.cp-case-grid .t,.cp-werk .t{font-family:var(--head);color:var(--ink);margin-top:16px;font-size:17px;font-weight:600;line-height:1.35;display:block}.cp-case-grid .c,.cp-werk .c{color:var(--muted);margin-top:4px;font-size:14px;display:block}.cp .cp-tabel h2{margin:0 0 32px;font-size:clamp(28px,3vw,38px)}.cp-tabel .table-wrap{margin:0}.cp .cp-tabel table{table-layout:fixed;min-width:640px;font-size:16px}.cp .cp-tabel th,.cp .cp-tabel td{padding:20px 24px}.cp .cp-tabel th{font-size:18px}.cp .cp-tabel th:first-child{width:24%}.cp .cp-tabel td:first-child{color:var(--ink);font-weight:600}.cp .cp-tabel th:first-child,.cp .cp-tabel td:first-child{z-index:1;position:sticky;left:0}.cp .cp-tabel td:first-child{background:var(--surface)}.cp-keuzes{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.cp-keuzes>section{padding:44px}.cp-keuzes>section+section{border-left:1px solid var(--line)}.cp-keuzes-links{margin-top:28px}.cp .cp-keuzes h2{margin:0 0 16px;font-size:clamp(22px,2.2vw,26px)}.cp--vergelijking .cp-lead{gap:64px}.cp-body{grid-template-columns:minmax(0,1fr) 300px;gap:96px;padding-top:96px;display:grid}.cp-article{min-width:0;max-width:720px}.cp .cp-intro{margin:0}.cp-intro p:last-child{margin-bottom:0}.cp-intro+.cp-blok,.cp-blok+.cp-blok{margin-top:96px}.cp .cp-sec h2{margin:0 0 24px;font-size:clamp(26px,2.6vw,34px)}.cp-md>:last-child{margin-bottom:0}.cp-md+.cp-termen,.cp-termen+.cp-md,.cp-sec .faq-list{margin-top:24px}.cp--kennis .cp-sec .cp-eerste>p:first-child{color:var(--ink);font-size:19px;line-height:1.6}.cp-termen{margin:0}.cp-termen>div{border-top:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.cp-termen>div:last-child{border-bottom:1px solid var(--line)}.cp-termen dt{font-family:var(--head);color:var(--ink);font-size:17px;font-weight:700;line-height:1.5}.cp-termen dd{margin:0}.cp-termen dd p{margin:0 0 8px}.cp-termen dd p:last-child{margin-bottom:0}.cp-paneel{border-radius:var(--radius-lg);background:#f3f1ee;padding:48px}.cp .cp-werk{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 32px;padding:0;list-style:none;display:grid}.cp .cp-werk li{margin:0}.cp .cp-werk--1{grid-template-columns:minmax(0,1fr)}.cp .cp-werk--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-volgende{margin-top:96px}.cp-volgende p:last-child{margin-bottom:0}.cp-aside{align-self:start;position:sticky;top:112px}.cp-contact{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.cp-contact h2{margin:0 0 16px;font-size:20px}.cp-contact .btn{width:100%}.cp-contact ul{gap:8px;margin:16px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.cp-contact ul a{color:var(--ink);text-underline-offset:3px;overflow-wrap:anywhere;-webkit-text-decoration:underline #cfccc7;text-decoration:underline #cfccc7}.cp-contact ul a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.cp-faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;margin-top:128px;display:grid}.cp-faq h2{font-size:clamp(28px,3vw,38px)}.cp-links{margin-top:128px}.cp-links+.cp-links{margin-top:96px}.cp-links>h2{margin-bottom:24px;font-size:clamp(24px,2.4vw,30px)}.cp-linklijst{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;margin:0;padding:0;list-style:none;display:grid}.cp-linklijst li{border-top:1px solid var(--line)}.cp-linklijst a{min-height:56px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:500;transition:color .15s cubic-bezier(.16,1,.3,1);display:flex}.cp-linklijst a:after{content:"→";color:var(--muted);flex:none;transition:transform .15s cubic-bezier(.16,1,.3,1),color .15s}.cp-linklijst a:hover{color:var(--accent)}.cp-linklijst a:hover:after{color:var(--accent);transform:translate(4px)}.cp-groepen{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:48px 32px;display:grid}.cp-groepen h3{font-family:var(--body);letter-spacing:0;color:var(--muted);margin:0 0 8px;font-size:15px;font-weight:600}.cp-groepen .cp-linklijst{grid-template-columns:minmax(0,1fr)}@media (max-width:1080px){.cp-body{grid-template-columns:minmax(0,1fr);gap:64px}.cp-aside{max-width:420px;position:static}.cp-hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:48px}.cp-faq{grid-template-columns:minmax(0,1fr);gap:24px}.cp-linklijst{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.cp-hero-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px}.cp-hero-still{aspect-ratio:16/9;max-width:560px}.cp-case{grid-template-columns:minmax(0,1fr);gap:32px}.cp-case:nth-child(2n) .cp-case-media{order:0}.cp-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-keuzes{grid-template-columns:minmax(0,1fr)}.cp-keuzes>section+section{border-left:0;border-top:1px solid var(--line)}}@media (max-width:820px){.page-hero.cp-hero--compact{padding:120px 0 80px}.cp-lead{gap:96px;padding-top:64px}.cp-body{padding-top:64px}.cp-intro+.cp-blok,.cp-blok+.cp-blok,.cp-still,.cp-volgende{margin-top:64px}.cp-faq,.cp-links{margin-top:96px}.cp-links+.cp-links{margin-top:64px}.cp--kennis .cp-sec .cp-eerste>p:first-child{font-size:18px}}@media (max-width:620px){.cp-hero-intro{font-size:17px}.cp-case-grid,.cp .cp-werk,.cp .cp-werk--2{grid-template-columns:minmax(0,1fr)}.cp-termen>div{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 0}.cp-keuzes>section{padding:28px 22px}.cp-paneel{padding:24px 20px}.cp .cp-tabel table{min-width:560px;font-size:15px}.cp .cp-tabel th,.cp .cp-tabel td{padding:16px}.cp .cp-tabel th{font-size:16px}.cp-linklijst{grid-template-columns:minmax(0,1fr)}.cp-aside{max-width:none}}