/* Klus.help — kleuren en basisinstellingen */
:root{--navy:#081e40;--navy-light:#14345b;--orange:#ff9b0a;--orange-light:#fff1d9;--ink:#102a48;--muted:#526073;--line:#dfe5eb;--soft:#f4f6f8;--white:#fff;--radius:10px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h2{font-size:clamp(2.1rem,3.5vw,3.1rem);margin-bottom:24px}h3{font-size:1.2rem;letter-spacing:-.025em}p{color:var(--muted);margin-bottom:20px}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{max-width:100%;display:block;height:auto}svg{width:23px;height:23px;flex-shrink:0;vertical-align:middle}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cb7400;outline-offset:5px}input:focus,textarea:focus{outline:2px solid var(--navy);outline-offset:2px}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.section{padding:56px 0}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--navy);color:#fff;padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.77rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#926000;margin-bottom:22px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.lead{font-size:1.12rem;line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:1px solid var(--navy);padding:12px 21px;border-radius:5px;color:white;background:var(--navy);font-weight:700;text-decoration:none;font-size:.92rem;line-height:1.35;transition:background .2s,box-shadow .2s}.btn svg{width:19px;height:19px}.btn>svg:last-child{margin-left:6px}.btn:hover{background:var(--navy-light);box-shadow:0 5px 12px #081e4015}.btn-outline{color:var(--navy);background:transparent;border-color:#bcc7d2}.btn-outline:hover{background:#eaf0f5}.btn-small{min-height:43px;padding:9px 14px;font-size:.82rem}.btn-orange{background:var(--orange);border-color:var(--orange);color:var(--navy)}.btn-orange:hover{background:#ffb23c}.btn-white{background:#fff;color:var(--navy);border-color:#fff}.btn-white:hover{background:#eaf0f5}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--orange);padding:5px 0}.brand{display:inline-flex;flex-direction:column;text-decoration:none;white-space:nowrap;line-height:1}.wordmark{font-size:3.1rem;font-weight:900;letter-spacing:-.075em}.wordmark>span{color:#f58b00}.brand-caption{font-size:.565rem;font-weight:800;letter-spacing:.028em;margin-top:7px}.site-header{position:sticky;top:0;z-index:20;background:#fffffffa;border-bottom:1px solid #eef1f4}.nav-wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:104px}.nav-links{display:flex;align-items:center;gap:25px}.nav-links>a:not(.btn){font-weight:600;font-size:.87rem;text-decoration:none;padding-block:13px}.nav-links>a:not(.btn):hover{color:#9c6200}.nav-links>a[aria-current]{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:9px}.menu-toggle{display:none}.hero{background:linear-gradient(115deg,#fff 35%,#f7f8fa 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.16fr 1fr;min-height:648px;gap:34px;align-items:center}.hero-copy{padding:60px 0 58px;position:relative;z-index:2}.hero h1{font-size:clamp(3.5rem,5.2vw,4.6rem);line-height:1.04;letter-spacing:-.052em;margin:0 0 25px}.hero h1 span{color:#e58200}.hero-promise{font-size:1.07rem;color:var(--navy);font-weight:700;margin-bottom:12px}.hero .lead{max-width:505px;font-size:1.04rem}.hero .eyebrow{font-size:.70rem;letter-spacing:.095em}.hero .actions{gap:10px}.hero .btn{padding-inline:16px;font-size:.87rem}.hero-note{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted);margin-top:21px}.hero-note svg{width:17px;color:#b87300}.portrait-stage{position:relative;align-self:stretch;min-height:550px;isolation:isolate}.portrait-circle{position:absolute;z-index:-1;width:425px;height:425px;max-width:110%;border-radius:50%;background:var(--orange-light);top:88px;left:3%}.hero-portrait{position:absolute;bottom:0;left:0;width:100%;height:95%;object-fit:cover;object-position:center top;mix-blend-mode:multiply;border-radius:140px 140px 0 0}.experience-tag{position:absolute;left:-17px;top:57px;padding:17px 20px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:14px;box-shadow:0 10px 30px #081e4017;transform:rotate(-5deg);border-radius:8px}.experience-tag strong{font-size:2.65rem;line-height:1;color:var(--orange);letter-spacing:-.04em}.experience-tag strong span{display:block;font-size:.8rem;text-align:center;letter-spacing:0;margin-top:5px}.experience-tag>span{font-size:.76rem;line-height:1.5}.name-tag{position:absolute;bottom:34px;right:-5px;padding:16px 24px;background:#fff;box-shadow:0 8px 35px #081e4020;border-left:4px solid var(--orange);border-radius:4px}.name-tag span{display:block;font-size:.8rem;color:var(--muted)}.name-tag strong{font-size:1.4rem;letter-spacing:-.035em}.trust-band{background:var(--navy);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:24px;gap:22px}.trust-grid span{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.85rem}.trust-grid svg{color:var(--orange);width:19px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:365px;margin-bottom:5px;font-size:1rem}.services{background:var(--soft)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{display:flex;flex-direction:column;padding:28px 24px;background:#fff;border:1px solid #e4e9ee;border-radius:var(--radius)}.service-icon{display:grid;place-items:center;background:var(--orange-light);width:47px;height:47px;border-radius:10px;margin-bottom:25px;color:#b66a00}.service-icon svg{width:26px;height:26px}.service-card h3{font-size:1.13rem;margin-bottom:13px;line-height:1.25}.service-card p{font-size:.91rem;line-height:1.5;margin-bottom:22px}.card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem;font-weight:700;text-decoration:none;margin-top:auto}.card-link svg{width:17px}.service-card:last-child{background:var(--navy);color:white;border-color:var(--navy)}.service-card:last-child p{color:#d3deeb}.service-card:last-child .service-icon{background:#ffffff16;color:var(--orange)}.about-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:90px;align-items:center}.about-statement{position:relative;padding:51px 48px;border-radius:12px;background:var(--navy);color:#fff;overflow:hidden}.about-statement .eyebrow{color:var(--orange)}.about-statement h2{font-size:clamp(2.4rem,4vw,3.55rem);line-height:1.13;letter-spacing:-.055em;margin:30px 0}.about-statement h2 span{color:var(--orange)}.signature{font-family:Georgia,serif;font-size:1.8rem;font-style:italic;transform:rotate(-5deg);margin-top:36px}.about-copy p{font-size:.98rem}.about-copy h2{font-size:2.35rem}blockquote{border-left:3px solid var(--orange);margin:24px 0;padding-left:21px;font-size:1.04rem;font-weight:600;line-height:1.5}.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{display:flex;align-items:flex-start;gap:10px;margin:10px 0;font-size:.9rem}.checklist svg{width:17px;height:22px;color:#b87808}.prices{background:var(--soft)}.price-grid{display:grid;grid-template-columns:1.06fr 1fr 1fr;gap:22px}.price-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.price-card.featured{background:#fff0d7;border:1px solid #f6c574}.price-top{display:flex;align-items:center;justify-content:space-between;color:#686459;font-size:.78rem;font-weight:600;padding-bottom:21px;margin-bottom:22px;border-bottom:1px solid #102a4819}.price-top svg{width:20px}.price-card h3{font-size:1.2rem;min-height:26px}.price{font-size:3.65rem;color:var(--navy);font-weight:700;letter-spacing:-.06em;line-height:1;margin:16px 0 30px}.price>span{display:block;font-size:.8rem;font-weight:400;letter-spacing:0;margin-top:9px;color:var(--muted)}.price-card>p:not(.price){font-size:.92rem}.price-card .checklist{margin:0 0 19px}.price-card .checklist li{font-size:.84rem}.price-card .btn{margin-top:auto;padding-inline:10px;font-size:.83rem}.price-card .price-note{margin:0 0 24px}.smallprint{font-size:.82rem;margin:25px auto 0;text-align:center;max-width:900px}.websites{background:var(--navy);color:#fff}.websites .eyebrow{color:var(--orange)}.websites h2 span{color:var(--orange)}.websites p{color:#c3d0df}.websites .lead{font-size:1.05rem}.web-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.websites .checklist svg{color:var(--orange)}.websites .checklist li{color:#e2eaf3}.web-example{position:relative;padding:30px 20px 60px 0}.example-browser{position:relative;background:#fff;border:7px solid #d5dde8;border-bottom-width:13px;border-radius:10px;box-shadow:0 18px 55px #0003;transform:rotate(-2deg);overflow:hidden}.browser-chrome{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;font-size:.65rem;background:#eef0f3;color:#778191}.browser-chrome>span:first-child{font-size:.55rem;letter-spacing:2px}.example-content{background:#f4f0e7;color:#213d36;padding:23px 25px}.example-nav{display:flex;align-items:center;justify-content:space-between;font-size:.65rem}.example-nav strong{font-size:1.2rem;letter-spacing:-.04em}.example-nav strong span,.example-main>strong span,.example-phone strong span,.example-phone b span{color:#d85d37}.example-main{padding:36px 0}.example-main p{font-size:.55rem;letter-spacing:.14em;color:#57716a;margin-bottom:12px}.example-main>strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:2.9rem;line-height:1.04;letter-spacing:-.055em}.example-cta{display:inline-block;padding:9px 12px;font-size:.65rem;background:#23453b;color:#fff;margin-top:20px;border-radius:2px}.example-bottom{border-top:1px solid #ccd4cb;padding-top:15px;display:flex;gap:18px;font-size:.65rem}.example-phone{position:absolute;right:-4px;bottom:31px;width:141px;border:5px solid #d5dde8;border-radius:19px;background:#f4f0e7;padding:26px 12px 24px;color:#213d36;box-shadow:0 15px 28px #0004;transform:rotate(4deg)}.speaker{position:absolute;top:5px;left:40%;width:30px;height:5px;background:#162937;border-radius:9px}.example-phone>b{font-size:.88rem;letter-spacing:-.06em}.example-phone small{display:block;font-size:.45rem;letter-spacing:.06em;margin:28px 0 10px}.example-phone>strong{font-family:Georgia,serif;font-size:1.75rem;font-weight:400;line-height:1.05;display:block}.example-phone .example-cta{font-size:.49rem;padding:8px;margin-top:18px}.example-label{position:absolute;bottom:3px;left:0;font-size:.75rem;color:#becdde}.website-packages{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:44px}.website-packages article{position:relative;padding:32px;background:#ffffff08;border:1px solid #ffffff30;border-radius:var(--radius);display:flex;flex-direction:column}.package-label{color:#aebed0;font-size:.76rem;display:block;margin-bottom:15px}.website-packages h3{font-size:1.45rem;margin-bottom:15px}.web-price{font-size:3rem;font-weight:700;letter-spacing:-.055em;color:#fff;line-height:1.2;margin-bottom:22px}.web-price span{font-size:.85rem;color:#c3d0df;font-weight:400;letter-spacing:0}.website-packages p{max-width:450px;font-size:.93rem}.website-packages .btn{align-self:flex-start;margin-top:auto}.website-extras{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid #ffffff25;padding-top:29px;margin-top:32px}.website-extras h3{font-size:1.1rem;margin-bottom:6px}.website-extras p{font-size:.85rem;margin:0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:96px;align-items:start}.contact-copy h2{font-size:clamp(2.8rem,4.2vw,3.8rem)}.contact-copy h2 span{color:#de8000}.contact-copy>p{max-width:400px}.contact-phone,.contact-email{display:flex;align-items:center;gap:14px;text-decoration:none}.contact-phone{font-size:2rem;font-weight:700;letter-spacing:-.035em;margin-top:28px}.contact-phone svg{width:27px;height:27px;color:#cb7a00}.contact-email{margin:9px 0 25px;font-size:1.08rem}.contact-email svg{width:23px;color:#cb7a00}.photo-note{display:flex;gap:15px;padding-top:27px;margin-top:31px;border-top:1px solid var(--line);max-width:390px}.photo-note svg{color:#a06b00}.photo-note p{font-size:.86rem}.photo-note strong{color:var(--navy)}.form-card{padding:35px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius)}.form-card h3{font-size:1.35rem;margin-bottom:13px}.form-card>p{font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:17px}.field label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px}.field label>span{color:#955e00}.field input,.field textarea{width:100%;border:1px solid #bcc8d4;border-radius:5px;background:white;color:var(--navy);padding:12px;min-height:46px}.field textarea{resize:vertical;min-height:132px}.field textarea::placeholder{color:#748092;font-size:.87rem}.form-privacy,.required-note{font-size:.75rem;margin:7px 0 20px}.required-note{margin:10px 0 0}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.notice{border:1px solid #aec9bb;background:#e7f4ec;color:#164a2d;border-radius:5px;padding:14px;margin:15px 0;font-size:.9rem}.notice.error{border-color:#dcaf9d;background:#fff0e9;color:#702b13}.form-card button:disabled{opacity:.7;cursor:wait}.site-footer{padding:49px 0 28px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top p{font-size:.84rem;margin:18px 0 0}.footer-direct{display:flex;flex-direction:column;text-align:right;gap:3px}.footer-direct>span{font-size:.79rem;color:var(--muted);margin-bottom:8px}.footer-direct a{text-decoration:none}.footer-direct a:nth-child(2){font-size:1.25rem;font-weight:700}.footer-bottom{display:flex;gap:26px;border-top:1px solid var(--line);padding-top:21px;margin-top:34px;font-size:.76rem;color:var(--muted)}.footer-bottom>span{margin-right:auto}.footer-bottom a{text-decoration:none}.privacy{font-size:.83rem;margin-top:20px}.privacy summary{color:var(--muted);font-size:.76rem}.privacy>div{max-width:820px;padding:25px 0}.privacy h2{font-size:1.5rem}.mobile-contact{display:none}
@media(min-width:1500px){.hero-grid{min-height:680px}}
@media(max-width:1100px){.nav-links{gap:16px}.nav-links .btn-small{display:none}.hero-grid{gap:20px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:3.6rem}.hero .actions{flex-direction:column;align-items:flex-start}.hero-note{max-width:330px}.portrait-stage{min-height:560px}.hero-portrait{height:88%}.experience-tag{top:45px}.name-tag{right:0}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:45px}.price-card{padding:25px}.price-card h3{min-height:42px}.web-grid{gap:45px}.contact-grid{gap:45px}.trust-grid{gap:14px}.trust-grid span{font-size:.76rem}}
@media(max-width:800px){html{scroll-padding-top:90px}.container{width:min(calc(100% - 40px),var(--max))}.section{padding:48px 0}.nav-wrap{min-height:83px}.wordmark{font-size:2.6rem}.brand-caption{font-size:.47rem}.menu-toggle{display:flex;gap:10px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:5px;min-height:44px;padding:8px 13px;color:var(--navy);font-size:.85rem}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:15px 20px 24px;box-shadow:0 15px 25px #081e4017;border-top:1px solid var(--line)}.nav-links.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.nav-links .btn-small{display:flex;margin-top:10px}.nav-links>a:not(.btn){border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1fr 1fr;gap:0;min-height:590px}.hero-copy{padding:45px 0}.hero h1{font-size:3rem}.hero .eyebrow{max-width:280px;font-size:.62rem}.hero .lead{font-size:.96rem}.hero-promise{font-size:.95rem}.portrait-stage{min-height:490px}.portrait-circle{width:320px;height:320px;top:115px}.hero-portrait{height:82%;object-position:50% top}.experience-tag{top:40px;left:5px;gap:9px;padding:12px}.experience-tag strong{font-size:2rem}.experience-tag>span{font-size:.66rem}.name-tag{padding:12px;right:-6px;bottom:26px}.name-tag strong{font-size:1.2rem}.name-tag span{font-size:.72rem}.trust-grid{grid-template-columns:1fr 1fr;gap:14px 25px}.trust-grid span{justify-content:flex-start;font-size:.8rem}.section-heading{gap:28px;align-items:flex-start}.section-heading>p{max-width:290px;font-size:.91rem}.about-grid{grid-template-columns:1fr 1fr;gap:30px}.about-statement{padding:35px 28px}.about-statement h2{font-size:2.4rem}.about-copy h2{font-size:2rem}.about-copy p{font-size:.92rem}.price-grid{grid-template-columns:1fr}.price-card h3{min-height:0}.price-card .btn{align-self:flex-start;padding-inline:22px}.price-card{padding:28px}.price-card>p:not(.price){max-width:600px}.price-top{margin-bottom:16px;padding-bottom:15px}.price{font-size:3.2rem;margin:5px 0 20px}.price-card .checklist{margin-bottom:13px}.web-grid{grid-template-columns:1fr;gap:20px}.web-example{max-width:550px;width:100%;margin:auto;padding-right:35px}.example-phone{right:0}.websites h2{font-size:2.75rem}.website-packages{gap:18px}.website-packages article{padding:25px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy>p{max-width:600px}.photo-note{max-width:600px}.form-card{padding:30px}.footer-direct{max-width:290px}}
@media(max-width:560px){body{padding-bottom:77px}.container{width:calc(100% - 36px)}.section{padding:40px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:38px 0 25px}.hero .eyebrow{max-width:none;font-size:.6rem;letter-spacing:.08em;margin-bottom:22px}.hero h1{font-size:clamp(3rem,11.8vw,4.3rem);margin-bottom:23px}.hero-promise{font-size:.97rem}.hero .lead{font-size:1rem;max-width:420px}.hero .actions{flex-direction:row;gap:10px}.hero .btn{font-size:.85rem;flex:1;min-width:160px;padding-inline:10px;min-height:51px}.hero .btn>svg:first-child{display:none}.hero-note{max-width:none;font-size:.72rem;align-items:flex-start}.hero-note svg{height:20px}.portrait-stage{height:355px;min-height:0;max-width:380px;width:100%;margin:auto}.hero-portrait{height:100%;width:95%;left:5%;border-radius:90px 90px 0 0;object-fit:cover;object-position:center 14%}.portrait-circle{width:300px;height:300px;top:20px;left:10%}.experience-tag{top:28px;left:0;padding:13px}.experience-tag>span{font-size:.7rem}.name-tag{right:0;bottom:19px}.trust-grid{padding:22px 0;gap:13px 9px}.trust-grid span{font-size:.7rem;gap:6px}.trust-grid svg{width:16px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{max-width:none;margin:20px 0 0}.section-heading h2{font-size:2.17rem}.eyebrow{font-size:.68rem;letter-spacing:.11em;margin-bottom:18px}.services-grid{gap:12px;grid-template-columns:1fr}.service-card{padding:24px;display:grid;grid-template-columns:42px 1fr;column-gap:16px}.service-icon{width:42px;height:42px;margin:0;grid-row:1/4;border-radius:8px}.service-card h3{margin:0 0 9px;font-size:1.12rem}.service-card p{font-size:.9rem;margin-bottom:13px}.card-link{font-size:.75rem;justify-content:flex-start;gap:10px}.about-grid{grid-template-columns:1fr;gap:35px}.about-statement{padding:33px}.about-statement h2{font-size:2.8rem}.about-copy h2{font-size:2.25rem}.about-copy p{font-size:1rem}.signature{font-size:1.5rem;margin-top:25px}.smallprint{text-align:left;font-size:.78rem}.price-card .btn{align-self:stretch}.websites h2{font-size:2.3rem}.web-example{padding-right:29px}.example-content{padding:18px}.example-main{padding:27px 0}.example-main>strong{font-size:2.2rem}.example-nav>span{font-size:.52rem}.example-bottom{font-size:.55rem;gap:9px}.example-phone{width:112px;padding:25px 9px 18px;border-width:4px}.example-phone>strong{font-size:1.35rem}.example-phone small{font-size:.38rem;margin-top:23px}.example-phone .example-cta{font-size:.4rem;padding:6px}.example-label{font-size:.67rem}.website-packages{grid-template-columns:1fr;margin-top:27px}.website-packages article{padding:26px}.website-packages .btn{align-self:stretch}.website-extras{grid-template-columns:1fr;gap:18px}.contact-copy h2{font-size:3rem}.contact-phone{font-size:1.85rem}.form-card{padding:23px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-card button{width:100%}.footer-top{align-items:flex-start;flex-direction:column;gap:28px}.footer-direct{text-align:left;max-width:none}.footer-bottom{gap:17px;font-size:.73rem}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;gap:9px;background:#fffffffa;border-top:1px solid var(--line);padding:10px 13px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 25px #081e400c}.mobile-contact .btn{min-height:46px;font-size:.81rem;flex:1;padding:10px}.mobile-contact .btn>svg:last-child{display:none}.mobile-contact .btn>svg:first-child{display:block}.mobile-contact .btn-outline{flex:.6}.privacy{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.mobile-contact,.btn,.form-card,.privacy{display:none}body{padding:0}.section{padding:28px 0}.websites,.trust-band,.about-statement{background:white;color:#081e40}.websites p{color:#526073}.hero-grid{min-height:450px}a{text-decoration:none}}

/* Het menu blijft ook zonder JavaScript bereikbaar. */
@media(max-width:800px){html:not(.js) .site-header{position:relative}html:not(.js) .nav-wrap{flex-wrap:wrap;padding-block:20px}html:not(.js) .menu-toggle{display:none}html:not(.js) .nav-links{display:flex;position:static;width:100%;flex-wrap:wrap;box-shadow:none;padding:0;gap:15px;border:0}html:not(.js) .nav-links>a:not(.btn){border:0}html:not(.js) .nav-links .btn{display:none}}

/* Dakje en vierdelig raam uit het aangeleverde klus.help-logo. */
.site-header .brand,.site-footer .brand{padding-top:12px}.logo-p{position:relative;display:inline-block}.brand .brand-roof{position:absolute;width:1em;height:.66em;left:-.2em;top:-.34em;overflow:visible;pointer-events:none}

/* Slogan in het midden tussen logo en contactgegevens. */
.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:28px}.footer-top .footer-tagline{margin:0;text-align:center;font-size:.94rem;line-height:1.5}.footer-direct{justify-self:end}
@media(max-width:800px){.footer-top{grid-template-columns:1fr 1fr}.footer-top .footer-tagline{grid-column:1/-1;grid-row:2}.footer-direct{grid-column:2;grid-row:1}}
@media(max-width:560px){.footer-top{grid-template-columns:1fr;gap:24px}.footer-top .footer-tagline{grid-column:1;grid-row:2;width:100%}.footer-direct{grid-column:1;grid-row:3;justify-self:start}}

/* Portret als herkenbare merkkaart, met een warme omlijsting. */
.portrait-stage{align-self:center;min-height:0;height:550px;margin:30px 0 35px;isolation:isolate}
.portrait-circle{inset:30px -10px 0 24px;width:auto;height:auto;max-width:none;border-radius:100px 24px 24px 24px;background:var(--orange);transform:rotate(4deg)}
.portrait-stage::before{content:"";position:absolute;inset:12px 10px 12px 38px;background:#ecebe7;border-radius:100px 18px 18px 18px;box-shadow:0 20px 45px #081e4015}
.hero-portrait{inset:12px 10px 12px 38px;width:calc(100% - 48px);height:calc(100% - 24px);object-fit:cover;object-position:center 30%;mix-blend-mode:normal;border-radius:100px 18px 18px 18px}
.experience-tag{left:0;top:35px;gap:12px;padding:18px 20px;background:var(--navy);border:3px solid #fff;transform:rotate(-6deg);border-radius:16px;box-shadow:0 10px 25px #081e4025}
.experience-tag strong{font-size:3.1rem}.experience-tag strong span{font-size:.78rem}.experience-tag>span{font-size:.74rem;line-height:1.5}
.name-tag{left:38px;right:10px;bottom:12px;padding:22px 25px;background:var(--navy);border:0;border-radius:0 0 18px 18px;box-shadow:none;overflow:hidden}
.name-tag::after{content:"↗";position:absolute;right:23px;top:22px;color:var(--orange);font-size:2.5rem;line-height:1}
.name-tag span{color:#d5dce6;font-size:.78rem;margin-bottom:3px}.name-tag strong{color:#fff;font-size:1.65rem;letter-spacing:-.035em}
@media(max-width:1100px){.portrait-stage{height:510px}.experience-tag{padding:15px}.experience-tag strong{font-size:2.7rem}.experience-tag>span{font-size:.68rem}}
@media(max-width:800px){.portrait-stage{height:440px;margin-left:12px}.portrait-circle{left:15px;right:0}.portrait-stage::before{left:25px}.hero-portrait{left:25px;width:calc(100% - 35px)}.experience-tag{top:20px;left:-8px;padding:12px;gap:8px}.experience-tag strong{font-size:2.3rem}.experience-tag>span{font-size:.62rem}.name-tag{left:25px;padding:18px}.name-tag strong{font-size:1.3rem}.name-tag span{font-size:.65rem}.name-tag::after{right:15px;top:23px;font-size:1.9rem}}
@media(max-width:560px){.portrait-stage{height:440px;max-width:365px;width:calc(100% - 12px);margin:10px auto 38px}.hero-portrait{object-position:center 26%}.experience-tag{top:27px;left:-4px;padding:14px;gap:11px}.experience-tag strong{font-size:2.7rem}.experience-tag>span{font-size:.7rem}.name-tag{padding:20px}.name-tag strong{font-size:1.55rem}.name-tag span{font-size:.74rem}.name-tag::after{font-size:2.3rem;right:20px}}

/* Op telefoons staat de naamstrook onder de volledige foto. */
@media(max-width:560px){
 .portrait-stage{height:auto;display:grid;grid-template-columns:minmax(0,1fr);padding:12px 10px 12px 25px}
 .hero-portrait{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:100px 18px 0 0}
 .name-tag{position:relative;inset:auto;width:100%;border-radius:0 0 18px 18px}
}