/* A real form on a paper pad: decorations never intercept input or focus. */
.kk-site .kk-contact .public-form.kk-notebook{
 position:relative;isolation:isolate;transform:none;overflow:visible;min-width:0;grid-template-columns:minmax(0,1fr);
 padding:58px 48px 40px 52px;gap:22px;border:1px solid #cdc7b6;border-radius:7px 14px 14px 7px;
 background:linear-gradient(90deg,#a79d8610,transparent 25px,transparent calc(100% - 18px),#b5a58913),linear-gradient(90deg,transparent 30px,#c4827138 30px,#c4827138 31px,transparent 31px),linear-gradient(#fffcf5,#faf7ec);
 box-shadow:inset 0 2px 1px #fffefa,1px 2px 2px #94887338,5px 6px 0 -1px #f9f4e8,5px 6px 0 #c8beaa,10px 13px 0 -1px #e4dcc9,10px 13px 0 #b8b09b,16px 24px 18px -8px #172b2929,22px 35px 52px -18px #172b2933;
}
.kk-site .kk-contact .public-form.kk-notebook:focus-within{border-color:#aeb49f}
.kk-notebook::before{content:'';position:absolute;top:9px;bottom:-7px;right:-10px;width:9px;border:1px solid #b9b09b;border-radius:0 11px 10px 0;background:repeating-linear-gradient(90deg,#eee7d7 0 1px,#cac1ad 1px 2px,#fffbed 2px 3px);transform:skewY(34deg);transform-origin:left top;z-index:-1;pointer-events:none}
.kk-notebook::after{content:'';position:absolute;left:10px;right:-7px;bottom:-13px;height:12px;border:1px solid #b9b09b;border-radius:0 0 10px 5px;background:repeating-linear-gradient(#fcf8eb 0 1px,#c9c0ac 1px 2px,#e9e1cf 2px 3px);transform:skewX(30deg);z-index:-1;pointer-events:none}
.kk-notebook-decoration{position:absolute;inset:0;pointer-events:none;z-index:6}
.kk-notebook-rings{position:absolute;top:-23px;left:24px;right:24px;display:flex;justify-content:space-around;gap:10px;height:53px}
.kk-notebook-ring{display:block;width:24px;height:53px;flex:0 0 24px;overflow:visible;filter:drop-shadow(1px 2px 1px #192d311f)}
.kk-notebook-pen{position:absolute;top:143px;right:10px;width:90px;height:clamp(585px,69%,780px);rotate:10deg;filter:drop-shadow(7px 11px 5px #122c2b40);transform-origin:50% 65%;transition:rotate .65s,translate .65s}
.kk-notebook:focus-within .kk-notebook-pen{rotate:7deg;translate:0 -6px}
.kk-site .kk-notebook .kk-notebook-title{margin:0 0 -16px;font:italic 34px/1.25 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#384d42}
.kk-site .kk-notebook #contact-help{margin:0 0 3px;color:#6a756a}
.kk-site .kk-notebook>label{gap:5px;min-width:0}
.kk-site .kk-notebook>label>input,.kk-site .kk-notebook>label>textarea{min-width:0;max-width:100%;width:100%}
.kk-site .kk-notebook>label>span{font-weight:600;color:#30483c}
.kk-site .kk-notebook>label>input{background:#fffdf63d;border:0;border-bottom:1px solid #99aaa47a;border-radius:0;min-height:48px;padding:10px 7px;font-size:17px;box-shadow:none}
.kk-site .kk-notebook>label>textarea{
 border:0;border-radius:0;min-height:178px;padding:7px 7px 10px;font-size:17px;line-height:32px;box-shadow:none;
 background-color:#fffdf633;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#aebfbd66 31px,#aebfbd66 32px);background-position:0 7px;
}
.kk-site .kk-notebook>label>input:focus,.kk-site .kk-notebook>label>textarea:focus{outline:2px solid #a8b6a173;outline-offset:3px;background-color:#fffffa99;border-color:#728e79}
.kk-site .kk-notebook>label>textarea:focus{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#aebfbd66 31px,#aebfbd66 32px);background-position:0 7px}
.kk-site .kk-notebook>label>input[aria-invalid=true],.kk-site .kk-notebook>label>textarea[aria-invalid=true]{outline:2px solid #be3c2466;outline-offset:3px}
.kk-site .kk-notebook>.order-notice{margin:0;font-size:14px}
.kk-site .kk-notebook>.kk-dobbelcheck{background:#e8ecdfd9}
.kk-site .kk-notebook>.kk-dobbelcheck legend{max-width:100%;white-space:normal}
.kk-site .kk-notebook>.contact-help:last-of-type{margin:0;font-size:12px!important}
/* The cover is progressive decoration: an ordinary form remains without JS. */
.kk-notebook-cover-stage{display:block;position:absolute;inset:-1px;z-index:4;perspective:1500px;perspective-origin:50% 0;pointer-events:none;animation:kk-notebook-cover-failsafe .01s step-end 4s forwards}
.kk-notebook[data-notebook-state] .kk-notebook-cover-stage{animation:none}
.kk-notebook[data-notebook-state=open] .kk-notebook-cover-stage{display:none}
@keyframes kk-notebook-cover-failsafe{to{visibility:hidden}}
.kk-notebook-cover{position:absolute;inset:0;transform-origin:50% 0;transform-style:preserve-3d;transform:rotateX(0deg);border-radius:7px 14px 14px 7px;pointer-events:none}
.kk-notebook-cover-front,.kk-notebook-cover-back{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;border:1px solid #102a27}
.kk-notebook-cover-front{overflow:hidden;background:radial-gradient(ellipse at 14% 8%,#47665a80,transparent 65%),repeating-linear-gradient(83deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(145deg,#28473f,#17362f 80%);box-shadow:inset 2px 2px 2px #b9c1a954,inset -3px -4px 2px #071f24a1,3px 7px 0 #122b25,9px 18px 25px #152e2d42}
.kk-notebook-cover-front::before{content:'';position:absolute;inset:31px 23px 24px;border:1px solid #d1c59b69;border-radius:4px 10px 10px 4px;box-shadow:0 1px 0 #0a251ed9,inset 0 1px 0 #ede2b819}
.kk-notebook-cover-front::after{content:'';position:absolute;top:0;left:0;right:0;height:27px;background:linear-gradient(#102c2799,#233c3266 35%,#0e271c4d 80%,transparent);border-bottom:1px solid #061d182e}
.kk-notebook-cover-back{transform:rotateX(180deg);background:linear-gradient(110deg,#ddd2b7,#f5ecda 40%,#c9baa0);box-shadow:inset 0 0 20px #6f65463d,0 -8px 16px #162f2930}
.kk-notebook-cover-print{position:absolute;top:clamp(110px,17vw,215px);left:8%;right:8%;text-align:center}
.kk-site .kk-notebook-cover-print img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 1px #0d231b80)}
.kk-site .kk-notebook-cover-print p{color:#e6ddc4;font:italic clamp(21px,2vw,29px)/1.4 Georgia,'Times New Roman',serif;margin:28px 0 0;letter-spacing:-.02em}
.kk-notebook-cover-line{position:absolute;left:calc(50% - 23px);bottom:56px;width:46px;height:3px;border-top:1px solid #c7bd93;border-bottom:1px solid #112921}
.kk-notebook[data-notebook-state=opening] .kk-notebook-cover-stage::before{content:'';position:absolute;inset:0;background:linear-gradient(#182e2766,#182e2726 35%,transparent 80%);animation:kk-notebook-page-shadow 1.45s ease both}
@keyframes kk-notebook-page-shadow{0%{opacity:0}45%{opacity:1}100%{opacity:0}}
@media(max-width:1100px){.kk-site .kk-contact .public-form.kk-notebook{padding-inline:42px 42px}.kk-notebook-pen{right:10px;width:74px;height:645px;rotate:7deg}.kk-notebook-rings{gap:4px;left:18px;right:18px}.kk-notebook-ring{width:20px;flex-basis:20px}}
@media(max-width:900px){.kk-site .legal-shell.kk-contact{grid-template-columns:minmax(0,1fr)}.kk-contact-intro{min-width:0}.kk-notebook-pen{right:10px;rotate:6deg}.kk-notebook-cover-print{top:155px}}
@media(max-width:600px){
 .kk-contact-intro h1{font-size:clamp(48px,15vw,59px)}
 .kk-site .kk-contact .public-form.kk-notebook{padding:47px 36px 30px 30px;gap:20px;background:linear-gradient(90deg,transparent 16px,#c482712e 16px,#c482712e 17px,transparent 17px),linear-gradient(#fffcf5,#faf7ec);box-shadow:inset 0 2px 1px #fffefa,4px 5px 0 -1px #f9f4e8,4px 5px 0 #c8beaa,8px 10px 0 -1px #e4dcc9,8px 10px 0 #b8b09b,13px 24px 30px -14px #172b2933}
 .kk-notebook::before{width:7px;right:-8px;bottom:-5px}.kk-notebook::after{height:9px;bottom:-10px;right:-5px}
 .kk-notebook-rings{left:17px;right:17px;gap:8px;top:-20px;height:45px}
 .kk-notebook-ring{height:45px;width:22px;flex-basis:22px}
 .kk-notebook-ring:nth-child(even){display:none}
 .kk-notebook-pen{top:126px;right:6px;width:54px;height:450px;rotate:4deg;filter:drop-shadow(4px 7px 3px #192d3133)}
 .kk-notebook:focus-within .kk-notebook-pen{rotate:2deg;translate:0 -3px}
 .kk-site .kk-notebook .kk-notebook-title{font-size:29px;padding-right:0;margin-bottom:-10px}
 .kk-site .kk-notebook #contact-help{padding-right:0;max-width:230px;margin-bottom:4px}
 .kk-site .kk-notebook>label>input{min-height:48px}
 .kk-site .kk-notebook>.kk-dobbelcheck{margin-left:-7px;margin-right:-7px}
 .kk-notebook-cover-front::before{inset:28px 13px 18px}.kk-notebook-cover-print{top:110px;left:6%;right:6%}.kk-site .kk-notebook-cover-print p{font-size:21px;margin-top:24px}.kk-notebook-cover-stage{perspective:1000px}
}
@media(max-width:360px){.kk-site .kk-notebook .kk-check-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(scripting:none){.kk-notebook-cover-stage{display:none!important}}
@media(prefers-reduced-motion:reduce){.kk-notebook-pen{transition:none}.kk-notebook:focus-within .kk-notebook-pen{translate:none}.kk-notebook-cover-stage{display:none!important}}
@media print{.kk-notebook-decoration,.kk-notebook-cover-stage{display:none!important}.kk-site .kk-contact .public-form.kk-notebook{box-shadow:none}.kk-notebook::before,.kk-notebook::after{display:none}}

/* The pen is gently laid down as the notebook opens. Sharing the same
   animation declaration across opening/open prevents a restart at cover end. */
.kk-notebook-pen{--kk-pen-arrive-x:-70px;--kk-pen-arrive-y:-130px;--kk-pen-arrive-turn:-14deg}
@media(scripting:enabled) and (prefers-reduced-motion:no-preference){
 .kk-notebook:not([data-notebook-state]) .kk-notebook-pen{opacity:0;animation:kk-notebook-pen-failsafe .01s step-end 4s forwards}
}
@keyframes kk-notebook-pen-failsafe{to{opacity:1}}
.kk-notebook[data-pen-intro][data-notebook-state=closed] .kk-notebook-pen{opacity:0}
.kk-notebook[data-pen-intro][data-notebook-state=opening] .kk-notebook-pen,
.kk-notebook[data-pen-intro][data-notebook-state=open] .kk-notebook-pen{
 animation:kk-notebook-pen-arrive 2.8s cubic-bezier(.25,.6,.25,1) .35s backwards;
}
@keyframes kk-notebook-pen-arrive{
 0%{opacity:0;transform:translate(var(--kk-pen-arrive-x),var(--kk-pen-arrive-y)) rotate(var(--kk-pen-arrive-turn)) scale(.92)}
 22%{opacity:.85}
 78%{opacity:1;transform:translate(-2px,4px) rotate(1.1deg) scale(1)}
 100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}
}
@media(max-width:600px){.kk-notebook-pen{--kk-pen-arrive-x:-28px;--kk-pen-arrive-y:-80px;--kk-pen-arrive-turn:-9deg}}
@media(prefers-reduced-motion:reduce){.kk-notebook[data-pen-intro] .kk-notebook-pen{animation:none;transform:none;opacity:1}}
@media(scripting:none){.kk-notebook .kk-notebook-pen{animation:none;transform:none;opacity:1}}