
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);height:auto;min-height:850px;align-items:center;gap:25px;padding:120px 5vw 80px}.hero .hero-copy{padding:0;max-width:none}.hero h1{font-size:clamp(48px,4.5vw,68px);max-width:14ch;line-height:1.03}.hero .kicker{font-size:14px;letter-spacing:.1em;max-width:40ch}.hero .wat-voor-wie{font-size:18px;max-width:40ch}.hero .hero-cta{gap:20px;margin:26px 0 18px;align-items:flex-start}.hero .btn-primary{background:#f4efe6;color:#432314;border:2px solid #f4efe6}.hero .btn-primary:hover{background:#fff;color:#432314}.hero .hero-contact-link{font-size:14px;text-underline-offset:4px}.hero .prijs-kicker{font-size:16px;line-height:1.6;max-width:39ch}.hero-guarantee{grid-column:1/-1;margin:0;max-width:65ch;font-size:14px;line-height:1.6}.dossier-result{position:relative;min-width:0;max-width:640px;margin:0;padding:20px 0 15px}.dossier-material{position:absolute;inset:12% -5% -10%;overflow:hidden;opacity:.76}.dossier-material img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.dossier-open{display:flex;position:relative;perspective:1200px;filter:drop-shadow(8px 24px 25px #34180d66)}.dossier-cover{background:linear-gradient(125deg,#a35b37,#66361f);width:20%;transform:rotateY(-12deg);transform-origin:right center;padding:34px 12px;color:#f4e5d7;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #d8ad83;border-radius:4px 0 0 4px;box-shadow:inset -10px 0 20px #1b0c0755}.dossier-cover span{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:18px;line-height:1.05;writing-mode:vertical-rl;letter-spacing:.12em}.dossier-cover i{display:block;background:#c9b59b;width:15px;height:15px;border-radius:50%;border:3px solid #5f4430;align-self:center}.dossier-sheet{width:80%;min-width:0;padding:35px 27px;background:#fbf7ee;color:#38271d;position:relative;transform:rotate(1.2deg);border-radius:0 4px 4px 0;box-shadow:inset 8px 0 12px #8b694729,4px 4px 0 #d4c6b6,8px 8px 0 #eee4d6}.dossier-sheet .document-label{font-size:10px;letter-spacing:.11em;color:#824627}.dossier-sheet h2{font-size:clamp(27px,2.8vw,40px);line-height:1.03;margin:20px 0 24px;color:#5e3521;max-width:15ch}.dossier-sheet h3{font-size:18px;letter-spacing:.05em;margin:0 0 8px}.dossier-sheet ol{list-style:none;counter-reset:contents;padding:0}.dossier-sheet li{counter-increment:contents;padding:10px 0;border-top:1px solid #b59b80;font-size:14px;line-height:1.4}.dossier-sheet li:before{content:'0' counter(contents);font-size:10px;color:#9b4b2b;margin-right:12px}.dossier-check{border-top:2px solid #9b4b2b;margin-top:22px;padding-top:16px}.dossier-check p{font-size:12px;line-height:1.5;margin-bottom:6px}.dossier-check strong{display:block;font-size:12px;color:#356044;margin-top:12px}.dossier-result figcaption{position:relative;font-size:11px;margin:22px 0 0 20%;color:#fff6e8;line-height:1.5}.dossier-request{scroll-margin-top:110px;padding-top:10px}.dossier-request h3{margin-bottom:18px;font-size:32px}.dossier-request #dossier-next{font-size:16px;line-height:1.6;margin-bottom:28px;max-width:50ch}.dossier-request .veld{margin-bottom:22px}.dossier-request #dossier-privacy{font-size:13px;line-height:1.6;margin-top:18px}.dossier-request [aria-invalid=true]{outline:2px solid #ffdc9f;outline-offset:3px}.dossier-request .request-status{padding:14px 0;line-height:1.6}.dossier-request button:disabled{opacity:.65;cursor:wait}.start-inhoud>h2{font-size:36px}.start-beeld{min-height:250px}.hero .hero-cta .hero-contact-link:focus-visible{outline-color:#fff}
@media(max-width:900px){.hero{display:block;padding:130px 24px 42px;min-height:0}.hero h1{font-size:clamp(42px,7.5vw,62px);max-width:15ch}.hero .gordijn{padding:0}.hero .hero-copy{padding:0}.hero .wat-voor-wie{font-size:17px}.hero .hero-cta{margin:24px 0 16px}.hero .prijs-kicker{font-size:15px}.dossier-result{max-width:560px;margin:38px auto 24px}.dossier-sheet{padding:26px 23px}.dossier-cover{padding:28px 12px}.dossier-sheet h2{font-size:32px}.hero-guarantee{font-size:13px;margin-top:26px}.start-beeld{min-height:200px}.start .dossier-request{min-width:0}.dossier-request .veld input,.dossier-request .veld select{width:100%;min-width:0}.dossier-request .btn-primary{white-space:normal;max-width:100%}}
@media(max-width:350px){.hero{padding:156px 18px 36px}.hero h1{font-size:39px}.hero .kicker{font-size:12px}.dossier-sheet{padding:22px 17px}.dossier-cover{width:16%;padding:25px 8px}.dossier-sheet{width:84%}.dossier-sheet h2{font-size:28px}.dossier-sheet li{font-size:12px}.dossier-cover span{font-size:15px}.dossier-result figcaption{margin-left:16%}.dossier-check p,.dossier-check strong{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.dossier-sheet{transition:transform .6s var(--ease)}.dossier-result:hover .dossier-sheet{transform:rotate(0)}}

/* The released curtain was absolute and extended across the new dossier.
   Give the copy and document their own real grid columns. */
.hero .gordijn{position:relative;inset:auto;width:100%;min-width:0;height:auto;clip-path:none;overflow:visible;display:block;grid-column:2;grid-row:1;padding:32px}
.hero .gordijn .hero-copy{padding:0;min-width:0;width:100%}
.hero .dossier-result{grid-column:1;grid-row:1;width:100%}
.hero .dossier-material{left:0;right:0;bottom:0}
.hero-guarantee{position:relative;z-index:1;background:var(--klei-diep);color:var(--kalk);padding:10px 14px;max-width:max-content}
html.js .hero{pointer-events:auto}
@media(min-width:901px){.hero .gordijn .btn-primary{background:var(--klei-diep);border-color:var(--klei-diep);color:var(--kalk)}.hero .gordijn .btn-primary:hover{background:var(--keur);border-color:var(--keur);color:var(--kalk)}}
@media(max-width:900px){.hero .gordijn{grid-column:auto;grid-row:auto;padding:0;background:transparent;color:var(--kalk)}.hero .dossier-result{grid-column:auto;grid-row:auto}}

/* Actual axe/pixel contrast repair,23Oct2026. */
#dossier-specimen,#dossier-specimen table,#dossier-specimen .specimen-label{color:#221a16}.uitleg-noot{color:#fff8ee;opacity:1}.ch-num,.chapter-panel .ch-num{color:inherit;opacity:1}.chapter-block ol li::before,.chapter-panel ol li::before{color:inherit}.site-language a:not([aria-current=page]){color:#fff8ee;opacity:1}
