.hb-doc .hb-chapter{padding-block:4rem}.hb-doc .hb-chapter-head{border-block-end:1px solid var(--color-lab-line);margin-block-end:2rem;padding-block-end:1.25rem}.hb-doc .hb-num{font-family:var(--font-lab-detail);color:var(--color-lab-primary-text);font-size:.875rem;font-weight:800}.hb-doc .hb-title{font-family:var(--font-lab-display);letter-spacing:-.04em;color:var(--color-lab-text);font-size:2.5rem;font-weight:900;line-height:1.05}.hb-doc .hb-lead{color:var(--color-lab-muted);margin-top:.5rem;font-size:1.05rem}.hb-doc .hb-h3{font-family:var(--font-lab-display);color:var(--color-lab-text);margin-block:2.25rem .875rem;font-size:1.15rem;font-weight:700}.hb-doc .hb-h3.mt-0{margin-top:0}.hb-doc .hb-label{font-family:var(--font-lab-detail);text-transform:uppercase;letter-spacing:.06em;color:var(--color-lab-muted);font-size:11px;font-weight:600}.hb-doc .hb-card{border:1px solid var(--color-lab-line);background:var(--color-lab-surface);break-inside:avoid;border-radius:.75rem;padding:1.1rem 1.25rem}.hb-doc .hb-figure{break-inside:avoid}.hb-doc .hb-table{border-top:1px solid var(--color-lab-line)}.hb-doc .hb-table>div{border-bottom:1px solid var(--color-lab-line);break-inside:avoid;grid-template-columns:12rem 1fr;gap:1rem;padding-block:.7rem;font-size:.875rem;display:grid}.hb-doc .hb-table dt{color:var(--color-lab-text);font-weight:600}.hb-doc .hb-table dd{color:var(--color-lab-muted);text-wrap:pretty}.hb-doc .hb-dont{background:var(--color-lab-error-subtle);color:var(--color-lab-error);break-inside:avoid;border-radius:.5rem;padding:.6rem .75rem .6rem 2rem;font-size:.875rem;position:relative}.hb-doc .hb-dont:before{content:"×";font-weight:700;position:absolute;inset-inline-start:.75rem}.hb-doc .hb-cover-inner{min-height:80vh}.hb-doc .hb-tile{pointer-events:none;position:absolute}.hb-doc .hb-tile-a{inset-inline-end:-4rem;background:#ffe9e7;border-radius:0 0 0 4rem;width:22rem;height:22rem;top:-3rem}.hb-doc .hb-tile-b{inset-inline-end:20rem;background:#eaeef2;border-radius:0 0 4rem 4rem;width:12rem;height:16rem;top:-3rem}.hb-doc .hb-tile-c{inset-inline-end:-4rem;background:#eaeef2;border-radius:4rem 0 0;width:28rem;height:14rem;bottom:-4rem}.hb-doc .hb-main .hb-slide,.hb-doc .hb-main .hb-slide-inner{display:contents}.hb-doc .hb-present-nav{display:none}html:has(>body.hb-present){font-size:clamp(16px,1.55vw,30px)}.hb-present{--hb-nav-h:4.25rem;overflow:hidden}.hb-present .hb-toolbar,.hb-present .hb-main .hb-slide,.hb-present .hb-cover{display:none}.hb-present .hb-slide.is-active{inset:0 0 var(--hb-nav-h) 0;z-index:20;background:var(--color-lab-surface);justify-content:center;align-items:flex-start;padding:clamp(1.5rem,6vh,4.5rem) clamp(1.25rem,6vw,7rem);display:flex;position:fixed;overflow:hidden}.hb-present .hb-slide.is-active .hb-slide-inner{transform-origin:top;width:100%;max-width:68rem;display:block}.hb-present .hb-slide-inner>.hb-h3:first-child{margin-top:0;font-size:1.6rem}.hb-present .hb-slide-inner>ol{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;display:grid}.hb-present .hb-slide-inner>ol>li{border-bottom:1px solid var(--color-lab-line)}.hb-present .hb-slide-divider.is-active{align-items:center}.hb-present .hb-slide-divider .hb-chapter-head{border:0;margin:0;padding:0}.hb-present .hb-slide-divider .hb-num{font-size:1.4rem}.hb-present .hb-slide-divider .hb-title{margin-top:.5rem;font-size:clamp(3rem,7vw,6rem)}.hb-present .hb-slide-divider .hb-lead{margin-top:1rem;font-size:1.4rem}.hb-present .hb-cover.is-active{padding:0;display:block}.hb-present .hb-cover.is-active .hb-cover-inner{justify-content:space-between;height:100%;min-height:100%;padding-block:8vh}@media (prefers-reduced-motion:no-preference){.hb-present .hb-slide.is-active{animation:.18s ease-out hb-slide-in}}@keyframes hb-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hb-present .hb-present-nav{z-index:30;height:var(--hb-nav-h);border-top:1px solid var(--color-lab-line);background:var(--color-lab-bg);justify-content:space-between;align-items:center;gap:1rem;padding-inline:clamp(1rem,3vw,2rem);display:flex;position:fixed;inset:auto 0 0}.hb-present-progress{background:0 0;height:3px;position:absolute;inset:-1px 0 auto}.hb-present-progress>span{background:var(--color-lab-primary);width:0;height:100%;transition:width .18s ease-out;display:block}.hb-present-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-lab-text);flex:1;font-size:.875rem;font-weight:600;overflow:hidden}.hb-present-counter{text-align:center;min-width:4.5rem;font-family:var(--font-lab-detail);font-variant-numeric:tabular-nums;color:var(--color-lab-muted);font-size:.8rem;font-weight:700}.hb-present-btn{border:1px solid var(--color-lab-line-strong);background:var(--color-lab-surface);min-width:2.75rem;min-height:2.75rem;color:var(--color-lab-text);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding-inline:.9rem;font-size:.875rem;font-weight:600;transition:border-color .15s ease-out,transform .15s ease-out;display:inline-flex}.hb-present-arrow{padding-inline:0;font-size:1.15rem}.hb-present-next{border-color:var(--color-lab-primary);background:var(--color-lab-primary);color:var(--color-lab-primary-content)}.hb-present-btn:disabled{opacity:.4;cursor:default}.hb-present-btn:focus-visible{outline:2px solid var(--color-lab-primary);outline-offset:2px}.hb-present-btn:active:not(:disabled){transform:scale(.96)}@media (hover:hover){.hb-present-btn:hover:not(:disabled){border-color:var(--color-lab-text)}}@media (width<=40rem){.hb-present-fs{display:none}.hb-doc .hb-table>div{grid-template-columns:1fr;gap:.25rem}.hb-doc .hb-title{font-size:2rem}}@media print{html:has(>body.hb-doc){font-size:9.5pt}.hb-doc{--font-lab:"Geist Print", "Geist Sans", sans-serif;--font-lab-detail:"Inter Print", "Inter", sans-serif}.hb-doc .hb-toolbar{display:none}.hb-doc section{break-inside:auto}html:has(>body.hb-doc),body.hb-doc{background:#fff}.hb-doc .hb-chapter-head{break-after:avoid}.hb-doc .hb-h3{break-after:avoid;margin-block:1.35rem .55rem}.hb-doc .hb-chapter-head{margin-block-end:1.1rem;padding-block-end:.75rem}.hb-doc .hb-title{font-size:2.2rem}.hb-doc .hb-card{padding:.75rem .95rem}.hb-doc .hb-table>div{padding-block:.42rem;font-size:.85rem}.hb-doc .hb-dont{padding-block:.4rem}.hb-doc .hb-swatch{height:3.5rem}.hb-doc .hb-card-mock{max-width:72%}.hb-doc .hb-pairs{grid-template-columns:repeat(4,minmax(0,1fr))}@page{size:A4;margin:18mm 16mm 20mm;@bottom-left{content:"CrossView · Stijlhandboek · versie 1.0";font-family:var(--font-lab-detail);font-weight:600;font-size:7pt;color:#525d69}@bottom-right{content:counter(page) " / " counter(pages);font-family:var(--font-lab-detail);font-weight:600;font-size:7pt;color:#525d69}}@page hb-cover{margin:0;@bottom-left{content:none}@bottom-right{content:none}}.hb-doc .hb-cover{page:hb-cover;break-after:page;height:297mm}.hb-doc .hb-cover-inner{max-width:none;min-height:297mm;padding:28mm 22mm}.hb-doc .hb-main{max-width:none;padding:0}.hb-doc .hb-chapter{break-before:page;padding-block:0}.hb-doc .hb-chapter:first-child{break-before:auto}.hb-doc a{text-decoration:none}}