@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.xuaO2J-f.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-400-normal.BSMlKf0J.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-400-normal.CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-vietnamese-400-normal.BulugwFq.woff2) format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-400-normal.DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-ext-400-normal.BmRBH3aV.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-400-normal.D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-cyrillic-ext-500-normal.BqneJy0T.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-500-normal.BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-cyrillic-500-normal.Bq9vWWag.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-500-normal.Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-vietnamese-500-normal.DZ4AoWbu.woff2) format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-500-normal.C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-ext-500-normal.CAhNIIs5.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-500-normal.CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--staal: #0D0E10;--plaat: #15171A;--plaat-hoog: #1D2024;--naad: #2B2F34;--tekst: #F2F1EE;--grijs: #A3A7AD;--oranje: #FF6A1A;--gloed: #FFE3B8;--op-oranje: #140A04;--letter-kop: "Archivo Variable", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--letter-tekst: "Archivo Variable", "Helvetica Neue", Arial, sans-serif;--letter-maat: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--maat-xs: .8125rem;--maat-s: .9375rem;--maat-m: 1.0625rem;--maat-l: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--maat-xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--maat-xxl: clamp(2.75rem, 1.6rem + 5.2vw, 5.75rem);--breed: 72rem;--rand: 4px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--staal);color:var(--tekst);font-family:var(--letter-tekst);font-size:var(--maat-m);line-height:1.55;font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:inherit;text-underline-offset:.2em}a:focus-visible,summary:focus-visible,.knop:focus-visible{outline:3px solid var(--oranje);outline-offset:3px}h1,h2,h3{font-family:var(--letter-kop);font-variation-settings:"wdth" 68;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.98;text-wrap:balance;margin:0}p{margin:0}.mono{font-family:var(--letter-maat);font-variant-numeric:tabular-nums}.binnen{max-width:var(--breed);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.band{padding-block:clamp(3.5rem,2.5rem + 4vw,6.5rem);border-top:1px solid var(--naad)}.band--plaat{background:var(--plaat)}.label{font-family:var(--letter-maat);font-size:var(--maat-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--oranje)}.label--klein{font-size:.75rem}.kop{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--staal) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--naad);padding-top:env(safe-area-inset-top,0px)}.kop__binnen{max-width:var(--breed);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-block:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.merk{display:flex;align-items:center;gap:.5rem;text-decoration:none}.merk__naam{font-family:var(--letter-kop);font-variation-settings:"wdth" 68;font-weight:800;font-size:1.375rem;text-transform:uppercase;letter-spacing:.02em}.talen{position:relative}.talen summary{list-style:none;display:flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 .85rem;font-family:var(--letter-maat);font-size:var(--maat-xs);font-weight:500;color:var(--tekst);border:1px solid var(--naad);border-radius:var(--rand);background:var(--plaat);cursor:pointer}.talen summary::-webkit-details-marker{display:none}.talen summary:hover,.talen[open] summary{border-color:var(--oranje)}.talen summary svg:first-child{color:var(--oranje)}.talen__pijl{transition:transform .15s ease}.talen[open] .talen__pijl{transform:rotate(180deg)}.talen__lijst{position:absolute;right:0;top:calc(100% + .4rem);list-style:none;margin:0;padding:.35rem;min-width:12rem;background:var(--plaat);border:1px solid var(--naad);border-radius:var(--rand);box-shadow:0 20px 40px -12px #000}.talen__lijst a{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:0 .75rem;text-decoration:none;color:var(--tekst);border-radius:calc(var(--rand) - 2px)}.talen__lijst a .mono{color:var(--grijs);font-size:var(--maat-xs);min-width:1.6rem}.talen__lijst a:hover{background:color-mix(in srgb,var(--oranje) 14%,transparent)}.talen__lijst a[aria-current=true],.talen__lijst a[aria-current=true] .mono{color:var(--oranje)}.knoppen{display:flex;flex-wrap:wrap;gap:.75rem}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.5rem;padding:.9rem 1.5rem;border-radius:var(--rand);font-family:var(--letter-kop);font-variation-settings:"wdth" 75;font-weight:800;font-size:1.1875rem;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;line-height:1.1;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.knop--hoofd{background:var(--oranje);color:var(--op-oranje);box-shadow:0 0 color-mix(in srgb,var(--oranje) 40%,transparent)}a.knop--hoofd:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px var(--oranje)}button.knop{border:0;cursor:pointer}button.knop--hoofd:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px var(--oranje)}.knop--klein{min-height:2.75rem;padding:.5rem .9rem;font-size:.9375rem;background:var(--oranje);color:var(--op-oranje)}.kop__rechts{display:flex;align-items:center;gap:.5rem}.kop__link{color:var(--tekst);text-decoration:none;font-weight:600;font-size:var(--maat-s);padding:0 .75rem;min-height:2.75rem;display:flex;align-items:center}.kop__link:hover{color:var(--oranje)}.sectiekop p a{color:var(--oranje);white-space:nowrap}.binnenkort{display:flex;align-items:center;gap:.45rem;margin-top:.9rem;font-family:var(--letter-maat);font-size:var(--maat-xs);color:var(--grijs);text-transform:uppercase;letter-spacing:.06em}.knop--tweede{border:2px solid var(--naad);color:var(--tekst);background:transparent}.knop--tweede:hover{border-color:var(--tekst)}.opening{border-top:0;overflow:hidden}.opening__raster{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center}.opening__tekst{display:grid;gap:1.5rem;min-width:0}.opening__titel{font-size:var(--maat-xxl)}.opening__onder{font-size:var(--maat-l);color:var(--grijs);max-width:32ch;line-height:1.4}.feiten{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-family:var(--letter-maat);font-size:var(--maat-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--grijs)}.feiten li{display:flex;align-items:center;gap:.5rem}.feiten li:before{content:"";width:6px;height:6px;background:var(--oranje)}.opening__beeld{position:relative;display:grid;place-items:center;min-height:30rem}.opening__merk{position:absolute;width:115%;height:auto;opacity:.22;--achtergrond-logo: var(--staal);pointer-events:none}.logo__spoor{stroke-dasharray:1;stroke-dashoffset:0}.logo--snijden .logo__spoor{animation:snede 1.6s cubic-bezier(.6,0,.3,1) .3s both}.logo--snijden .logo__halo{animation:flits 1.2s ease-out 1.7s both;transform-origin:82.5px 29.5px}.opening__merk.logo--snijden{animation:merk-op 1.8s ease-out 1.9s both}@keyframes snede{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes flits{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}@keyframes merk-op{0%{opacity:.45}to{opacity:.22}}.scherm{width:100%;padding:.55rem;border-radius:2.6rem;background:linear-gradient(150deg,#3a3e44,#16181b 40%,#2b2f34);box-shadow:0 40px 80px -30px #000,0 0 0 1px #4a4f56 inset}.scherm img{display:block;width:100%;height:auto;border-radius:2.1rem;background:#000}.opening__scherm{position:relative;width:min(19rem,82%)}.sectiekop{display:grid;gap:.75rem;margin-bottom:clamp(2rem,4vw,3rem);max-width:44rem}.sectiekop h2,.dxf h2,.slot h2{font-size:var(--maat-xl)}.sectiekop p{color:var(--grijs);font-size:var(--maat-l);line-height:1.4}.tegels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:start}.tegel{background:var(--plaat);border:1px solid var(--naad);border-radius:.75rem;transition:background-color .15s ease,border-color .15s ease}.tegel:hover,.tegel[open]{background:var(--plaat-hoog);border-color:#3b4047}.tegel summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icoon pro meer" "naam naam naam" "regel regel regel";gap:.6rem;padding:1.25rem;min-height:10rem;align-content:start}.tegel summary::-webkit-details-marker{display:none}.tegel__icoon{grid-area:icoon;color:var(--oranje);margin-bottom:1.25rem}.tegel__naam{grid-area:naam;font-family:var(--letter-kop);font-variation-settings:"wdth" 68;font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;line-height:1;overflow-wrap:anywhere}.tegel__pro{grid-area:pro;justify-self:start;align-self:start;margin-top:.4rem;margin-left:.25rem}.tegel__regel{grid-area:regel;color:var(--grijs);font-size:var(--maat-s);line-height:1.4}.tegel__meer{grid-area:meer;display:grid;place-items:center;width:2rem;height:2rem;border:2px solid var(--naad);border-radius:var(--rand);font-family:var(--letter-maat);font-size:1.1rem;line-height:1;color:var(--tekst);transition:transform .2s ease,border-color .15s ease}.tegel:hover .tegel__meer{border-color:var(--oranje)}.tegel[open] .tegel__meer{transform:rotate(45deg);border-color:var(--oranje)}.tegel__uitleg{padding:1rem 1.25rem 1.25rem;font-size:var(--maat-s);line-height:1.5;border-top:1px dashed var(--naad);margin:0 1.25rem;padding-inline:0}.badge{display:inline-block;font-family:var(--letter-maat);font-size:.75rem;font-weight:500;letter-spacing:.1em;padding:.2rem .5rem;border-radius:var(--rand);color:var(--oranje);border:1px solid var(--oranje);vertical-align:middle}.dxf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.dxf__tekst{display:grid;gap:1.25rem;justify-items:start;min-width:0}.dxf__onder{color:var(--grijs);font-size:var(--maat-l);line-height:1.4;max-width:36ch}.dxf__schermen{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start;max-width:34rem;justify-self:center;width:100%}.dxf__voor{margin-top:3rem}.schermen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem)}.schermen figure{margin:0;display:grid;gap:1rem}.schermen .scherm{max-width:19rem;justify-self:center}.schermen figcaption{color:var(--grijs);font-size:var(--maat-s);line-height:1.4;text-align:center;max-width:26ch;justify-self:center}.punten{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:1.25rem}.punten li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;color:var(--oranje)}.punten h3{font-size:1.375rem;color:var(--tekst);margin-bottom:.25rem}.punten p{color:var(--grijs);font-size:var(--maat-s)}.drie{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.vak{display:grid;gap:.75rem;align-content:start;padding:1.5rem;border:1px solid var(--naad);border-radius:.75rem;color:var(--oranje)}.vak h3{color:var(--tekst);font-size:1.625rem;margin-top:.75rem}.vak p{color:var(--grijs);font-size:var(--maat-s)}.vak--concept{border-style:dashed;border-color:#3b4047}.vak--concept .icoon{opacity:.85}.vak--later{color:var(--grijs)}.plan{display:grid;gap:.75rem}.plan+.plan{margin-top:2rem}.plan__kop{display:flex;align-items:center;gap:.75rem}.plan__kop:after{content:"";flex:1;border-top:1px dashed var(--naad)}.komtkaart{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--naad);border-radius:.75rem;background:var(--plaat);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.komtkaart:hover{transform:translateY(-3px);border-color:var(--oranje);box-shadow:0 10px 30px -12px #ff6a1a73}.komtkaart__beeld{padding:1rem 1.25rem;border-bottom:1px solid var(--naad);background-color:#111316;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:12px 12px}.komtkaart--binnenkort .komtkaart__beeld{background-color:#17130f;box-shadow:inset 0 -30px 40px -30px #ff6a1a59}.planbeeld{display:block;width:100%;height:auto;stroke-width:2.5}.pb-hulp,.pb-hulp path,.pb-hulp rect{stroke:#4a5058}.pb-hand{stroke-width:2}.pb-stip{stroke:#6b7179;stroke-dasharray:4 5;stroke-width:1.75}.pb-pijl{stroke:var(--grijs)}.pb-teken{stroke:var(--oranje);stroke-width:3;stroke-dasharray:600;stroke-dashoffset:0}.pb-rest{stroke:#6b7179;stroke-dasharray:3 4}.pb-maat,.pb-bedrag{font-family:var(--letter-maat);font-size:11px;fill:var(--grijs);stroke:none}.pb-bedrag{font-size:13px;fill:var(--oranje)}.komtkaart--later .pb-teken{stroke:var(--tekst);opacity:.8}.komtkaart__tekst{display:grid;gap:.6rem;align-content:start;padding:1.25rem 1.5rem 1.5rem}.komtkaart h3{display:flex;align-items:center;gap:.6rem;font-size:1.5rem;color:var(--tekst)}.komtkaart h3 .icoon{color:var(--oranje);flex:none}.komtkaart--later h3 .icoon{color:var(--grijs)}.komtkaart p{color:var(--grijs);font-size:var(--maat-s)}.komtkaart__fase{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--naad);font-family:var(--letter-maat);font-size:var(--maat-xs)!important;text-transform:uppercase;letter-spacing:.06em}.komtkaart--binnenkort .komtkaart__fase{color:var(--gloed)!important;border-color:#ff6a1a80;background:#ff6a1a1a}.komtkaart__stip{width:.5rem;height:.5rem;border-radius:50%;background:var(--grijs)}.komtkaart--binnenkort .komtkaart__stip{background:var(--oranje);box-shadow:0 0 #ff6a1ab3;animation:vonk 1.8s ease-out infinite}@keyframes vonk{0%{box-shadow:0 0 #ff6a1ab3}70%,to{box-shadow:0 0 0 .5rem #ff6a1a00}}.komtkaart:hover .pb-teken{animation:teken 1.1s ease-out}@keyframes teken{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.komtkaart,.komtkaart:hover{transition:none;transform:none}.komtkaart__stip,.komtkaart:hover .pb-teken{animation:none!important}}.prijzen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:52rem}.prijs{display:grid;gap:1rem;align-content:start;padding:1.75rem;border:1px solid var(--naad);border-radius:.75rem;background:var(--plaat)}.prijs h3{font-size:2rem;display:flex;align-items:center;gap:.75rem}.prijs__bedrag{font-family:var(--letter-maat);font-size:var(--maat-s);color:var(--oranje);text-transform:uppercase;letter-spacing:.04em}.prijs ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.prijs li{display:grid;grid-template-columns:1.25rem 1fr;gap:.6rem;align-items:baseline}.prijs li:before{content:"";width:.75rem;height:.4rem;border-left:2.5px solid var(--oranje);border-bottom:2.5px solid var(--oranje);transform:rotate(-45deg) translateY(-.15rem)}.prijs--pro{border-color:var(--oranje);background:color-mix(in srgb,var(--oranje) 6%,var(--plaat))}.prijs__noot{color:var(--grijs);font-size:var(--maat-s)}.vergelijk{overflow-x:auto;max-width:56rem;border:1px solid var(--naad);border-radius:.75rem}.vergelijk table{width:100%;border-collapse:collapse;min-width:20rem}.vergelijk th,.vergelijk td{padding:.8rem 1rem;text-align:left;border-top:1px solid var(--naad);vertical-align:middle}.vergelijk thead th{border-top:0;vertical-align:bottom;padding-block:1.25rem 1rem}.vergelijk tbody th{font-weight:400;font-size:var(--maat-s)}.vergelijk td{text-align:center;width:28%}.vergelijk thead th:not(.vergelijk__functie){text-align:center}.vergelijk__functie{font-family:var(--letter-maat);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--grijs)}.vergelijk__naam{display:block;font-family:var(--letter-kop);font-variation-settings:"wdth" 68;font-weight:800;font-size:1.75rem;text-transform:uppercase;line-height:1}.vergelijk__prijs{display:block;margin-top:.35rem;font-family:var(--letter-maat);font-size:.75rem;font-weight:500;color:var(--oranje);letter-spacing:.03em}.vergelijk .vergelijk__pro{background:color-mix(in srgb,var(--oranje) 7%,transparent)}.vergelijk thead .vergelijk__pro{box-shadow:inset 0 3px 0 var(--oranje)}.vergelijk__groep th{font-family:var(--letter-maat);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--oranje);background:var(--plaat);padding-block:.6rem}.vergelijk__tekst{font-family:var(--letter-maat);font-size:.8125rem;color:var(--tekst)}.vink{display:inline-block;width:.95rem;height:.5rem;border-left:3px solid var(--oranje);border-bottom:3px solid var(--oranje);transform:rotate(-45deg) translate(1px,-2px)}.streep{display:inline-block;width:.8rem;border-top:2px solid var(--naad);vertical-align:middle}.vergelijk__noot{margin-top:1.25rem;color:var(--grijs);font-size:var(--maat-s);max-width:56rem}.slot__binnen{display:grid;gap:1.25rem;justify-items:start}.slot p{color:var(--grijs);font-size:var(--maat-l)}.juridisch{max-width:44rem;display:grid;gap:1rem}.juridisch h1{font-size:var(--maat-xl);margin-bottom:.5rem}.juridisch h2{font-size:1.5rem;margin-top:1.25rem}.juridisch p{color:var(--grijs);max-width:65ch}.juridisch a{color:var(--tekst)}.juridisch .knop{color:var(--op-oranje)}.juridisch__intro{font-size:var(--maat-l);line-height:1.45}.terug{display:inline-block;margin-top:1.5rem;font-family:var(--letter-maat);font-size:var(--maat-s)}.idee__binnen{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem 2rem;align-items:center}.idee__icoon{color:var(--oranje)}.idee h2{font-size:var(--maat-xl)}.idee p{color:var(--grijs);font-size:var(--maat-l);line-height:1.4;max-width:40ch;margin-top:.4rem}.popup{width:min(32rem,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--naad);border-radius:calc(var(--rand) * 2);background:var(--plaat);color:var(--tekst);box-shadow:0 30px 80px -20px #000}.popup::backdrop{background:color-mix(in srgb,#000 70%,transparent);backdrop-filter:blur(3px)}.popup__vak{position:relative;display:grid;gap:1rem;padding:1.75rem 1.5rem 1.5rem}.popup h2{font-size:var(--maat-xl);padding-right:2.5rem;line-height:1}.popup__onder{color:var(--grijs);line-height:1.45}.popup label{display:grid;gap:.4rem;font-weight:600;font-size:var(--maat-s)}.popup__opt{color:var(--grijs);font-weight:400}.popup input,.popup select,.popup textarea{width:100%;min-height:3rem;padding:.7rem .85rem;font:inherit;font-size:1rem;font-weight:400;color:var(--tekst);background:var(--staal);border:1px solid var(--naad);border-radius:var(--rand)}.popup textarea{resize:vertical}.popup input:focus,.popup select:focus,.popup textarea:focus{outline:2px solid var(--oranje);outline-offset:1px;border-color:transparent}.popup .knop{width:100%;margin-top:.25rem}.popup__noot{color:var(--grijs);font-size:var(--maat-xs);line-height:1.4}.popup__klaar{color:var(--oranje);font-weight:600;line-height:1.4}.popup__dicht{position:absolute;top:.9rem;right:.9rem;width:2.75rem;height:2.75rem;border-radius:var(--rand);border:1px solid var(--naad);background:var(--staal);color:var(--tekst);font-size:1.5rem;line-height:1;cursor:pointer}.popup__dicht:hover{border-color:var(--oranje)}.cookies{position:fixed;z-index:30;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom,0px));max-width:40rem;margin-inline:auto;display:flex;align-items:center;gap:1rem;padding:.9rem 1rem .9rem 1.25rem;background:var(--plaat);border:1px solid var(--naad);border-radius:calc(var(--rand) * 2);box-shadow:0 20px 50px -15px #000}.cookies[hidden]{display:none}.cookies p{font-size:var(--maat-xs);line-height:1.45;color:var(--grijs)}.cookies a{color:var(--tekst)}.cookies .knop{min-height:2.75rem;padding:.5rem 1.25rem;flex:none}.problemen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.probleem{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;overflow:hidden;background:var(--plaat);border:1px solid var(--naad);border-radius:.75rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.probleem:hover{transform:translateY(-3px);border-color:var(--oranje);box-shadow:0 14px 34px -14px #ff6a1a80}.probleem__nu{display:grid;gap:.9rem;align-content:start;padding:1.4rem 1.4rem 1.2rem}.probleem__kop{display:flex;align-items:center;gap:.7rem;color:var(--grijs)}.probleem__kop h3{font-size:1.375rem;color:var(--tekst);line-height:1.05}.kladje{list-style:none;margin:.2rem 0 0;padding:.9rem 1rem 1rem 1.1rem;display:grid;gap:.3rem;background:#e9e4d8;color:#3a3a3a;border-radius:2px;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",var(--letter-maat);font-size:.95rem;line-height:1.35;transform:rotate(-1.2deg);box-shadow:0 6px 14px #00000073;background-image:repeating-linear-gradient(transparent 0 calc(1.35em + .3rem - 1px),#3c5aa02e calc(1.35em + .3rem - 1px) calc(1.35em + .3rem));background-position:0 .9rem;clip-path:polygon(0 3%,6% 0,14% 2%,25% 0,38% 2%,52% 0,66% 2%,80% 0,92% 2%,100% 0,100% 100%,0 100%);transition:transform .25s ease,opacity .25s ease}.probleem:nth-child(2n) .kladje{transform:rotate(1deg)}.kladje s{text-decoration-color:#c0392b;text-decoration-thickness:2px}.kladje li:last-child{color:#b2361f}.probleem:hover .kladje{transform:rotate(-3deg) translateY(2px);opacity:.75}.probleem__tekst{color:var(--grijs);font-size:var(--maat-s);line-height:1.5}.probleem__met{display:grid;gap:.3rem;padding:1.2rem 1.4rem 1rem;background:linear-gradient(180deg,#ff6a1a24,#ff6a1a0a);border-top:2px solid var(--oranje)}.probleem__met .label{color:var(--oranje)}.probleem__uitkomst{font-family:var(--letter-maat);font-weight:600;font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);color:var(--tekst);line-height:1.1;letter-spacing:-.01em;overflow-wrap:anywhere}.probleem:hover .probleem__uitkomst{color:var(--gloed);text-shadow:0 0 18px rgba(255,106,26,.6)}.probleem__uitkomstlabel{color:var(--gloed);font-size:var(--maat-xs);font-family:var(--letter-maat);text-transform:uppercase;letter-spacing:.05em}.probleem__oplossing{color:var(--tekst);font-size:var(--maat-s);line-height:1.5;margin-top:.5rem}.probleem__gids{color:var(--oranje);font-weight:600;font-size:var(--maat-s);text-decoration:none;min-height:2.25rem;display:flex;align-items:center}.probleem__gids:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.probleem,.probleem:hover,.probleem:hover .kladje{transition:none;transform:none}.probleem:nth-child(2n) .kladje{transform:none}}@media(min-width:48.01rem){.gids .vergelijk td{white-space:nowrap}}.gids{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start}.gidsnav{position:sticky;top:5.5rem;display:grid;gap:1.25rem}.gidsnav summary{list-style:none;font-family:var(--letter-kop);font-variation-settings:"wdth" 68;font-weight:800;font-size:1.25rem;text-transform:uppercase;pointer-events:none}.gidsnav summary::-webkit-details-marker{display:none}.gidsnav summary a{text-decoration:none;pointer-events:auto}.gidsnav__groep{display:grid;gap:.4rem;margin-top:1rem}.gidsnav ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}.gidsnav li a{display:flex;align-items:center;gap:.65rem;min-height:2.6rem;padding:0 .7rem;text-decoration:none;color:var(--tekst);font-size:var(--maat-s);border-radius:var(--rand);border-left:3px solid transparent}.gidsnav li a .icoon{color:var(--oranje);flex:none}.gidsnav li a:hover{background:var(--plaat)}.gidsnav li a[aria-current=page]{background:var(--plaat-hoog);border-left-color:var(--oranje);font-weight:600}.gidsnav .gidsnav__leeg{color:var(--grijs)}.gids__tekst{display:grid;gap:1rem;max-width:46rem;min-width:0}.gids__tekst .label a{color:inherit}.gids__kop{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.gids__kop h1{font-size:var(--maat-xl)}.gids__icoon{color:var(--oranje)}.gids__korte{font-size:var(--maat-l);line-height:1.45;color:var(--tekst)}.gids__tekst h2{font-size:1.625rem;margin-top:1.75rem}.gids__tekst p{color:var(--grijs);line-height:1.55}.gids__intro{display:grid;grid-template-columns:minmax(0,1fr) 14rem;gap:2rem;align-items:start}.gids__intro h2:first-child{margin-top:.5rem}.gids__intro p+h2{margin-top:1.5rem}.stappen{list-style:none;margin:0;padding:0;counter-reset:stap;display:grid;gap:.6rem}.stappen li{counter-increment:stap;display:grid;grid-template-columns:2.75rem 1fr;column-gap:1rem;padding:1.1rem 1.25rem;background:var(--plaat);border:1px solid var(--naad);border-radius:.75rem}.stappen li:before{content:counter(stap);grid-row:span 2;display:grid;place-items:center;width:2.75rem;height:2.75rem;background:var(--oranje);color:var(--op-oranje);border-radius:var(--rand);font-family:var(--letter-kop);font-variation-settings:"wdth" 68;font-weight:800;font-size:1.5rem}.stappen h3{font-size:1.25rem;align-self:center}.stappen p{margin-top:.3rem}.gids__voorbeeld{display:grid;gap:1rem}.gids .vergelijk td{width:auto;text-align:left}.gids .vergelijk thead th{text-align:left;font-family:var(--letter-maat);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--grijs);padding-block:.9rem}.gids .vergelijk tfoot th,.gids .vergelijk tfoot td{font-weight:700;color:var(--oranje);background:var(--plaat)}.uitklap{background:var(--plaat);border:1px solid var(--naad);border-radius:.75rem}.uitklap summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;padding:.75rem 1.1rem;font-weight:600}.uitklap summary::-webkit-details-marker{display:none}.uitklap summary:after{content:"+";font-family:var(--letter-maat);font-size:1.25rem;color:var(--oranje);transition:transform .2s ease}.uitklap[open] summary:after{transform:rotate(45deg)}.uitklap>p,.uitklap>ul{padding:0 1.1rem 1.1rem;margin:0;color:var(--grijs);line-height:1.55}.uitklap ul{display:grid;gap:.5rem;padding-left:2.2rem}.gids__vragen{display:grid;gap:.5rem}.gids__tips{margin:0;padding-left:1.25rem;display:grid;gap:.6rem;color:var(--grijs);line-height:1.55}.gids__tips li::marker{color:var(--oranje)}.gids__verwant{display:flex;flex-wrap:wrap;gap:.6rem}.gids__verwant .knop{min-height:3rem;font-size:1rem}.gids__melden{margin-top:1.5rem;font-size:var(--maat-s)}.gids__melden a{color:var(--tekst)}.gids__bladeren{display:flex;justify-content:space-between;gap:1rem;padding-top:1.25rem;border-top:1px solid var(--naad)}.gids__bladeren a{color:var(--tekst);text-decoration:none;font-weight:600;min-height:2.75rem;display:flex;align-items:center}.gids__bladeren a:hover{color:var(--oranje)}.tegel--link>*{grid-area:auto}.tegel--link{display:grid;gap:.6rem;padding:1.25rem;min-height:11rem;align-content:start;text-decoration:none;color:var(--tekst)}.tegel--link .tegel__kop{display:flex;align-items:flex-start;gap:.5rem}.tegel--link .tegel__icoon{margin-bottom:.75rem}.tegel__lees{margin-top:auto;padding-top:.5rem;color:var(--oranje);font-weight:600;font-size:var(--maat-s)}.tegel__gids{display:inline-block;margin-top:.75rem;color:var(--oranje);font-weight:600}.voet{border-top:1px solid var(--naad);padding-block:2.5rem calc(2.5rem + env(safe-area-inset-bottom,0px))}.titelblok{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;border:1px solid var(--naad);border-radius:var(--rand);padding-left:0;padding-right:0;margin-left:max(20px,env(safe-area-inset-left,0px));margin-right:max(20px,env(safe-area-inset-right,0px))}@media(min-width:76.5rem){.titelblok{margin-inline:auto}}.titelblok__vak{padding:1rem 1.25rem;border-right:1px solid var(--naad);display:grid;gap:.35rem;align-content:start;min-width:0}.titelblok__vak:nth-child(4){border-right:0}.titelblok__merk{display:flex;gap:.75rem;align-items:center;--achtergrond-logo: var(--staal)}.titelblok__naam{font-family:var(--letter-kop);font-variation-settings:"wdth" 68;font-weight:800;font-size:1.375rem;text-transform:uppercase;line-height:1}.titelblok__label{font-family:var(--letter-maat);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--grijs)}.titelblok__waarde{font-size:var(--maat-s);overflow-wrap:anywhere}.titelblok__waarde a{text-decoration:none}.titelblok__waarde a:hover,.titelblok__waarde a[aria-current=true]{color:var(--oranje)}.titelblok__klein{font-size:var(--maat-xs);color:var(--grijs)}.titelblok__rij{grid-column:1 / -1;border-right:0;border-top:1px solid var(--naad);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}@media(max-width:62rem){.tegels,.problemen{grid-template-columns:repeat(2,minmax(0,1fr))}.tegels li:last-child:nth-child(odd){grid-column:1 / -1}.titelblok{grid-template-columns:1fr 1fr}.titelblok__vak:nth-child(2){border-right:0}.titelblok__vak:nth-child(3),.titelblok__vak:nth-child(4){border-top:1px solid var(--naad)}}@media(max-width:48rem){.opening__raster,.dxf{grid-template-columns:minmax(0,1fr)}.opening__beeld{min-height:0;padding-top:1rem}.opening__merk{width:100%}.drie,.prijzen{grid-template-columns:minmax(0,1fr)}.schermen{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.75rem;margin-inline:-1rem;padding-inline:1rem}.schermen li{scroll-snap-align:center}.vergelijk th,.vergelijk td{padding:.7rem .6rem}.vergelijk__naam{font-size:1.25rem}.knoppen{flex-direction:column;align-items:stretch}.knop{width:100%}.slot__binnen{justify-items:stretch}.idee__binnen,.gids,.gids__intro,.problemen{grid-template-columns:minmax(0,1fr)}.gidsnav{position:static;background:var(--plaat);border:1px solid var(--naad);border-radius:.75rem;padding:.25rem .75rem .75rem}.gidsnav:not([open]){padding-bottom:.25rem}.gidsnav summary{pointer-events:auto;cursor:pointer;min-height:3rem;display:flex;align-items:center;justify-content:space-between}.gidsnav summary:after{content:"+";color:var(--oranje);font-family:var(--letter-maat)}.gidsnav[open] summary:after{content:"−"}.gidsnav summary a{pointer-events:none}.gids__scherm{max-width:16rem;justify-self:center}}@media(max-width:30rem){.tegels{gap:.5rem}.tegel summary{min-height:9.5rem;padding:1rem;gap:.45rem}.tegel__icoon{margin-bottom:.5rem}.tegel__naam{font-size:1.1875rem}.tegel__regel{font-size:var(--maat-xs)}.tegel__uitleg{margin-inline:1rem;padding-bottom:1rem;font-size:var(--maat-xs)}.titelblok{grid-template-columns:minmax(0,1fr)}.titelblok__vak{border-right:0;border-top:1px solid var(--naad)}.titelblok__vak:first-child{border-top:0}.merk__naam{display:none}.knop--klein{padding-inline:.7rem;font-size:.875rem}.kop__link{display:none}.cookies{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}