@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#132b39;--muted:#5c6870;--paper:#f5f3ee;--yellow:#eaca52;--line:#d6d9d6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b86b18;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-100px;background:var(--yellow);padding:12px;z-index:99}.skip:focus{top:0}.utility{background:var(--ink);color:#fff;font-size:10px;font-weight:600;letter-spacing:.12em}.utility .wrap{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility a{letter-spacing:0;text-decoration:none;font-size:11px}header{border-bottom:1px solid var(--line)}.nav{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-slot{width:208px;min-height:58px;border:1px dashed #929b9e;padding:8px 12px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;font-size:14px}.logo-slot small{font-size:9px;font-weight:400;color:var(--muted)}.nav nav{display:flex;gap:34px;font-size:14px;font-weight:600}.nav nav a{text-decoration:none}.nav nav a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:15px 23px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;text-decoration:none;border:1px solid var(--ink);cursor:pointer;transition:background .2s}.btn span{font-size:20px;line-height:1}.btn:hover{background:#284957}.btn.yellow{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.btn.yellow:hover{background:#f5d86c}.btn.compact{font-size:13px;padding:12px 18px;gap:20px}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;min-height:635px}.hero-copy{padding:75px 45px 38px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,small{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow{margin:0 0 22px;color:#82661c}h1,h2,.print-art>div{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:.99}h1{text-transform:uppercase;font-size:clamp(64px,6.9vw,101px);margin:0 0 25px}h1 em{font-style:normal;color:#8d9995}h2{font-size:clamp(45px,4.6vw,65px);margin:0;line-height:1.02}h3{line-height:1.25}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:420px;color:var(--muted);margin:0 0 30px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.text-link{font-size:13px;font-weight:700;text-decoration:none}.hero-foot{display:flex;gap:22px;flex-wrap:wrap;margin-top:auto;padding-top:40px;font-size:10px;color:var(--muted)}.hero-visual{background:#dce2df;position:relative;display:flex;flex-direction:column;padding:28px 32px}.visual-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;font-weight:700;z-index:1}.hero-product{flex:1;min-height:360px;display:flex;align-items:center;justify-content:center}.hero-product img{width:86%;height:440px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(10px 15px 10px #172a2c15)}.visual-caption{display:flex;justify-content:space-between;align-items:center;gap:20px}.visual-caption small{font-size:9px;display:block;margin-bottom:5px}.visual-caption strong{font-size:17px}.circle{border:1px solid #7e918e;width:45px;height:45px;display:grid;place-items:center;font-size:25px;text-decoration:none}.vertical{position:absolute;right:8px;top:40%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.brandline{background:#fff;border-block:1px solid var(--line)}.brandline .wrap{display:flex;gap:35px;align-items:center;justify-content:space-between;min-height:94px}.brandline span{font-size:9px;color:var(--muted);letter-spacing:.12em;max-width:95px}.brandline b{font-size:18px;color:#65716e}.section{padding:100px 0}.section-heading{display:flex;gap:60px;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.section-heading>p{max-width:370px;margin:0 0 5px;color:var(--muted);font-size:15px}.section-heading .eyebrow{margin-bottom:17px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category{position:relative;text-decoration:none;display:block;border:1px solid var(--line);background:#eeefea;transition:transform .2s}.category:hover{transform:translateY(-4px)}.category-no{position:absolute;top:16px;left:20px;font-size:11px}.category img{width:100%;height:270px;object-fit:contain;mix-blend-mode:multiply;padding:18px 42px}.category>div{padding:26px;background:var(--paper);border-top:1px solid var(--line)}.category small{color:#80651e}.category h3{font-size:23px;margin:10px 0}.category p{font-size:13px;color:var(--muted);min-height:42px;margin:0 0 23px}.category-link{display:flex;justify-content:space-between;font-size:12px;font-weight:700;border-top:1px solid var(--line);padding-top:15px}.category-link i{font-style:normal;font-size:20px;line-height:1}.catalog{background:#fff}.filters{display:grid;grid-template-columns:2fr 1.05fr 1.05fr auto;align-items:end;gap:16px;padding:25px 0;border-block:1px solid var(--line)}label{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}input,select{width:100%;min-width:0;min-height:49px;border:1px solid #cdd3d0;background:#fff;border-radius:0;padding:11px 14px;font-size:13px;color:var(--ink)}#reset{border:0;background:transparent;font-size:11px;text-decoration:underline;cursor:pointer;min-height:49px;padding:10px}.catalog-status{display:flex;justify-content:space-between;gap:15px;padding:19px 0;font-size:10px;color:var(--muted)}.catalog-status>span:last-child{font-size:9px;letter-spacing:.06em}.grid.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.card{border:1px solid #e2e5e1;display:flex;flex-direction:column;min-width:0}.card>img{width:100%;height:300px;object-fit:contain;background:#f1f3ef;padding:20px;mix-blend-mode:multiply}.card>div{padding:23px;display:flex;flex-direction:column;flex:1}.tag{font-size:9px;font-weight:700;letter-spacing:.12em;color:#79622b}.card h3{font-size:20px;letter-spacing:-.025em;margin:10px 0 12px}.card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 16px}.card details{margin:auto 0 22px;border-block:1px solid var(--line);font-size:11px}.card summary{padding:12px 0;cursor:pointer;min-height:44px}.card details .note{font-size:11px;margin:0 0 10px}.card strong{font-size:20px;letter-spacing:-.03em}.card .note{font-size:10px;margin:4px 0 18px}.card>div>a{font-size:12px;font-weight:700;min-height:45px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:10px 12px;text-decoration:none;margin-top:4px}.card>div>a:hover{background:#284957}.note{font-size:11px;color:var(--muted)}.catalog>.wrap>.note{margin-top:28px}.print-section{background:#e5e8e1;padding:80px 0}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.print-art{background:var(--ink);padding:35px;color:var(--paper);min-height:470px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-2deg)}.print-art>span{font-size:10px;letter-spacing:.15em}.print-art>div{font-size:clamp(80px,9vw,140px);line-height:.87}.print-art em{font-style:normal;color:var(--yellow)}.print-art>span:last-child{display:flex;justify-content:space-between;border-top:1px solid #70808a;padding-top:18px}.print-art i{font-style:normal;font-size:22px;line-height:1}.print-copy>p:not(.eyebrow):not(.note){font-size:15px;color:var(--muted);max-width:440px;margin:25px 0}.print-copy ul{padding:0;list-style:none;margin:25px 0;font-size:13px}.print-copy li{padding:9px 0;border-bottom:1px solid #c5ccc3}.print-copy li:before{content:'↗';margin-right:14px}.print-copy .btn{margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.steps article{border-top:1px solid var(--ink);padding-top:22px}.steps article>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:55px;color:#a5ada7;line-height:1}.steps h3{font-size:20px;margin:25px 0 15px}.steps p{font-size:14px;color:var(--muted);max-width:320px}.contact-section{background:var(--ink);color:var(--paper);padding:90px 0}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.contact-grid .eyebrow{color:var(--yellow)}.contact-grid h2{font-size:clamp(50px,4.7vw,70px)}.contact-grid>div>p:not(.eyebrow){font-size:15px;max-width:400px;color:#bdc9cc;margin:25px 0}.contact-mail{font-size:26px;font-weight:600;text-decoration:none;display:block;max-width:370px;padding:13px 0;border-bottom:1px solid #526874}.contact-mail span{float:right}.contact-phone{font-size:13px;text-decoration:none;display:inline-block;margin-top:15px;color:#bdc9cc}.request-box{padding:35px;border:1px solid #526874;background:#1b3544}.request-box>small{color:var(--yellow);font-size:9px}.request-box h3{font-size:29px;max-width:300px;letter-spacing:-.03em;margin:18px 0}.request-box ul{list-style:none;padding:0;font-size:13px;margin:0 0 30px}.request-box li{padding:8px 0;border-bottom:1px solid #3c5360}.request-box li:before{content:'+';margin-right:12px;color:var(--yellow)}.request-box .btn{width:100%}.request-box>.note{font-size:10px!important;line-height:1.8;margin:20px 0 0!important}.privacy-section{background:#fff}.privacy-section details{padding:23px 0}.privacy-section summary{cursor:pointer;font-size:12px;font-weight:600;display:flex;justify-content:space-between;min-height:30px;align-items:center;list-style:none}.privacy-section summary::-webkit-details-marker{display:none}.privacy-section summary>span{font-size:22px}.privacy-section details[open] summary>span{transform:rotate(45deg)}.privacy-section details>div{max-width:900px;color:var(--muted);font-size:13px;padding-top:10px}footer{background:#ebece6;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid strong{font-size:28px}.footer-grid p{font-size:12px;color:var(--muted)}.footer-grid a{text-decoration:none}.footer-bottom{margin-top:40px;padding:22px 0;border-top:1px solid #cdd2c9;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.nav{gap:20px}.nav nav{gap:20px}.hero-copy{padding:55px 25px 30px 0}h1{font-size:74px}.hero-visual{padding:25px 20px}.hero-product img{height:390px}.hero-foot{gap:12px}.brandline .wrap{gap:20px}.brandline b{font-size:14px}.print-grid,.contact-grid{gap:45px}.card>img{height:230px}.card>div{padding:18px}.filters{grid-template-columns:1.5fr 1fr 1fr}#reset{grid-column:3;justify-self:end;min-height:30px;padding:0}.section-heading{gap:40px}.categories{gap:15px}.category img{padding:20px;height:230px}.category>div{padding:20px}.category h3{font-size:21px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.utility .wrap{justify-content:center;min-height:29px}.utility a{display:none}.utility{font-size:8px}.nav{min-height:85px;gap:15px}.nav nav{display:none}.logo-slot{width:165px;font-size:12px;min-height:48px;padding:7px}.logo-slot small{font-size:8px;letter-spacing:0;text-transform:none}.btn.compact{font-size:11px;min-height:44px;gap:12px;padding:10px 12px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:45px 0 35px}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(66px,13.8vw,100px)}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:470px;margin-bottom:25px}.actions{gap:20px}.actions .btn{font-size:12px;padding:13px 17px;gap:20px}.text-link{font-size:12px}.hero-foot{font-size:9px;padding-top:30px;gap:8px 18px}.hero-visual{min-height:420px;margin:0 -20px;padding:24px}.hero-product{min-height:280px}.hero-product img{height:310px;width:70%}.visual-caption strong{font-size:16px}.brandline .wrap{padding:25px 0;flex-wrap:wrap;justify-content:center;gap:15px 25px}.brandline span{flex-basis:100%;max-width:none;text-align:center;font-size:8px}.brandline b{font-size:13px}.section{padding:60px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;font-size:14px;max-width:500px}h2{font-size:49px}.categories{grid-template-columns:1fr;gap:18px}.category{display:grid;grid-template-columns:.85fr 1.1fr}.category img{height:100%;min-height:215px;padding:30px 16px}.category>div{border-top:0;border-left:1px solid var(--line);padding:24px 20px}.category h3{font-size:22px}.category p{font-size:11px;min-height:0;margin-bottom:20px}.category small{font-size:9px}.category-no{font-size:9px;left:12px;top:12px}.category-link{font-size:10px}.filters{grid-template-columns:1fr 1fr;gap:14px}.search-field{grid-column:1/-1}.filters #reset{grid-column:1/-1;justify-self:start;padding:4px 0}.filters input,.filters select{font-size:12px;min-height:47px;padding:10px}.catalog-status>span:last-child{display:none}.grid.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.card>img{height:210px;padding:14px}.card>div{padding:16px}.card h3{font-size:18px;overflow-wrap:anywhere}.card p{font-size:12px}.card strong{font-size:18px}.card>div>a{font-size:11px}.tag{font-size:8px}.print-section{padding:60px 0}.print-grid{grid-template-columns:1fr;gap:50px}.print-art{min-height:350px;padding:30px;max-width:500px}.print-art>div{font-size:110px}.print-copy h2{font-size:48px}.print-copy>p:not(.eyebrow):not(.note){font-size:14px}.steps{grid-template-columns:1fr;gap:28px;margin-top:36px}.steps article{display:grid;grid-template-columns:55px 1fr;gap:0 25px}.steps article>span{grid-row:1/3;font-size:47px}.steps h3{margin:0 0 12px;font-size:20px}.steps p{grid-column:2;margin:0;max-width:none;font-size:13px}.contact-section{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid h2{font-size:53px}.contact-mail{font-size:25px}.request-box{padding:26px}.request-box h3{font-size:28px}.request-box .btn{font-size:12px;gap:12px;padding:15px 16px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:10px;margin-top:25px}.footer-bottom>span:first-child{flex-basis:100%}}
@media(max-width:440px){.grid.products{grid-template-columns:1fr}.card>img{height:320px;padding:25px}.card>div{padding:24px}.card h3{font-size:24px}.card p{font-size:13px}.card .tag{font-size:9px}.card strong{font-size:23px}.card>div>a{font-size:12px;min-height:49px}.card .note{font-size:11px}.card details{font-size:12px}.logo-slot{width:147px}.logo-slot small{font-size:7px}.nav>.btn{font-size:10px;gap:8px}.category>div{padding:20px 15px}.category h3{font-size:20px}.category img{min-height:220px}.hero .actions{align-items:flex-start;flex-direction:column;gap:18px}.hero .actions .btn{font-size:13px}.hero-foot{gap:9px 14px}.hero-product img{width:90%}.hero-visual{min-height:390px}.hero-product img{height:285px}.print-copy h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand-logo{display:inline-block;flex-shrink:0;text-decoration:none}.logo-crop{display:block;width:156px;aspect-ratio:6540/4728;position:relative;overflow:hidden}.logo-crop img{position:absolute;max-width:none;width:108.364%;height:auto;left:-5.505%;top:-19.797%}.nav{min-height:148px}.footer-logo .logo-crop{width:156px}.footer-grid{align-items:start}@media(max-width:760px){.nav{min-height:109px}.logo-crop{width:106px}.footer-logo .logo-crop{width:136px}}@media(max-width:440px){.nav>.btn{font-size:12px;gap:16px}.logo-crop{width:102px}}
[hidden]{display:none!important}.set-section{background:#e5e8e1;border-top:1px solid var(--line)}.set-section .section-heading{margin-bottom:30px}.set-presets{display:flex;gap:14px}.set-presets button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:240px;padding:19px 23px;border:1px solid #9aa9a3;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.set-presets button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink);box-shadow:inset 0 -4px var(--yellow)}.set-presets b{font-size:16px}.set-presets span{font-size:11px}.set-context{font-size:12px;color:#52615e;max-width:850px;margin:23px 0 35px}.set-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:35px;align-items:start}.set-components{display:grid;gap:16px}.set-component{background:#fff;border:1px solid #cbd2cd;display:grid;grid-template-columns:128px minmax(0,1fr);min-width:0}.set-component-image{background:#f1f3ef;display:flex;align-items:center;justify-content:center;padding:14px}.set-component-image img{width:100%;height:160px;object-fit:contain;mix-blend-mode:multiply}.set-component-content{padding:21px;min-width:0}.set-component label{font-size:10px;margin:0 0 12px}.set-component select{font-size:12px}.set-component p{font-size:11px;color:var(--muted);margin:12px 0 0}.set-component .set-specs{font-size:10px}.set-component strong{font-size:15px;display:block;margin-top:12px}.set-summary{position:sticky;top:20px;background:var(--ink);color:white;padding:30px}.set-summary .eyebrow{color:var(--yellow);font-size:9px}.set-summary h3{font-size:27px;margin:0 0 22px;letter-spacing:-.03em}.set-summary-lines{font-size:12px}.set-summary-line{padding:11px 0;border-bottom:1px solid #48606b;display:flex;justify-content:space-between;gap:15px;font-size:11px}.set-summary-line span:last-child{flex-shrink:0;color:#c5d2d5}.set-summary>label{margin-top:24px}.set-summary input{max-width:100px}.set-price{border-top:1px solid #48606b;margin-top:22px;padding-top:20px;display:flex;flex-direction:column;gap:7px}.set-price>span{font-size:11px;color:#c5d2d5}.set-price strong{font-size:32px;font-weight:600;line-height:1.2}.set-summary .note{color:#c5d2d5;font-size:10px;line-height:1.8;margin:18px 0}.set-summary .btn{width:100%;font-size:12px;padding:15px 17px;gap:10px}.set-loose{font-size:11px;color:#c5d2d5}.set-extras{background:#f5f3ee;padding:26px;margin-top:25px;border:1px solid #cbd2cd}.set-extras .eyebrow{margin-bottom:10px;font-size:9px}.set-extras h3{margin:0 0 17px;font-size:23px}.check-line{display:flex;gap:13px;align-items:flex-start;letter-spacing:0;text-transform:none;cursor:pointer;padding:13px 0;border-top:1px solid #d6d9d6}.check-line input{width:19px;min-height:19px;height:19px;margin:2px 0 0;flex-shrink:0;accent-color:var(--ink)}.check-line b{font-size:12px}.check-line small{font-size:10px;color:var(--muted);display:block;font-weight:400;letter-spacing:0;text-transform:none;margin-top:4px}.set-empty{color:var(--muted);font-size:12px}.set-summary .set-empty{color:#c5d2d5}.set-summary a[aria-disabled=true]{pointer-events:none;opacity:.5}@media(max-width:950px){.set-layout{grid-template-columns:1.3fr 1fr;gap:20px}.set-component{grid-template-columns:95px minmax(0,1fr)}.set-component-content{padding:16px}.set-summary{padding:23px}.set-component-image{padding:10px}.set-component-image img{height:140px}}@media(max-width:760px){.set-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.set-presets button{min-width:0;padding:16px 13px}.set-presets b{font-size:14px}.set-presets span{font-size:10px}.set-context{font-size:11px;margin:20px 0 25px}.set-layout{grid-template-columns:1fr}.set-component{grid-template-columns:85px minmax(0,1fr)}.set-component-content{padding:15px}.set-component-image img{height:130px}.set-component label{font-size:9px}.set-component select{font-size:11px;padding:10px 8px}.set-component p{font-size:11px}.set-component .set-specs{font-size:10px}.set-summary{position:static;margin-top:10px;padding:26px}.set-extras{padding:22px}.set-summary h3{font-size:26px}}
.category img,.card>img,.set-component-image{background:#fff;mix-blend-mode:normal}.category[data-category="Verkeer"]>img{padding:12px;object-fit:contain;height:340px}.category:not([data-category="Verkeer"])>img{height:340px}.category{background:#fff}.category .set-photo-note{font-size:10px;color:#5c6870;min-height:0;line-height:1.5;margin:0 0 18px}.category>div{flex:1}.category{display:flex;flex-direction:column}.set-component-image img{mix-blend-mode:normal}@media(max-width:1050px){.category[data-category="Verkeer"]>img,.category:not([data-category="Verkeer"])>img{height:300px}}@media(max-width:760px){.category{display:grid}.category[data-category="Verkeer"]>img,.category:not([data-category="Verkeer"])>img{height:100%;min-height:260px}.category[data-category="Verkeer"]>img{padding:8px}.category .set-photo-note{font-size:9px}}
.price-line{display:flex;align-items:baseline;gap:7px;margin-top:2px}.price-amount{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.4}.price-unit{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.card .price-line+.note{font-size:10px;margin-top:5px}.set-component strong:has(.price-amount){display:flex;align-items:baseline;gap:6px}.set-component .price-amount{font-size:15px;font-weight:600}.set-component .price-unit{font-size:10px}@media(max-width:440px){.card .price-amount{font-size:19px}.card .price-unit{font-size:11px}.card .price-line+.note{font-size:10px}}
.category[data-category="Verkeer"] .category-link{background:var(--ink);color:#fff;padding:14px 16px;border:0;min-height:46px;align-items:center;margin-top:20px}.category[data-category="Verkeer"]:hover .category-link{background:#284957}.set-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:25px;font-size:12px;font-weight:600;text-decoration:none}.set-back:hover{text-decoration:underline}