/* ================================================================
       ZELF AANPASSEN
       1. Kleuren en lettertypen: onderstaande variabelen.
       2. Teksten: de genummerde HTML-secties verderop.
       3. Kiezer en contactinstellingen: BENS_CONFIG onderaan.
       4. Foto vervangen: vervang de src van de img binnen .photo-slot.
       Foto’s en het originele logo zijn ingebed. Privacy en vacatures hebben een eigen pagina.
       WordPress later: secties kunnen elk een eigen bewerkbaar blok worden.
       Componentstijlen gebruiken de klasse .bens-site; kleuren staan in :root.
       ================================================================ */
    :root{--paper:#f8fafc;--surface:#ffffff;--ink:#193b56;--muted:#596778;--line:#d6dee8;--soft:#edf1f6;--pale-blue:#e9eff7;--warm-neutral:#f3e9e1;--cool-neutral:#edf1f6;--dark:#193b56;--on-dark:#f8fafc;--brand-blue:#254b8d;--brand-orange:#e66f25;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;scrollbar-color:#647b98 var(--paper)}
    :root[data-theme="dark"]{--paper:#101d2e;--surface:#16263a;--ink:#f3f6fa;--muted:#b9c7d8;--line:#42536b;--soft:#20344e;--brand-blue:#b2d0f4;--brand-orange:#f3e9e1;color-scheme:dark}
    @media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#101d2e;--surface:#16263a;--ink:#f3f6fa;--muted:#b9c7d8;--line:#42536b;--soft:#20344e;--brand-blue:#b2d0f4;--brand-orange:#f3e9e1;color-scheme:dark}}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body.bens-site{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--body);-webkit-font-smoothing:antialiased}.bens-site ::selection{background:var(--pale-blue);color:var(--dark)}.bens-site :focus-visible{outline:3px solid currentColor;outline-offset:5px}.bens-site [hidden]{display:none!important}.bens-site a{color:inherit;text-decoration:none}.bens-site button,.bens-site input,.bens-site select,.bens-site textarea{font:inherit}.bens-site button{cursor:pointer}.bens-site button:disabled{cursor:not-allowed;opacity:.45}.bens-site img,.bens-site svg{display:block;max-width:100%}.bens-site h1,.bens-site h2,.bens-site h3,.bens-site p{margin:0}.bens-site h1,.bens-site h2,.bens-site h3{font-family:var(--display);font-weight:700;letter-spacing:-.045em;line-height:1.04;text-wrap:balance}.bens-site h2{font-size:clamp(2.5rem,5.4vw,5.25rem)}.bens-site h3{font-size:clamp(1.4rem,2.7vw,2.2rem)}.bens-site p{max-width:66ch}.bens-site .wrap{width:min(1440px,calc(100% - 96px));margin-inline:auto}.bens-site .section{padding-block:110px}.bens-site .icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.bens-site .symbol-bank{position:absolute;width:0;height:0;overflow:hidden}.bens-site .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bens-site .skip{position:fixed;top:-100px;left:16px;z-index:99;padding:12px 20px;background:var(--pale-blue);color:var(--dark)}.bens-site .skip:focus{top:12px}.bens-site .btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:15px 22px;border:1.5px solid transparent;border-radius:4px;background:var(--ink);color:var(--paper);font-weight:700;font-size:.95rem;line-height:1.35;transition:transform .25s var(--ease),background .25s,color .25s}.bens-site .btn:hover{transform:translateY(-3px)}.bens-site .btn .icon{transition:transform .25s var(--ease)}.bens-site .btn:hover .icon{transform:translateX(4px)}.bens-site .btn-light{background:var(--pale-blue);color:var(--dark)}.bens-site .btn-outline{background:transparent;border-color:currentColor;color:inherit}.bens-site .text-link{display:inline-flex;gap:12px;align-items:center;font-weight:700;border-bottom:1px solid currentColor;padding-block:6px}.bens-site .text-link:hover .icon{transform:translateX(3px)}
    /* 01. Navigatie en nieuw typografisch merk */
    .bens-site .header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.bens-site .nav{height:96px;display:flex;align-items:center;gap:30px}.bens-site .brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.bens-site .brand-mark{color:var(--brand-orange);width:31px;height:42px;fill:currentColor}.bens-site .wordmark{color:var(--brand-blue);font:800 2.4rem/.85 var(--display);letter-spacing:-.07em;display:block}.bens-site .brand small{display:block;margin-top:8px;font-size:.65rem;letter-spacing:.025em;font-weight:600}.bens-site .main-nav{display:flex;gap:27px;margin-left:auto;font-size:.9rem;font-weight:600}.bens-site .main-nav a{padding-block:8px}.bens-site .main-nav a:hover{text-decoration:underline;text-underline-offset:6px}.bens-site .nav-actions{display:flex;gap:14px;align-items:center}.bens-site .theme-toggle{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent}.bens-site .menu-toggle{display:none;color:var(--ink);border:1px solid var(--line);background:transparent;padding:10px 13px;min-height:44px}.bens-site .mobile-nav{padding:12px 24px 22px;border-top:1px solid var(--line)}.bens-site .mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
    /* 02. Hero: echte fotografie en rustige BENS-typografie */
    .bens-site .hero{position:relative;padding-block:66px 48px;overflow:clip}.bens-site .hero-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:24px;align-items:center}.bens-site .hero h1{font-size:clamp(4.1rem,8.4vw,8.4rem);line-height:.95;font-weight:800;letter-spacing:-.055em;position:relative;z-index:2}.bens-site .hero h1 span{display:block}.bens-site .hero h1 .hero-second{margin-left:.47em;position:relative}.bens-site .hero h1 .hero-second::after{content:'';position:absolute;left:0;bottom:-.09em;width:93%;height:.095em;background:var(--pale-blue);z-index:-1;transform:rotate(-2deg)}.bens-site .hero-copy>p{margin:32px 0 25px;font-size:1.07rem;max-width:38ch}.bens-site .hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.bens-site .hero-phone{font-size:.9rem;display:inline-flex;align-items:center;gap:10px;padding-block:15px;text-decoration:underline;text-underline-offset:5px}.bens-site .hero-art{position:relative;aspect-ratio:1/1.03;transform:rotate(3deg);margin-top:12px}.bens-site .hero-art>svg{width:100%;height:100%}.bens-site .hero-stamp{position:absolute;right:-7px;bottom:29px;width:146px;height:146px;border-radius:50%;background:var(--warm-neutral);color:var(--dark);display:grid;place-content:center;text-align:center;font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.15;transform:rotate(-12deg);border:1px solid var(--dark)}.bens-site .hero-baseline{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:55px;border-top:1px solid var(--line);padding-top:23px;font-size:.85rem}.bens-site .hero-baseline .icon{width:16px;height:16px}.bens-site .hero-baseline p{display:flex;gap:12px;align-items:center}.bens-site .hero-art .wipe{transform-origin:center;animation:wipe-in 1.6s var(--ease) both}.bens-site .hero-art .spark{transform-origin:center;animation:spark-in 1.3s var(--ease) .35s both}.bens-site .hero-copy h1{animation:arrive .8s var(--ease) both}@keyframes wipe-in{from{transform:translate(-100px,120px);opacity:.15}to{transform:translate(0);opacity:1}}@keyframes spark-in{from{transform:scale(.4) rotate(-35deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes arrive{from{transform:translateY(22px)}to{transform:translateY(0)}}
    /* 03. Behoeftekiezer; native radio's blijven toetsenbordbedienbaar */
    .bens-site .finder{background:var(--pale-blue);color:var(--dark);padding-block:55px 58px;position:relative}.bens-site .finder::before{content:'';position:absolute;left:0;right:0;top:-17px;height:18px;background:var(--pale-blue);clip-path:polygon(0 100%,100% 0,100% 100%)}.bens-site .finder-top{display:flex;align-items:baseline;gap:36px;margin-bottom:24px}.bens-site .finder h2{font-size:clamp(2.2rem,4.4vw,4rem)}.bens-site .finder-top p{font-size:1rem}.bens-site .choice-group{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.bens-site .choice{position:relative;cursor:pointer}.bens-site .choice input{position:absolute;opacity:0;width:1px;height:1px}.bens-site .choice span{display:flex;align-items:center;justify-content:center;padding:12px 24px;border:1px solid #a8b7ca;border-radius:40px;min-height:50px;font-weight:600;transition:background .2s,color .2s}.bens-site .choice input:checked+span{background:var(--dark);color:var(--pale-blue);border-color:var(--dark)}.bens-site .choice input:focus-visible+span{outline:3px solid var(--dark);outline-offset:4px}.bens-site .choice:hover span{border-color:var(--dark)}.bens-site .recommendation{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center;margin-top:28px;padding-top:25px;border-top:1px solid #b9c7d8;min-height:125px}.bens-site .recommendation h3{font-size:1.9rem;max-width:18ch}.bens-site .recommendation p{font-size:.95rem;max-width:47ch}.bens-site .recommendation .btn{background:var(--dark);color:var(--pale-blue)}
    /* 04. Horizontale diensten: één vloeiende rij, bewust geen kaartgrid */
    .bens-site .services{padding-top:105px;padding-bottom:95px}.bens-site .section-title{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}.bens-site .section-title h2{max-width:15ch}.bens-site .rail-controls{display:flex;align-items:center;gap:10px}.bens-site .round-btn{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;color:var(--ink);background:transparent}.bens-site .round-btn:hover{background:var(--soft)}.bens-site .round-btn.prev .icon{transform:rotate(180deg)}.bens-site .service-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:48px;padding:5px max(48px,calc((100vw - 1440px)/2)) 25px;overscroll-behavior-inline:contain;scrollbar-color:var(--ink) var(--soft)}.bens-site .service-rail:focus-visible{outline-offset:-4px}.bens-site .service-card{flex:0 0 min(470px,82vw);scroll-snap-align:start;scroll-margin-top:120px;min-width:0;background:var(--cool-neutral);color:var(--dark);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative}.bens-site .service-card:nth-child(2){background:var(--warm-neutral)}.bens-site .service-card:nth-child(3){background:#f5f6f8}.bens-site .service-card:nth-child(4){background:#e4ecf6}.bens-site .service-card:nth-child(5){background:var(--pale-blue)}.bens-site .service-visual{height:220px;position:relative;overflow:hidden;border-bottom:1px solid #193b5633}.bens-site .service-visual>svg{width:100%;height:100%;padding:24px}.bens-site .service-copy{padding:30px 32px 32px;display:flex;flex-direction:column;flex:1}.bens-site .service-copy h3{font-size:2.2rem;margin-bottom:17px}.bens-site .service-copy p{font-size:.98rem;margin-bottom:18px}.bens-site .service-copy ul{padding:0;list-style:none;margin:0 0 26px;font-size:.86rem}.bens-site .service-copy li{padding-block:8px;border-top:1px solid #193b5640}.bens-site .service-copy .text-link{align-self:flex-start;margin-top:auto}.bens-site .photo-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    /* 05. Vertrouwen als asymmetrische compositie */
    .bens-site .proof{background:var(--dark);color:var(--on-dark);position:relative}.bens-site .proof::before{content:'';position:absolute;top:-24px;left:0;right:0;height:25px;background:var(--dark);clip-path:polygon(0 100%,100% 0,100% 100%)}.bens-site .proof h2{max-width:16ch;margin-bottom:52px}.bens-site .bento{display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}.bens-site .bento>article{padding:32px;min-height:205px;border-radius:12px;border:1px solid #536985}.bens-site .bento h3{font-size:1.7rem;letter-spacing:-.025em;margin-bottom:15px}.bens-site .bento p{font-size:.92rem;color:#d1dce9}.bens-site .bento .experience{grid-row:span 2;background:var(--pale-blue);color:var(--dark);border:0;display:flex;flex-direction:column;justify-content:space-between;min-height:445px}.bens-site .experience .year-count{font:700 clamp(6rem,12vw,11rem)/1 var(--display);letter-spacing:-.075em;display:block}.bens-site .experience .year-label{font-size:1.3rem}.bens-site .experience p{color:#384f6c}.bens-site .experience .experience-footer{border-top:1px solid #a6b8ce;padding-top:22px;margin-top:24px}.bens-site .bento .eco{background:#25466a;border-color:#25466a}.bens-site .proof-note{margin-top:28px;color:#d1dce9;font-size:.95rem;max-width:64ch}
    /* 06. Klantenlint: met zichtbare pauzeknop */
    .bens-site .clients{padding-block:37px;border-bottom:1px solid var(--line);overflow:hidden}.bens-site .clients-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;font-size:.9rem}.bens-site .motion-toggle{display:flex;align-items:center;gap:9px;font-size:.8rem;background:transparent;color:var(--ink);border:1px solid var(--line);padding:9px 13px;border-radius:3px;min-height:44px}.bens-site .marquee-viewport{overflow:hidden}.bens-site .marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.bens-site .marquee-group{display:flex;align-items:center;gap:50px;padding-right:50px;list-style:none;margin:0;white-space:nowrap}.bens-site .marquee-group li{font:600 clamp(1.2rem,2.2vw,2rem)/1.3 var(--display);letter-spacing:-.03em;display:flex;align-items:center;gap:50px}.bens-site .marquee-group li::after{content:'';width:7px;height:7px;background:var(--ink);transform:rotate(45deg)}.bens-site .marquee-viewport:hover .marquee-track,.bens-site .marquee-viewport:focus-within .marquee-track,.bens-site.motion-paused .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
    /* 07. De werkwijze blijft in beeld terwijl de stappen doorlopen */
    .bens-site .process{display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative}.bens-site .process-intro{position:sticky;top:135px;align-self:start}.bens-site .process-intro h2{max-width:10ch}.bens-site .process-intro>p{color:var(--muted);margin-top:26px;max-width:35ch}.bens-site .process-dial{margin-top:40px;display:flex;align-items:center;gap:20px}.bens-site .process-number{font:700 7rem/.9 var(--display);letter-spacing:-.07em}.bens-site .process-meter{width:130px;height:6px;background:var(--line);overflow:hidden}.bens-site .process-meter span{display:block;height:100%;width:25%;background:var(--ink);transition:width .5s var(--ease)}.bens-site .process-list{list-style:none;margin:0;padding:0;counter-reset:steps}.bens-site .process-list li{padding:42px 0 55px;border-top:1px solid var(--line);counter-increment:steps;min-height:240px}.bens-site .process-list li::before{content:'0' counter(steps);display:block;font-size:.85rem;margin-bottom:18px;font-weight:600}.bens-site .process-list h3{font-size:2rem;max-width:18ch}.bens-site .process-list p{margin-top:18px;color:var(--muted);max-width:40ch}.bens-site .process-list li.is-active{border-color:var(--ink)}
    /* 08. Werkgebied en vragen */
    .bens-site .region{background:var(--cool-neutral);color:var(--dark);padding-block:75px;transform:skewY(-1deg);margin-block:10px}.bens-site .region>.wrap{transform:skewY(1deg);display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.bens-site .region h2{font-size:clamp(2.8rem,5.4vw,5rem);max-width:10ch}.bens-site .region p{margin-top:24px;font-size:1rem;max-width:34ch}.bens-site .area-tags{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.bens-site .area-tags li{font:600 clamp(1rem,2vw,1.7rem)/1.25 var(--display);border:1px solid #7c8fa6;padding:14px 19px;border-radius:5px}.bens-site .area-tags li:first-child{background:var(--dark);color:var(--pale-blue);transform:rotate(-4deg);font-size:2rem}.bens-site .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.bens-site .faq-intro h2{max-width:10ch}.bens-site .faq-intro p{margin-top:24px;color:var(--muted)}.bens-site .faq-intro a{margin-top:20px}.bens-site details{border-top:1px solid var(--line)}.bens-site details:last-child{border-bottom:1px solid var(--line)}.bens-site summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;font-size:1.05rem;font-weight:600;line-height:1.45}.bens-site summary::-webkit-details-marker{display:none}.bens-site summary .icon{width:19px;height:19px;transition:transform .25s}.bens-site details[open] summary .icon{transform:rotate(45deg)}.bens-site .answer{padding:0 35px 24px 0;color:var(--muted)}.bens-site .answer a{text-decoration:underline;text-underline-offset:4px}
    /* 09. Vacatures */
    .bens-site .jobs{background:var(--warm-neutral);color:var(--dark);padding-block:68px;position:relative;overflow:hidden}.bens-site .jobs>.wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.bens-site .jobs h2{max-width:12ch}.bens-site .jobs h3{font-family:var(--body);font-size:1.2rem;line-height:1.4;letter-spacing:0;margin-bottom:18px}.bens-site .jobs p{margin-bottom:20px}.bens-site .job-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.bens-site .job-facts span{border:1px solid #b7bdc7;border-radius:30px;padding:8px 14px;font-size:.9rem}.bens-site .jobs .btn{background:var(--dark);color:var(--on-dark)}.bens-site .jobs .job-note{font-size:.85rem;margin-top:13px;margin-bottom:0}
    /* 10. Offerte: native formulier, lichte stappenlogica */
    .bens-site .quote{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.bens-site .quote-intro{position:sticky;top:135px}.bens-site .quote-intro h2{max-width:10ch}.bens-site .quote-intro>p{margin-top:25px;color:var(--muted);max-width:35ch}.bens-site .quote-contact{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);font-size:.95rem}.bens-site .quote-contact>a{display:flex;gap:13px;align-items:center;font-size:1.2rem;font-weight:700;margin-bottom:8px}.bens-site .form-shell{background:var(--surface);padding:38px;border:1px solid var(--line);border-radius:12px;min-width:0}.bens-site .form-progress-label{display:flex;justify-content:space-between;gap:15px;font-size:.85rem;margin-bottom:11px}.bens-site progress{width:100%;height:6px;border:0;display:block;background:var(--soft);accent-color:var(--ink)}.bens-site progress::-webkit-progress-bar{background:var(--soft);border-radius:5px}.bens-site progress::-webkit-progress-value{background:var(--ink);border-radius:5px}.bens-site progress::-moz-progress-bar{background:var(--ink)}.bens-site .form-step{border:0;min-width:0;margin:30px 0 0;padding:0}.bens-site .form-step legend{font:700 1.65rem/1.2 var(--display);letter-spacing:-.03em;margin-bottom:24px;padding:0}.bens-site .field{display:flex;flex-direction:column;gap:7px;margin-bottom:21px;min-width:0}.bens-site .field label{font-weight:600;font-size:.95rem}.bens-site .field label span{font-weight:400;color:var(--muted);font-size:.85rem}.bens-site input,.bens-site select,.bens-site textarea{width:100%;max-width:100%;min-width:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:13px 14px;font-size:1rem;min-height:50px;accent-color:var(--ink);caret-color:var(--ink)}.bens-site textarea{min-height:120px;resize:vertical}.bens-site select{padding-right:10px}.bens-site input[aria-invalid="true"],.bens-site select[aria-invalid="true"]{border:2px solid #ad3a24}.bens-site .field-error,.bens-site .form-error{font-size:.88rem;color:#a33320}.bens-site .field-error:empty,.bens-site .form-error:empty{display:none}.bens-site .field-note{font-size:.83rem;color:var(--muted)}.bens-site .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bens-site .form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.bens-site .form-actions .btn:last-child{margin-left:auto}.bens-site .privacy-note{font-size:.8rem;color:var(--muted);margin-top:22px}.bens-site .privacy-note a{text-decoration:underline;text-underline-offset:3px}.bens-site .review{margin:0 0 24px;padding:17px;background:var(--soft);border-radius:4px;font-size:.92rem}.bens-site .review>div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:5px 0}.bens-site .review dt{color:var(--muted)}.bens-site .review dd{margin:0;overflow-wrap:anywhere}.bens-site .success h3{font-size:2rem;margin-top:22px}.bens-site .success>p{margin-top:20px}.bens-site .success-icon{display:grid;place-items:center;width:64px;height:64px;background:var(--pale-blue);color:var(--dark);border-radius:50%}.bens-site .success .btn{margin-top:24px}.bens-site .success textarea{margin-top:12px;min-height:230px;font-size:.9rem}.bens-site .success details{margin-top:30px}.bens-site .success .text-link{background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;margin-top:20px;padding-inline:0}.bens-site .quote-care-note{background:var(--soft);padding:15px;font-size:.9rem;margin:0 0 23px}.bens-site .quote-care-note a{text-decoration:underline}
    /* 11. Footer */
    .bens-site .footer{background:var(--dark);color:var(--on-dark);padding-top:65px;overflow:hidden}.bens-site .footer-call{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:45px;border-bottom:1px solid #536985}.bens-site .footer-call h2{font-size:clamp(2.4rem,5vw,4.8rem);max-width:16ch}.bens-site .footer-grid{display:grid;grid-template-columns:1.25fr 1fr .85fr;gap:45px;padding-block:40px}.bens-site .footer-grid h3{font:600 .9rem/1.5 var(--body);letter-spacing:0;color:#c8d5e5;margin-bottom:14px}.bens-site .footer address{font-style:normal}.bens-site .footer-grid a{display:block;width:fit-content;padding-block:4px;overflow-wrap:anywhere}.bens-site .footer-grid a:hover{text-decoration:underline;text-underline-offset:5px}.bens-site .footer-grid p{margin-top:10px}.bens-site .footer-type{font:800 clamp(7.5rem,27vw,26rem)/.83 var(--display);letter-spacing:-.075em;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:20px 45px;color:var(--pale-blue)}.bens-site .footer-type svg{width:.54em;height:.54em;fill:currentColor}.bens-site .footer-bottom{border-top:1px solid #536985;display:flex;gap:25px;justify-content:space-between;padding-block:23px;font-size:.75rem;color:#d0dce9}.bens-site .mobile-call{display:none}.bens-site .reveal.in-view{animation:arrive .7s var(--ease) both}.bens-site .reveal.reveal-side.in-view{animation:side-in .85s var(--ease) both}@keyframes side-in{from{transform:translateX(18px)}to{transform:translateX(0)}}
    /* Donkere modus: dezelfde merkaccenten, nieuwe leesbare oppervlakken. */
    :root[data-theme="dark"] .bens-site .field-error,:root[data-theme="dark"] .bens-site .form-error{color:#ffb6a3}
    @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .bens-site .field-error,:root:not([data-theme="light"]) .bens-site .form-error{color:#ffb6a3}}
    /* Tablet */
    @media(max-width:1100px){.bens-site .wrap{width:calc(100% - 56px)}.bens-site .nav{gap:20px}.bens-site .main-nav{gap:18px;font-size:.85rem}.bens-site .nav .btn{font-size:.85rem;padding:12px 16px;gap:13px;min-height:48px}.bens-site .hero h1{font-size:clamp(4.5rem,8.7vw,7rem)}.bens-site .hero-grid{grid-template-columns:1.2fr .8fr}.bens-site .hero-stamp{width:115px;height:115px;font-size:1rem;right:0}.bens-site .hero-actions{gap:8px 16px}.bens-site .process,.bens-site .faq,.bens-site .quote{gap:45px}.bens-site .recommendation{grid-template-columns:1fr 1.2fr}.bens-site .recommendation .btn{justify-self:start;grid-column:2}.bens-site .bento>article{padding:25px}.bens-site .form-shell{padding:28px}.bens-site .jobs>.wrap{gap:35px}.bens-site .service-rail{padding-inline:28px;scroll-padding-inline:28px}}
    @media(max-width:850px){.bens-site .main-nav{display:none}.bens-site .nav-actions{margin-left:auto}.bens-site .menu-toggle{display:block}.bens-site .nav{height:82px}.bens-site .nav .btn{display:none}.bens-site .section{padding-block:80px}.bens-site .hero{padding-top:48px}.bens-site .hero-grid{grid-template-columns:1.1fr .9fr;gap:8px}.bens-site .hero h1{font-size:clamp(3.7rem,8.7vw,5rem)}.bens-site .hero-copy>p{font-size:1rem;max-width:31ch}.bens-site .hero-art{align-self:start;margin-top:12px}.bens-site .hero-stamp{bottom:0;width:100px;height:100px}.bens-site .hero-baseline{font-size:.8rem;gap:15px}.bens-site .finder-top{display:block}.bens-site .finder-top p{margin-top:15px}.bens-site .choice span{padding-inline:19px}.bens-site .bento{grid-template-columns:1fr 1fr}.bens-site .bento .experience{grid-row:span 2}.bens-site .bento .eco{grid-column:1/-1;min-height:160px}.bens-site .process{gap:40px}.bens-site .process-list h3{font-size:1.6rem}.bens-site .process-number{font-size:5rem}.bens-site .region>.wrap{gap:35px;grid-template-columns:1fr 1.2fr}.bens-site .area-tags{gap:8px}.bens-site .area-tags li{padding:10px 12px;font-size:1.1rem}.bens-site .area-tags li:first-child{font-size:1.5rem}.bens-site .faq{grid-template-columns:1fr;gap:35px}.bens-site .faq-intro h2{max-width:16ch}.bens-site .faq-intro p{display:inline}.bens-site .faq-intro a{margin-left:15px}.bens-site .jobs>.wrap{grid-template-columns:1fr 1fr;gap:28px}.bens-site .quote{grid-template-columns:1fr;gap:35px}.bens-site .quote-intro{position:static}.bens-site .quote-intro h2{max-width:15ch}.bens-site .quote-intro>p{max-width:55ch}.bens-site .quote-contact{margin-top:24px}.bens-site .footer-grid{gap:25px}.bens-site .footer-call{align-items:flex-start}.bens-site .footer-call .btn{white-space:nowrap;font-size:.85rem;gap:15px}}
    /* Telefoon, inclusief 360px. Alleen het dienstenlint scrolt horizontaal. */
    @media(max-width:600px){body.bens-site{padding-bottom:calc(56px + env(safe-area-inset-bottom))}html{scroll-padding-top:98px}.bens-site .wrap{width:calc(100% - 40px)}.bens-site .section{padding-block:65px}.bens-site h2{font-size:2.65rem}.bens-site .nav{height:78px;gap:10px}.bens-site .wordmark{font-size:2.05rem}.bens-site .brand{gap:8px}.bens-site .brand-mark{color:var(--brand-orange);width:24px;height:35px}.bens-site .brand small{font-size:.6rem}.bens-site .nav-actions{gap:8px}.bens-site .theme-toggle{min-width:44px;height:44px}.bens-site .menu-toggle{font-size:.8rem;padding:8px 11px}.bens-site .hero{padding-top:36px;padding-bottom:38px}.bens-site .hero-grid{grid-template-columns:1fr;gap:25px}.bens-site .hero h1{font-size:clamp(3.5rem,12.3vw,4.7rem);line-height:.98;letter-spacing:-.05em}.bens-site .hero h1 .hero-second{margin-left:.2em}.bens-site .hero-copy>p{max-width:33ch;margin-top:26px;font-size:1rem}.bens-site .hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.bens-site .hero .btn{width:100%;justify-content:space-between;min-height:54px}.bens-site .hero-phone{padding-block:12px;font-size:.9rem}.bens-site .hero-art{width:86%;max-width:340px;margin:0 auto;aspect-ratio:1/.86;transform:rotate(3deg)}.bens-site .hero-stamp{right:-15px;bottom:14px;width:96px;height:96px;font-size:.95rem}.bens-site .hero-baseline{margin-top:27px;align-items:flex-start;font-size:.76rem;gap:20px}.bens-site .hero-baseline p:last-child{max-width:15ch;text-align:right}.bens-site .finder{padding-block:38px}.bens-site .finder h2{font-size:2.5rem}.bens-site .finder-top p{font-size:.95rem}.bens-site .choice-group{gap:8px}.bens-site .choice span{font-size:.85rem;padding:10px 15px;min-height:46px}.bens-site .recommendation{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:24px;margin-top:24px;min-height:240px}.bens-site .recommendation h3{font-size:1.8rem}.bens-site .recommendation .btn{width:100%;justify-content:space-between}.bens-site .services{padding-block:65px}.bens-site .section-title{align-items:flex-end;gap:15px;margin-bottom:27px}.bens-site .section-title h2{font-size:2.5rem;max-width:10ch}.bens-site .rail-controls{gap:6px}.bens-site .round-btn{width:40px;height:40px}.bens-site .service-rail{gap:14px;padding:3px 20px 20px;scroll-padding-inline:20px}.bens-site .service-card{flex-basis:calc(100vw - 58px)}.bens-site .service-visual{height:185px}.bens-site .service-copy{padding:26px 25px}.bens-site .service-copy h3{font-size:1.9rem}.bens-site .service-copy p{font-size:.94rem}.bens-site .proof h2{font-size:2.65rem;margin-bottom:32px}.bens-site .bento{gap:12px;grid-template-columns:1fr 1fr}.bens-site .bento .experience{grid-column:1/-1;grid-row:auto;min-height:0;display:grid;grid-template-columns:.8fr 1fr;gap:20px;align-items:end}.bens-site .experience .year-count{font-size:6.3rem}.bens-site .experience .year-label{font-size:1rem}.bens-site .experience .experience-footer{margin:0;border:0;padding:0}.bens-site .bento>article{padding:23px 20px;min-height:0}.bens-site .bento>article:not(.experience){grid-column:1/-1}.bens-site .bento h3{font-size:1.5rem}.bens-site .bento p{font-size:.94rem}.bens-site .proof-note{font-size:.88rem}.bens-site .clients-top{font-size:.8rem;gap:16px;align-items:flex-start}.bens-site .motion-toggle{font-size:.73rem;gap:6px;flex-shrink:0}.bens-site .motion-toggle .icon{width:16px;height:16px}.bens-site .marquee-group{gap:28px;padding-right:28px}.bens-site .marquee-group li{font-size:1.3rem;gap:28px}.bens-site .process{grid-template-columns:1fr;gap:32px}.bens-site .process-intro{position:static}.bens-site .process-intro h2{max-width:12ch}.bens-site .process-intro>p{margin-top:22px;max-width:100%}.bens-site .process-dial{display:none}.bens-site .process-list li{min-height:0;padding:27px 0 35px}.bens-site .process-list li::before{margin-bottom:13px}.bens-site .process-list h3{font-size:1.8rem}.bens-site .process-list p{font-size:1rem;margin-top:15px}.bens-site .region{padding-block:55px}.bens-site .region>.wrap{grid-template-columns:1fr;gap:28px}.bens-site .region h2{font-size:2.9rem;max-width:12ch}.bens-site .region p{max-width:100%}.bens-site .area-tags li{font-size:1rem;padding:11px 13px}.bens-site .faq-intro h2{font-size:2.8rem}.bens-site .faq-intro p{display:block;margin-top:22px}.bens-site .faq-intro a{margin-left:0;margin-top:10px}.bens-site summary{font-size:1rem;gap:18px;padding-block:21px}.bens-site .answer{padding-right:6px;font-size:.95rem}.bens-site .jobs{padding-block:52px}.bens-site .jobs>.wrap{grid-template-columns:1fr;gap:30px}.bens-site .jobs h2{font-size:2.9rem}.bens-site .job-facts{margin-top:22px}.bens-site .jobs p{font-size:.97rem}.bens-site .form-shell{padding:25px 20px}.bens-site .form-step{margin-top:25px}.bens-site .form-step legend{font-size:1.5rem}.bens-site .field-grid{grid-template-columns:1fr;gap:0}.bens-site .form-actions .btn{padding:13px 17px;font-size:.87rem;gap:12px}.bens-site .form-actions{gap:8px}.bens-site .review>div{grid-template-columns:80px 1fr;font-size:.85rem}.bens-site .quote-intro h2{font-size:2.9rem}.bens-site .footer{padding-top:50px;padding-bottom:70px}.bens-site .footer-call{flex-direction:column;gap:25px}.bens-site .footer-call h2{font-size:2.65rem}.bens-site .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px;font-size:.9rem}.bens-site .footer-grid>div:first-child{grid-column:1/-1}.bens-site .footer-type{font-size:25vw;padding-top:0;padding-bottom:25px;gap:12px}.bens-site .footer-bottom{flex-direction:column;gap:10px;font-size:.73rem}.bens-site .mobile-call{position:fixed;z-index:25;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:10px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:var(--pale-blue);color:var(--dark);border-top:1px solid var(--dark);font-size:.95rem;font-weight:700;min-height:56px}.bens-site main{overflow:clip}}
    /* Zonder JavaScript blijft alle inhoud bereikbaar en contact direct mogelijk. */
    .bens-site .no-js-note{padding:18px;background:var(--pale-blue);color:var(--dark)}
    /* Beweging is optioneel; geen inhoud afhankelijk van animatie. */
    .bens-site.motion-paused *{animation-play-state:paused!important}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bens-site *,.bens-site *::before,.bens-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bens-site .marquee-track{width:100%}.bens-site .marquee-group{white-space:normal;flex-wrap:wrap;gap:20px;padding:0 20px}.bens-site .marquee-group[aria-hidden]{display:none}.bens-site .marquee-group li{gap:20px}.bens-site .motion-toggle{display:none}}

    /* Definitieve merkrichting: helder BENS-blauw, wit en grijs. Oranje als klein accent. */
    .bens-site .brand-mark{width:4px;height:36px;background:var(--brand-orange)}
    .bens-site .brand-mark use{display:none}
    .bens-site .wordmark{letter-spacing:-.055em;font-size:2.2rem}
    .bens-site h1,.bens-site h2,.bens-site h3{letter-spacing:-.045em}
    .bens-site h2{font-size:clamp(2.2rem,4.1vw,4rem);line-height:1.12}
    .bens-site .hero{padding-block:64px 36px}
    .bens-site .hero-grid{grid-template-columns:1.18fr .82fr;gap:58px}
    .bens-site .hero h1{font-size:clamp(3.5rem,6vw,5.9rem);line-height:1.04;font-weight:700}
    .bens-site .hero h1 .hero-second{margin-left:0;color:var(--brand-blue)}
    .bens-site .hero h1 .hero-second::after,.bens-site .finder::before,.bens-site .proof::before{display:none}
    .bens-site .hero-art{transform:none;aspect-ratio:1/1.03;margin:0;border-radius:2px;overflow:hidden}
    .bens-site .hero-copy h1,.bens-site .hero-art *{animation:none}
    .bens-site .finder{background:var(--soft);color:var(--ink);border-block:1px solid var(--line)}
    .bens-site .choice span{border-color:var(--line);border-radius:3px}
    .bens-site .choice input:checked+span{background:var(--brand-blue);color:var(--paper);border-color:var(--brand-blue)}
    .bens-site .recommendation{border-color:var(--line)}
    .bens-site .recommendation .btn{background:var(--ink);color:var(--paper)}
    .bens-site .service-card,.bens-site .service-card:nth-child(n){background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:3px}
    .bens-site .service-visual{background:#edf1f6;height:180px}
    .bens-site .service-visual>svg{padding:35px}
    .bens-site .service-copy h3{font-size:1.8rem}
    .bens-site .service-copy li{border-color:var(--line)}
    .bens-site .bento>article,.bens-site .form-shell{border-radius:3px}
    .bens-site .bento .experience{background:#eef3f9}
    .bens-site .region,.bens-site .region>.wrap,.bens-site .area-tags li:first-child{transform:none}
    .bens-site .area-tags li{border-radius:3px;font-family:var(--body);font-size:1.1rem}
    .bens-site .area-tags li:first-child{font-size:1.1rem}
    .bens-site .jobs{background:var(--soft);color:var(--ink);border-top:3px solid var(--brand-orange)}
    .bens-site .job-facts span{border-color:var(--line);border-radius:3px}
    .bens-site .footer-type{font-size:clamp(5rem,15vw,14rem);color:#fff;letter-spacing:-.055em;justify-content:flex-start}
    .bens-site .footer-type svg{display:none}
    .bens-site .mobile-call{background:#254b8d;color:#fff}
    .bens-site .btn:hover{transform:translateY(-1px)}
    @media(max-width:900px){.bens-site .hero-grid{gap:25px}.bens-site .hero h1{font-size:clamp(3rem,6.1vw,4.8rem)}}
    @media(max-width:600px){.bens-site .hero-grid{grid-template-columns:1fr;gap:32px}.bens-site .hero{padding-top:34px}.bens-site .hero h1{font-size:clamp(2.9rem,11.6vw,4.2rem)}.bens-site .hero-art{max-height:290px;aspect-ratio:1.2}.bens-site .hero-art>svg{object-fit:cover}.bens-site .hero-baseline{margin-top:30px}.bens-site h2,.bens-site .proof h2,.bens-site .region h2,.bens-site .jobs h2,.bens-site .faq-intro h2,.bens-site .quote-intro h2,.bens-site .footer-call h2{font-size:2.35rem}.bens-site .footer-type{font-size:23vw}}

    /* Origineel BENS-logo en echte fotografie, ingebed in dit bestand. */
    .bens-site .brand img{width:176px;height:auto;background:#fff;padding:4px}
    .bens-site .hero-art{aspect-ratio: .92;max-height:550px}
    .bens-site .hero-art>img{object-position:61% center}
    .bens-site .photo-caption{position:absolute;bottom:0;left:0;right:0;padding:22px 25px;background:#193b56;color:#fff;font-size:.95rem;line-height:1.45;border-left:3px solid #e66f25}
    .bens-site .service-visual{height:220px}
    .bens-site .footer-type{font:500 1.2rem/1.5 var(--body);letter-spacing:0;gap:36px;padding-block:22px 36px}
    .bens-site .footer-type img{width:201px;height:auto;background:#fff;padding:10px}
    .bens-site .footer-type small{font-size:.85rem;color:#c8d5e5}
    @media(max-width:600px){.bens-site .brand img{width:142px}.bens-site .hero-art{aspect-ratio:1.05;max-height:350px}.bens-site .photo-caption{padding:14px 18px;font-size:.84rem}.bens-site .footer-type{flex-wrap:wrap;gap:20px;font-size:1rem}.bens-site .footer-type img{width:176px}}

    /* 12. BEWEGING & COMPOSITIE — één veeg als merkmotief.
       Duur, vertraging en verminderde beweging worden in BENS_MOTION geregeld.
       Inhoud is zonder JavaScript altijd zichtbaar. Geen scroll-overname. */
    .bens-site{--motion-ease:cubic-bezier(.16,1,.3,1)}
    .bens-site h1,.bens-site h2,.bens-site h3{letter-spacing:-.035em}
    .bens-site .nav{height:82px}
    .bens-site .hero{padding-top:50px;padding-bottom:28px}
    .bens-site .hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:36px 60px;align-items:end}
    .bens-site .hero h1{font-size:clamp(3.5rem,5.65vw,5.8rem);line-height:1.07;letter-spacing:-.04em;grid-column:1/-1;max-width:none}
    .bens-site .hero h1 .title-mask{overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
    .bens-site .hero h1 .title-line{display:block;transform-origin:left bottom}
    .bens-site .hero h1 .hero-second{color:var(--brand-blue)}
    .bens-site .hero-copy{grid-column:2;grid-row:2;z-index:2;padding:38px;background:var(--paper);align-self:end;margin:0 30px -1px -60px}
    .bens-site .hero-copy>p{margin:0 0 22px;max-width:36ch;font-size:1rem}
    .bens-site .hero-art{grid-column:1/-1;grid-row:2;width:100%;max-width:none;max-height:none;height:390px;aspect-ratio:auto;border-radius:0;overflow:hidden}
    .bens-site .hero-art>img{object-position:50% 18%;width:100%;height:100%;transform-origin:40% 25%}
    .bens-site .photo-caption{left:28px;bottom:28px;right:auto;background:#193b56;color:#fff;padding:16px 22px;border:0;font-size:.85rem}
    .bens-site .hero-baseline{margin-top:24px;padding-top:18px}
    .bens-site .hero-baseline p:last-child{display:none}
    .bens-site .hero-actions{gap:8px 18px}
    .bens-site .hero-actions .btn{width:100%;justify-content:space-between}
    .bens-site .hero-phone{padding-bottom:0}
    .bens-site .finder{margin-top:25px;padding-block:55px;background:var(--paper);border:0;border-bottom:1px solid var(--line)}
    .bens-site .finder-top{gap:30px;margin-bottom:28px}
    .bens-site .finder h2{font-size:2.4rem}
    .bens-site .choice-group{gap:8px}
    .bens-site .choice span{position:relative;min-height:54px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding-inline:26px;transition:background .25s,color .25s}
    .bens-site .choice span::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--brand-blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--motion-ease)}
    .bens-site .choice input:checked+span::after{transform:scaleX(1)}
    .bens-site .choice input:checked+span{background:var(--soft);color:var(--ink)}
    .bens-site .recommendation{border:0;padding-top:15px}
    .bens-site .services{padding-block:90px;background:var(--soft)}
    .bens-site .service-rail{gap:26px;scrollbar-width:none;padding-bottom:0}
    .bens-site .service-rail::-webkit-scrollbar{display:none}
    .bens-site .service-card,.bens-site .service-card:nth-child(n){flex:0 0 min(900px,82vw);display:grid;grid-template-columns:.88fr 1.12fr;min-height:450px;border:0;border-radius:0;background:var(--paper)}
    .bens-site .service-visual{height:100%;min-height:450px;border:0;overflow:hidden}
    .bens-site .service-visual img{object-position:center}
    .bens-site .service-copy{padding:40px;align-self:stretch}
    .bens-site .service-copy h3{font-size:2.1rem;margin-bottom:23px}
    .bens-site .service-copy p{font-size:.98rem}
    .bens-site .service-copy ul{font-size:.85rem;margin-bottom:26px}
    .bens-site .service-copy li{padding-block:9px}
    .bens-site .rail-position{font-size:.85rem;letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-right:18px;min-width:65px}
    .bens-site .rail-progress{height:2px;background:var(--line);margin-top:36px;overflow:hidden}
    .bens-site .rail-progress span{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(.2);transform-origin:left;transition:transform .5s var(--motion-ease)}
    .bens-site .round-btn{border-radius:0;border-color:var(--line);transition:background .2s,color .2s}
    .bens-site .round-btn:not(:disabled):hover{background:var(--ink);color:var(--paper)}
    .bens-site .proof{padding-block:95px}
    .bens-site .bento{column-gap:40px;row-gap:30px}
    .bens-site .bento>article{border:0;border-top:1px solid #536985;border-radius:0;padding:25px 0;min-height:0}
    .bens-site .bento .experience{background:transparent;color:#fff;min-height:390px;padding-right:30px;border-top:1px solid #536985}
    .bens-site .experience .year-count{font-size:clamp(6rem,10vw,9rem);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.04em}
    .bens-site .experience p{color:#d1dce9}
    .bens-site .bento .eco{background:transparent}
    .bens-site .experience .experience-footer{border-color:#536985}
    .bens-site .process-number{display:block;overflow:hidden;min-width:2ch;font-size:8rem;font-variant-numeric:tabular-nums;color:var(--brand-blue);letter-spacing:-.04em}
    .bens-site .process-list li{transition:border-color .3s;position:relative}
    .bens-site .process-list li::after{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--brand-blue);transform:scaleX(0);transform-origin:left;transition:transform .65s var(--motion-ease)}
    .bens-site .process-list li.is-active::after{transform:scaleX(1)}
    .bens-site .process-list h3{transition:color .3s}
    .bens-site .process-list .is-active h3{color:var(--brand-blue)}
    .bens-site .process-meter span{transition:transform .6s var(--motion-ease);width:100%;transform:scaleX(.25);transform-origin:left}
    .bens-site .region{background:var(--paper);border-block:1px solid var(--line)}
    .bens-site .area-tags li{border:0;border-radius:0;background:var(--soft);padding:16px 20px}
    .bens-site .jobs{background:var(--dark);color:var(--on-dark);border:0;padding-block:85px}
    .bens-site .jobs .btn{background:#fff;color:var(--dark)}
    .bens-site .job-facts span{border-color:#536985}
    .bens-site .form-shell{border:0;background:var(--soft);padding:42px}
    .bens-site .btn{border-radius:0;position:relative;overflow:hidden;isolation:isolate;transition:color .25s,background .25s}
    .bens-site .btn::before{content:'';position:absolute;inset:0;background:currentColor;opacity:.12;z-index:-1;transform:translateX(-105%);transition:transform .55s var(--motion-ease)}
    .bens-site .btn:hover{transform:none}.bens-site .btn:hover::before{transform:translateX(0)}
    .bens-site .btn .icon{transition:transform .45s var(--motion-ease)}
    .bens-site .btn:hover .icon{transform:translate(3px,-2px)}
    .bens-site .main-nav a{position:relative}
    .bens-site .main-nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--motion-ease)}
    .bens-site .main-nav a:hover{text-decoration:none}.bens-site .main-nav a:hover::after{transform:scaleX(1)}
    .bens-site .reveal.in-view,.bens-site .reveal.reveal-side.in-view{animation:none}
    .bens-site .faq details{overflow:clip}
    .bens-site .header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--brand-blue);transform:scaleX(0);transform-origin:left}
    @supports(animation-timeline:scroll()){
      @media(prefers-reduced-motion:no-preference){
        .bens-site:not(.motion-paused) .header::after{animation:page-progress linear;animation-timeline:scroll(root)}
      }
    }
    @keyframes page-progress{to{transform:scaleX(1)}}
    @media(max-width:1000px){
      .bens-site .hero-grid{gap:28px;grid-template-columns:1fr 1fr}
      .bens-site .hero h1{font-size:clamp(3rem,7vw,4.8rem)}
      .bens-site .hero-copy{padding:26px;margin-right:20px;margin-left:-25px}
      .bens-site .hero-art{height:410px}
      .bens-site .service-card,.bens-site .service-card:nth-child(n){grid-template-columns:.8fr 1.2fr;flex-basis:89vw}
      .bens-site .service-copy{padding:30px}.bens-site .service-copy h3{font-size:1.8rem}
    }
    @media(max-width:600px){
      .bens-site .nav{height:76px}.bens-site .hero{padding-top:32px}
      .bens-site .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px}
      .bens-site .hero h1{font-size:clamp(2.4rem,9.1vw,3.5rem);line-height:1.12;order:0}
      .bens-site .hero-art{height:290px;aspect-ratio:auto;order:1}
      .bens-site .hero-art>img{object-position:60% 25%}
      .bens-site .photo-caption{left:0;bottom:0;font-size:.78rem;padding:10px 14px}
      .bens-site .hero-copy{padding:0;margin:0;order:2;background:transparent}
      .bens-site .hero-copy>p{font-size:.98rem;margin-bottom:20px}
      .bens-site .hero-baseline{margin-top:28px;font-size:.76rem}
      .bens-site .finder{margin-top:0;padding-block:40px}
      .bens-site .finder h2{font-size:2rem}
      .bens-site .choice span{padding-inline:14px;min-height:48px}
      .bens-site .recommendation{min-height:0;gap:16px;margin-top:20px}
      .bens-site .services{padding-block:55px}
      .bens-site .section-title h2{font-size:2.15rem}
      .bens-site .rail-controls{flex-wrap:wrap;max-width:90px}
      .bens-site .rail-position{width:100%;text-align:center;margin:0 0 6px;font-size:.72rem}
      .bens-site .service-card,.bens-site .service-card:nth-child(n){display:flex;flex-direction:column;flex-basis:calc(100vw - 48px);min-height:0}
      .bens-site .service-visual{height:225px;min-height:225px}
      .bens-site .service-copy{padding:25px;flex:1}
      .bens-site .service-copy h3{font-size:1.75rem}
      .bens-site .service-copy p{font-size:.94rem}
      .bens-site .proof{padding-block:55px}.bens-site .bento{gap:14px}
      .bens-site .bento .experience{min-height:0;display:flex;padding:20px 0;gap:20px}
      .bens-site .experience .year-count{font-size:6rem}.bens-site .experience .experience-footer{margin:0;padding:0;border:0}
      .bens-site .bento>article:not(.experience){padding:24px 0}
      .bens-site .jobs{padding-block:55px}.bens-site .form-shell{padding:28px 20px}
    }
    /* Zowel systeemvoorkeur als de zichtbare pauzeknop hebben voorrang. */
    .bens-site.motion-paused *{scroll-behavior:auto!important;transition:none!important}
    @media(prefers-reduced-motion:reduce){.bens-site .header::after{animation:none}.bens-site .title-line,.bens-site .hero-art,.bens-site .service-visual img{transform:none!important;clip-path:none!important}}

    /* De tekst ligt in het rustige deel van de foto; het gezicht blijft vrij. */
    @media(min-width:601px){
      .bens-site .hero-copy{grid-column:1;max-width:470px;margin-left:30px;margin-right:0}
      .bens-site .photo-caption{left:auto;right:28px}
      .bens-site .hero-art>img{object-position:50% 13%}
    }
    @media(min-width:601px) and (max-width:900px){
      .bens-site .hero-copy{grid-column:1/-1;grid-row:3;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:35px}
      .bens-site .hero-art{height:340px}.bens-site .hero-copy>p{margin:0}.bens-site .hero h1{font-size:clamp(3rem,6.7vw,4rem)}
    }

    /* 13. RUIMTELIJK BENS — echte fotografie achter gelaagd glas.
       Het perspectief is native CSS 3D. --scene-time synchroniseert wisser en ruit. */
    .bens-site .spatial-hero{background:#102a48;color:#fff;overflow:hidden;padding:0;isolation:isolate}
    .bens-site .spatial-wrap{position:relative;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:0;min-height:720px;padding-top:55px}
    .bens-site .spatial-copy{position:relative;z-index:2;padding-block:15px 50px}
    .bens-site .spatial-hero h1{font-size:clamp(3.7rem,6.7vw,6rem);line-height:1.035;font-weight:600;letter-spacing:-.04em}
    .bens-site .spatial-hero h1 .hero-second{color:#b5d4fb}
    .bens-site .spatial-copy>p{font-size:1.07rem;line-height:1.65;color:#c9d9eb;margin-block:30px 26px;max-width:36ch}
    .bens-site .spatial-hero .hero-actions{gap:10px;align-items:flex-start;flex-direction:column}
    .bens-site .spatial-hero .hero-actions .btn{width:auto;background:#fff;color:#193b56;padding:16px 22px;gap:28px}
    .bens-site .spatial-hero .hero-phone{color:#dae8f8;font-size:.9rem;padding-top:13px}
    .bens-site .spatial-hero .hero-baseline{grid-column:1/-1;width:100%;margin:0;border-top:1px solid #4b6482;padding:22px 0;align-self:end;color:#bbcee5;font-size:.78rem}
    .bens-site .hero-baseline a{display:inline-flex;align-items:center;gap:20px;color:#fff}
    .bens-site .glass-stage{--scene-time:9s;--look-x:0deg;--look-y:0deg;position:relative;width:118%;margin-left:-7%;height:570px;perspective:1300px;z-index:1;align-self:center}
    .bens-site .glass-world{position:absolute;inset:0;transform-style:preserve-3d}
    .bens-site .window-object{position:absolute;left:17%;top:11%;width:66%;height:69%;transform-style:preserve-3d;transform:rotateX(calc(7deg + var(--look-y))) rotateY(calc(-24deg + var(--look-x))) rotateZ(4deg);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
    .bens-site .window-photo{position:absolute;inset:0;background:#8ba7c2;overflow:hidden;transform:translateZ(-12px);border-radius:10px}
    .bens-site .window-photo img{width:100%;height:100%;object-fit:cover;object-position:62% center;filter:saturate(.75)}
    .bens-site .window-depth{position:absolute;inset:-7px;transform:translateZ(-17px);background:#7699b7;border-radius:14px;box-shadow:24px 48px 55px -22px #020f2366}
    .bens-site .window-haze{position:absolute;inset:0;transform:translateZ(1px);background:linear-gradient(125deg,#afc7dfed,#7596b4e6 40%,#d7e5f2e8);border-radius:10px;animation:clear-glass var(--scene-time) cubic-bezier(.65,0,.35,1) infinite;pointer-events:none}
    .bens-site .window-reflection{position:absolute;inset:0;transform:translateZ(3px);border-radius:10px;background:linear-gradient(115deg,#fff0 10%,#ffffff50 11%,#ffffff0a 29%,#fff0 30%,#ffffff30 70%,#fff0 71%);opacity:.55;pointer-events:none}
    .bens-site .window-frame{position:absolute;inset:-5px;transform:translateZ(5px);border:1px solid #d8ebffa8;border-radius:13px;box-shadow:inset 1px 1px 0 #fff9,inset -3px -2px 0 #8ba6caaa;pointer-events:none}
    .bens-site .window-brand{position:absolute;left:20px;bottom:20px;transform:translateZ(7px);background:#fff;padding:14px 18px;color:#254b8d;font:800 1.8rem/1 var(--display);letter-spacing:-.04em;box-shadow:0 5px 18px #142c4314}
    .bens-site .window-brand span{display:block;font:500 .52rem/1.5 var(--body);letter-spacing:0;margin-top:5px}
    .bens-site .squeegee-track{position:absolute;inset:0;transform:translateZ(20px);pointer-events:none}
    .bens-site .squeegee{position:absolute;left:-4%;top:0;width:108%;height:100%;animation:wipe-glass var(--scene-time) cubic-bezier(.65,0,.35,1) infinite;transform-style:preserve-3d}
    .bens-site .blade-rubber{position:absolute;left:0;top:-2px;width:100%;height:9px;background:#0a1522;border-radius:3px;box-shadow:0 4px 5px #0815263d;transform:translateZ(0)}
    .bens-site .blade-metal{position:absolute;left:1%;top:-11px;width:98%;height:13px;background:linear-gradient(#f4f7fa,#c3ced9 38%,#788ea3 43%,#d6e2ee 80%,#68809a);border-radius:4px;transform:translateZ(4px)}
    .bens-site .blade-joint{position:absolute;left:45%;top:-9px;width:10%;height:30px;background:linear-gradient(90deg,#8198ad,#e9f1f7 45%,#7f96ab);border-radius:3px 3px 12px 12px;transform:translateZ(7px)}
    .bens-site .blade-handle{position:absolute;left:47%;top:14px;width:6%;height:94px;background:linear-gradient(90deg,#0b1e36,#3d608a 48%,#173651);border:1px solid #7395bc;border-radius:5px 5px 12px 12px;transform-origin:top;transform:translateZ(14px) rotateX(-24deg);box-shadow:9px 18px 15px #02112444}
    .bens-site .rear-photo{position:absolute;right:0;top:30%;width:38%;height:56%;transform:translateZ(-100px) rotateY(-25deg) rotateZ(10deg);border:5px solid #dce8f8;border-radius:7px;overflow:hidden;box-shadow:20px 30px 40px #020f2340}
    .bens-site .rear-photo img{width:100%;height:100%;object-fit:cover;object-position:64% center}
    .bens-site .rear-photo span{position:absolute;bottom:0;left:0;right:0;padding:13px;background:#fff;color:#193b56;font-size:.65rem}
    .bens-site .glass-edge{position:absolute;left:4%;top:21%;width:5px;height:64%;background:linear-gradient(#ebf7ff08,#a0c5ed88,#fff0);transform:rotateZ(4deg) rotateY(-24deg) translateZ(-90px)}
    .bens-site .stage-floor{position:absolute;left:18%;right:3%;bottom:10%;height:8%;background:#000b1b;filter:blur(28px);opacity:.34;border-radius:50%;transform:rotate(-8deg)}
    .bens-site .scene-toggle{position:absolute;bottom:8px;right:4%;display:flex;align-items:center;gap:9px;min-height:44px;background:transparent;border:0;color:#c2d5eb;font:400 .73rem var(--body);cursor:pointer;padding:8px}
    .bens-site .scene-toggle .icon{width:16px;height:16px}
    .bens-site .glass-stage.scene-paused *{animation-play-state:paused!important}
    @keyframes wipe-glass{0%,12%{transform:translateY(0);opacity:1}52%,62%{transform:translateY(100%);opacity:1}69%{transform:translateY(105%);opacity:0}70%,90%{transform:translateY(-12%);opacity:0}100%{transform:translateY(0);opacity:1}}
    @keyframes clear-glass{0%,12%{clip-path:inset(0 0 0 0);opacity:1}52%,76%{clip-path:inset(100% 0 0 0);opacity:1}77%{clip-path:inset(0 0 0 0);opacity:0}95%,100%{clip-path:inset(0 0 0 0);opacity:1}}
    .bens-site .finder{margin:0;background:var(--surface);padding-block:65px}
    .bens-site .finder>.wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:0 60px}
    .bens-site .finder-top{grid-row:span 2;display:block;margin:0}
    .bens-site .finder h2{font-size:clamp(2.4rem,4vw,3.8rem);max-width:7ch;margin-bottom:20px}
    .bens-site .finder-top p{max-width:22ch;color:var(--muted)}
    .bens-site .recommendation{grid-column:2;display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px;padding:0;min-height:0}
    .bens-site .recommendation .btn{grid-column:auto;justify-self:start}
    .bens-site .choice span{padding-inline:16px;font-size:.88rem}
    .bens-site .services{padding-top:95px;padding-bottom:85px}
    .bens-site .service-card,.bens-site .service-card:nth-child(n){grid-template-columns:1.1fr 1fr;flex-basis:min(1010px,86vw);min-height:520px;border-radius:12px}
    .bens-site .service-visual{min-height:520px;position:relative}
    .bens-site .service-copy{padding:48px 42px}
    .bens-site .service-rail{padding-right:max(48px,calc(100vw - min(1010px,86vw) - 48px));gap:34px}
    .bens-site .service-card{opacity:.68;transition:opacity .5s var(--motion-ease)}
    .bens-site .service-card.is-selected,.bens-site .service-card:focus-within{opacity:1}
    .bens-site .process{gap:8vw;padding-block:115px}
    .bens-site .process-intro h2{font-size:clamp(2.5rem,4vw,3.8rem)}
    .bens-site .process-list li{min-height:360px;padding:55px 0 65px}
    .bens-site .process-list h3{font-size:2.4rem;max-width:17ch}
    .bens-site .process-list p{font-size:1.05rem;line-height:1.8}
    .bens-site .process-dial{flex-wrap:wrap;gap:12px;margin-top:32px}
    .bens-site .process-number{font-size:6.5rem;line-height:1}
    .bens-site .process-total{font:500 1rem var(--body);color:var(--muted);align-self:flex-end;padding-bottom:14px}
    .bens-site .process-meter{flex-basis:100%;height:2px;max-width:200px}
    .bens-site .step-nav{display:flex;flex-direction:column;gap:1px;margin-top:25px;max-width:290px}
    .bens-site .step-nav a{display:flex;align-items:center;gap:16px;padding:10px 0;color:var(--muted);font-size:.85rem;transition:color .3s}
    .bens-site .step-nav a span{font-variant-numeric:tabular-nums;font-size:.72rem}
    .bens-site .step-nav a[aria-current]{color:var(--brand-blue);font-weight:700}
    .bens-site .step-nav a::after{content:'';height:1px;flex:1;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--motion-ease)}
    .bens-site .step-nav a[aria-current]::after{transform:scaleX(1)}
    @media(max-width:1000px){
      .bens-site .spatial-wrap{min-height:650px;grid-template-columns:1fr 1fr;padding-top:38px}
      .bens-site .spatial-hero h1{font-size:clamp(3.3rem,7vw,5rem)}
      .bens-site .glass-stage{height:490px;width:122%;margin-left:-15%}
      .bens-site .finder>.wrap{gap:0 35px}.bens-site .service-copy{padding:32px}
      .bens-site .process{gap:40px}.bens-site .process-list h3{font-size:2rem}
    }
    @media(max-width:700px){
      .bens-site .spatial-wrap{display:flex;flex-direction:column;min-height:0;padding-top:38px;align-items:stretch}
      .bens-site .spatial-copy{padding:0;z-index:2}
      .bens-site .spatial-hero h1{font-size:clamp(3.1rem,11vw,4.6rem);line-height:1.04}
      .bens-site .spatial-hero h1 .title-mask:nth-child(2){display:inline-block}
      .bens-site .spatial-copy>p{font-size:1rem;margin:24px 0}
      .bens-site .spatial-hero .hero-actions{gap:6px}
      .bens-site .spatial-hero .hero-actions .btn{width:100%;justify-content:space-between}
      .bens-site .glass-stage{height:370px;width:110%;margin:0 -5%;perspective:950px}
      .bens-site .window-object{left:13%;width:69%;height:66%;top:12%}
      .bens-site .rear-photo{height:52%;right:1%;top:31%}.bens-site .rear-photo span{font-size:.5rem;padding:8px}
      .bens-site .window-brand{left:10px;bottom:10px;padding:9px 11px;font-size:1.2rem}.bens-site .window-brand span{font-size:.4rem}
      .bens-site .blade-handle{height:65px}.bens-site .scene-toggle{right:3%;bottom:0;font-size:.68rem}
      .bens-site .spatial-hero .hero-baseline{margin-top:10px;gap:12px;align-items:flex-start;flex-direction:column;font-size:.75rem}
      .bens-site .finder>.wrap{display:block}.bens-site .finder-top{margin-bottom:24px}.bens-site .finder h2{font-size:2.4rem;max-width:none;margin-bottom:14px}
      .bens-site .finder-top p{max-width:none}.bens-site .finder{padding-block:44px}.bens-site .choice span{font-size:.8rem;padding-inline:13px}
      .bens-site .service-rail{gap:18px;padding-right:28px}
      .bens-site .service-card,.bens-site .service-card:nth-child(n){display:flex;flex-basis:calc(100vw - 48px);min-height:0;border-radius:9px}
      .bens-site .service-visual{height:245px;min-height:245px}.bens-site .service-copy{padding:28px 25px}
      .bens-site .process{display:flex;flex-direction:column;padding-block:60px;gap:25px}.bens-site .process-intro{position:static}
      .bens-site .process-dial,.bens-site .step-nav{display:none}.bens-site .process-list li{min-height:0;padding:30px 0 45px}
      .bens-site .process-list h3{font-size:1.9rem}.bens-site .process-list p{font-size:1rem}
    }
    @media(prefers-reduced-motion:reduce){
      .bens-site .glass-stage *{animation:none!important;transition:none!important}
      .bens-site .window-haze{display:none}.bens-site .squeegee{transform:translateY(100%)}
      .bens-site .scene-toggle{display:none}
    }

    /* Het originele logo blijft ook in de 3D-scène intact. */
    .bens-site .window-brand{padding:9px 11px}
    .bens-site .window-brand img{display:block;width:112px;height:auto}
    .bens-site .service-card{opacity:1}
    .bens-site .service-visual img{opacity:.84;transition:opacity .5s var(--motion-ease)}
    .bens-site .service-card.is-selected .service-visual img,.bens-site .service-card:focus-within .service-visual img{opacity:1}
    @media(max-width:700px){.bens-site .window-brand{padding:7px}.bens-site .window-brand img{width:75px}.bens-site .scene-toggle{font-size:.76rem}}
    @media(min-width:701px) and (max-height:740px){.bens-site .process-intro{position:static}}

    /* 14. GLASCHOREOGRAFIE — water, wisser, licht en camera delen 12 seconden.
       0–12%: condens; 12–56%: schoonvegen; 56–78%: helder glas; daarna zachte reset.
       Geen extra afbeeldingen, video-downloads of permanente JavaScript-renderlus. */
    .bens-site .glass-stage{--scene-time:12s}
    .bens-site .window-object{animation:glass-orbit var(--scene-time) cubic-bezier(.45,0,.2,1) infinite}
    .bens-site .rear-photo{animation:care-depth var(--scene-time) cubic-bezier(.45,0,.2,1) infinite}
    .bens-site .window-droplets{position:absolute;inset:0;transform:translateZ(4px);pointer-events:none;animation:clear-glass var(--scene-time) cubic-bezier(.65,0,.35,1) infinite;border-radius:10px;overflow:hidden}
    .bens-site .window-droplets i{position:absolute;left:var(--drop-x);top:var(--drop-y);width:var(--drop-size);height:calc(var(--drop-size)*1.3);border-radius:48% 52% 56% 44%;background:radial-gradient(ellipse at 29% 23%,#ffffffd9 0 10%,#b3d9ed26 26% 52%,#7da1bd91 70%,#e7f6ffb3 100%);box-shadow:inset -.6px -1px 1px #ffffff91,1px 2px 2px #15364c40;animation:water-settle var(--scene-time) cubic-bezier(.3,.1,.2,1) infinite}
    .bens-site .window-droplets i:nth-child(4n){height:calc(var(--drop-size)*1.8);border-radius:50% 50% 45% 45%}
    .bens-site .window-glint{position:absolute;inset:0;transform:translateZ(6px);overflow:hidden;border-radius:10px;pointer-events:none}
    .bens-site .window-glint::after{content:'';position:absolute;inset:-50% -30%;background:linear-gradient(110deg,transparent 35%,#fff0 43%,#ffffff57 48%,#fff0 54%,transparent 65%);animation:glass-polish var(--scene-time) cubic-bezier(.2,.65,.3,1) infinite;opacity:0}
    .bens-site .window-reflection{animation:glass-reflection var(--scene-time) cubic-bezier(.45,0,.2,1) infinite}
    .bens-site .water-edge{position:absolute;left:1%;top:7px;width:98%;height:3px;border-radius:50%;background:linear-gradient(90deg,#b1d8ed00,#e5f8ffc9 18%,#85b9dbe0 56%,#e3f5ffb3 84%,#b1d8ed00);box-shadow:0 2px 4px #15354d3d;transform:translateZ(2px)}
    .bens-site .squeegee{transform-origin:50% 0}
    .bens-site .stage-floor{animation:glass-shadow var(--scene-time) cubic-bezier(.45,0,.2,1) infinite}
    .bens-site .scene-controls{position:absolute;bottom:8px;right:4%;display:flex;gap:8px;align-items:center}
    .bens-site .scene-controls .scene-toggle{position:static;border:1px solid #476382;border-radius:4px;padding:10px 13px;font-size:.72rem;min-height:44px;background:#102a4866;transition:background .25s,color .25s}
    .bens-site .scene-controls .scene-toggle:hover{background:#254769;color:#fff}
    @keyframes wipe-glass{
      0%,12%{transform:translateY(0) rotateZ(0);opacity:1}
      56%{transform:translateY(100%) rotateZ(0);opacity:1}
      65%{transform:translateY(108%) translateX(3%) rotateZ(-9deg);opacity:1}
      72%{transform:translateY(115%) translateX(8%) rotateZ(-15deg);opacity:0}
      73%,90%{transform:translateY(-12%) rotateZ(3deg);opacity:0}
      100%{transform:translateY(0) rotateZ(0);opacity:1}
    }
    @keyframes clear-glass{
      0%,12%{clip-path:inset(0 0 0 0);opacity:1}
      56%,78%{clip-path:inset(100% 0 0 0);opacity:1}
      79%{clip-path:inset(0 0 0 0);opacity:0}
      96%,100%{clip-path:inset(0 0 0 0);opacity:1}
    }
    @keyframes glass-orbit{
      0%,12%,100%{transform:rotateX(calc(7deg + var(--look-y))) rotateY(calc(-24deg + var(--look-x))) rotateZ(4deg)}
      56%{transform:rotateX(calc(3deg + var(--look-y))) rotateY(calc(-17deg + var(--look-x))) rotateZ(1deg)}
      72%{transform:rotateX(calc(1deg + var(--look-y))) rotateY(calc(-10deg + var(--look-x))) rotateZ(-1deg)}
    }
    @keyframes care-depth{
      0%,12%,100%{transform:translateZ(-100px) rotateY(-25deg) rotateZ(10deg)}
      56%,72%{transform:translate3d(9px,-12px,-75px) rotateY(-18deg) rotateZ(7deg)}
    }
    @keyframes glass-polish{
      0%,52%{transform:translateX(-85%);opacity:0}
      57%{opacity:.85}76%{transform:translateX(85%);opacity:.85}
      80%,100%{transform:translateX(85%);opacity:0}
    }
    @keyframes water-settle{0%,100%{transform:translateY(0)}12%,78%{transform:translateY(var(--drop-drift))}79%{transform:translateY(0)}}
    @keyframes glass-reflection{0%,100%{opacity:.55}56%{opacity:.25}72%{opacity:.6}}
    @keyframes glass-shadow{0%,100%{transform:rotate(-8deg) scaleX(1);opacity:.34}60%,74%{transform:rotate(-3deg) scaleX(.92);opacity:.26}}
    @media(max-width:700px){
      .bens-site .scene-controls{right:2%;bottom:-4px;gap:6px}
      .bens-site .scene-controls .scene-toggle{padding:8px 10px;font-size:.68rem}
      .bens-site .window-droplets i:nth-child(2n){display:none}
    }
    @media(prefers-reduced-motion:reduce){
      .bens-site .scene-controls,.bens-site .window-droplets,.bens-site .window-glint,.bens-site .water-edge{display:none}
      .bens-site .glass-stage *,.bens-site .glass-stage *::after{animation:none!important}
      .bens-site .window-haze{display:none}.bens-site .squeegee{transform:translateY(100%)}
    }
    .bens-site .glass-stage.scene-paused *::after,.bens-site.motion-paused *::after{animation-play-state:paused!important}

    /* 13. Eigen informatiepagina's. Eén bestand; iedere pagina heeft een deelbare URL. */
    .bens-site .info-page{padding-block:52px 112px;min-height:70vh}
    .bens-site .info-back{display:inline-flex;align-items:center;gap:12px;margin-bottom:48px;font-weight:600;font-size:.9rem}
    .bens-site .info-back .icon{transform:rotate(180deg)}
    .bens-site .info-heading{font-size:clamp(2.6rem,6.2vw,6rem);line-height:1.06;letter-spacing:-.04em;overflow-wrap:anywhere;max-width:16ch}
    .bens-site .info-lead{font-size:clamp(1.1rem,1.7vw,1.35rem);color:var(--muted);margin-top:26px;max-width:55ch}
    .bens-site .info-date{font-size:.85rem;color:var(--muted);margin-top:24px}
    .bens-site .legal-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2.2fr);gap:clamp(40px,8vw,130px);margin-top:64px;align-items:start}
    .bens-site .legal-index{position:sticky;top:128px;display:grid;gap:0;border-top:1px solid var(--line)}
    .bens-site .legal-index a{padding:13px 0;border-bottom:1px solid var(--line);font-size:.92rem;line-height:1.5}
    .bens-site .legal-index a:hover{color:var(--brand-blue);text-decoration:underline;text-underline-offset:5px}
    .bens-site .legal-copy section{padding-block:0 38px;margin-bottom:38px;border-bottom:1px solid var(--line);scroll-margin-top:130px}
    .bens-site .legal-copy h2{font-size:clamp(1.55rem,2.8vw,2.4rem);letter-spacing:-.03em;line-height:1.2;margin-bottom:20px}
    .bens-site .legal-copy p+p{margin-top:16px}
    .bens-site .legal-copy p,.bens-site .legal-copy li{max-width:70ch;color:var(--muted)}
    .bens-site .legal-copy a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
    .bens-site .legal-copy ul{padding-left:22px;margin:18px 0}.bens-site .legal-copy li+li{margin-top:10px}
    .bens-site .legal-copy address{font-style:normal;margin-block:20px;line-height:1.9}
    .bens-site .legal-return{margin-top:16px}
    .bens-site.view-document .footer-call,.bens-site.view-document .footer-type{display:none}
    .bens-site.view-document .footer{padding-top:48px}
    @media(max-width:850px){.bens-site .legal-layout{grid-template-columns:minmax(0,1fr);gap:38px;margin-top:40px}.bens-site .legal-index{position:static;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.bens-site .info-page{padding-block:32px 72px}.bens-site .info-back{margin-bottom:36px}.bens-site .legal-copy section{padding-bottom:28px;margin-bottom:28px}}
    @media print{.bens-site.view-document .header,.bens-site.view-document .footer,.bens-site.view-document .mobile-call,.bens-site.view-document .info-back,.bens-site.view-document .legal-index,.bens-site.view-document .legal-return{display:none}.bens-site.view-document .legal-layout{display:block}.bens-site.view-document .info-page{padding:0}.bens-site.view-document{background:white;color:black}.bens-site.view-document .legal-copy p,.bens-site.view-document .info-lead{color:black}}

    /* Thuiszorg voert het verhaal; schoonmaak blijft een eigen, herkenbaar aanbod. */
    .bens-site .care-first{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,130px)}
    .bens-site .care-intro h2{margin-bottom:30px}.bens-site .care-intro>p{max-width:48ch;margin-bottom:28px;color:var(--muted);font-size:1.1rem}
    .bens-site .care-options-intro{font-size:1.1rem;color:var(--muted);margin-bottom:30px}
    .bens-site .care-options details{padding-block:23px;border-top:1px solid var(--line)}
    .bens-site .care-options details:last-child{border-bottom:1px solid var(--line)}
    .bens-site .care-options summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-family:var(--display);font-size:1.25rem;font-weight:700;line-height:1.4}
    .bens-site .care-options summary::-webkit-details-marker{display:none}.bens-site .care-options details[open] summary .icon{transform:rotate(45deg)}
    .bens-site .care-options details p{margin-top:18px;color:var(--muted)}.bens-site .care-options .text-link{margin-top:16px}
    .bens-site .vacancy-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:60px;align-items:center;margin-bottom:64px}
    .bens-site .vacancy-intro .info-heading{font-size:clamp(2.7rem,5.6vw,5.5rem);max-width:16ch}
    .bens-site .vacancy-intro .photo-slot{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/5}.bens-site .vacancy-intro .vacancy-photo{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:4px}
    .bens-site .vacancy-facts{display:flex;flex-wrap:wrap;gap:10px;margin-block:26px 32px}
    .bens-site .vacancy-facts span{padding:8px 13px;background:var(--soft);font-weight:600;font-size:.9rem}
    .bens-site .vacancy-body{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.5fr);gap:clamp(40px,9vw,130px);align-items:start}
    .bens-site .vacancy-aside{position:sticky;top:130px}.bens-site .vacancy-aside h2{font-size:1.7rem;line-height:1.3;margin-bottom:20px}
    .bens-site .vacancy-aside p{color:var(--muted);margin-bottom:22px}.bens-site .vacancy-aside a{overflow-wrap:anywhere}
    .bens-site .task-list{list-style:none;padding:0!important;counter-reset:tasks}.bens-site .task-list li{counter-increment:tasks;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding-block:16px;border-top:1px solid var(--line)}
    .bens-site .task-list li::before{content:counter(tasks,decimal-leading-zero);font-variant-numeric:tabular-nums;color:var(--ink)}
    .bens-site .task-list strong{color:var(--ink);display:block;margin-bottom:4px}
    .bens-site .job-apply{background:var(--soft);padding:32px;border-radius:4px}.bens-site .job-apply .btn{margin-block:20px}.bens-site .job-apply .btn{color:var(--paper);text-decoration:none}
    @media(max-width:850px){.bens-site .care-first,.bens-site .vacancy-body,.bens-site .vacancy-intro{grid-template-columns:minmax(0,1fr);gap:36px}.bens-site .vacancy-aside{position:static}.bens-site .vacancy-intro .photo-slot{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/5}.bens-site .vacancy-intro .photo-slot{aspect-ratio:16/10;max-height:420px}.bens-site .vacancy-intro{margin-bottom:42px}.bens-site .job-apply{padding:24px}}
    /* Gedeeld CTA-systeem van de hoofdpagina, met dezelfde states en focus. */
    .bens-site .btn{min-height:58px;padding:8px 8px 8px 20px;gap:22px;border:1px solid transparent;border-radius:10px;background:#254b8d;color:#fff;box-shadow:0 15px 30px -23px #071d3db8,inset 0 1px 0 #ffffff42;font:700 .92rem/1.2 var(--body);letter-spacing:-.015em;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}
    .bens-site .btn::before{display:none}
    .bens-site .btn .icon{box-sizing:content-box;width:18px;height:18px;padding:10px;border-radius:7px;background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 24%,transparent);transition:transform .35s var(--ease),background .35s var(--ease)}
    .bens-site .btn:hover{transform:translateY(-2px);box-shadow:0 19px 35px -22px #071d3dc7,inset 0 1px 0 #ffffff42}
    .bens-site .btn:hover .icon{transform:translate(2px,-2px);background:color-mix(in srgb,currentColor 20%,transparent)}
    .bens-site .btn:active{transform:scale(.985);box-shadow:0 6px 16px -14px #071d3d}
    .bens-site .btn:focus-visible{outline:3px solid #e66f25;outline-offset:4px}
    .bens-site .btn-light{background:#e9eff7;color:#193b56}
    .bens-site .btn-outline{background:transparent;color:inherit;border-color:currentColor;box-shadow:none}
    .bens-site .job-apply .btn{color:#fff}
    .bens-site .round-btn,.bens-site .theme-toggle,.bens-site .menu-toggle{border-radius:9px;transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
    .bens-site .round-btn:hover,.bens-site .theme-toggle:hover,.bens-site .menu-toggle:hover{transform:translateY(-2px)}
    .bens-site .round-btn:active,.bens-site .theme-toggle:active,.bens-site .menu-toggle:active{transform:scale(.96)}
    @media(prefers-reduced-motion:reduce){.bens-site .btn,.bens-site .btn .icon,.bens-site .round-btn,.bens-site .theme-toggle,.bens-site .menu-toggle{transition:none!important}}
  
/* WordPress: preserve spacing when the administration toolbar is visible. */
body.admin-bar .header{top:32px} @media(max-width:782px){body.admin-bar .header{top:46px}} @media(max-width:600px){body.admin-bar .header{top:0}}