@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--lime:#b6ff16;--paper:#f0f2e7;--gray:#a0a699;--black:#090d0b;--line:#313a2d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--paper);font:14px/1.75 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:#111}h1,h2,h3,p{margin:0}.preview{height:28px;text-align:center;background:#182013;color:#c7d0bb;letter-spacing:1.7px;font-size:9px;font-weight:700;line-height:28px}.preview span{color:var(--lime);margin:0 12px}header{position:absolute;top:28px;left:0;right:0;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d9fbb322;z-index:10;background:linear-gradient(#07100ecc,#07100e22)}.brand{display:flex;align-items:center;gap:12px;font:900 24px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px}.brand small{display:block;font-size:15px;color:var(--lime);letter-spacing:5.8px;margin-top:7px}.crown{color:var(--lime);font-size:40px;transform:rotate(-12deg)}nav{display:flex;gap:35px;font-size:12px;font-weight:700}nav span{color:var(--lime);margin-left:8px}.header-call{font-size:12px;font-weight:800;border:1px solid #b6ff1677;padding:11px 18px}.header-call span{color:var(--lime);margin-left:20px}.menu{display:none}.hero{height:min(900px,calc(100svh - 28px));min-height:700px;position:relative;isolation:isolate;overflow:hidden;background:#0b1712}.hero-scene,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-scene{background:url('assets/tunnel.png') center center/cover no-repeat;animation:arrive 1.4s ease-out both}.hero-shade{background:linear-gradient(90deg,#020906eb 0%,#020906b3 28%,#02090622 65%),linear-gradient(0deg,#090d0b,transparent 22%)}.hero-content{position:absolute;left:7%;top:26%;width:80%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}h1{font:900 clamp(70px,7.1vw,115px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:28px 0 25px;max-width:850px}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-copy{font-size:14px;line-height:1.9;color:#d0d8ca;text-shadow:0 2px 10px #000}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 22px;font-weight:800;font-size:11px;letter-spacing:.4px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 0 25px #b6ff1626}.lime{background:var(--lime);color:#10180b;clip-path:polygon(0 0,100% 0,100% 75%,94% 100%,0 100%)}.text-link{font-size:11px;font-weight:800}.text-link span{margin-left:15px;color:var(--lime)}.hero-bottom{position:absolute;bottom:34px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;align-items:center}.hero-bottom i{display:inline-block;background:var(--lime);width:5px;height:5px;margin-right:10px}.scroll{color:#c5cfba}.scroll b{font-size:21px;color:var(--lime);margin-left:16px}.vertical{position:absolute;right:-65px;bottom:170px;writing-mode:vertical-rl;color:#dce9cc8a;font-size:8px}.scene-label{position:absolute;right:9%;bottom:130px;transform:rotate(-7deg);border-left:2px solid var(--lime);padding:10px 18px;background:#06100bd9;box-shadow:0 0 35px #b6ff1617}.scene-label span{font:800 27px 'Barlow Condensed',sans-serif;color:var(--lime)}.scene-label small{display:block;font-size:8px;letter-spacing:2.4px}.strap{display:flex;justify-content:center;align-items:center;gap:4vw;padding:18px;background:var(--lime);color:#111b08;transform:rotate(-1deg);margin:-7px 0 0;position:relative;z-index:2;font:900 clamp(20px,3vw,39px)/1 'Barlow Condensed',sans-serif;letter-spacing:1px}.strap b{font-size:20px}.section{padding:95px 7%}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}h2{font:800 clamp(38px,4vw,62px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.2px;margin-top:20px}.section-note{max-width:280px;color:var(--gray);font-size:13px;padding-bottom:5px}.service{background:radial-gradient(ellipse at 90% 0,#16332244,transparent 60%)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article{padding:28px 24px 30px 0;display:flex;flex-direction:column}.service-grid article+article{padding-left:24px;border-left:1px solid var(--line)}.service-number{font-size:10px;color:#747e6c;display:flex;align-items:center;justify-content:space-between;letter-spacing:2px}.service-number svg{width:32px;height:32px;stroke:var(--lime);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.service-grid h3{font:800 28px 'Barlow Condensed',sans-serif;margin:25px 0 12px}.service-grid p{font-size:12px;color:var(--gray);margin-bottom:28px}.service-grid a{font-size:10px;font-weight:800;margin-top:auto;display:flex;justify-content:space-between;gap:8px}.service-grid a span{color:var(--lime)}.service-grid article:hover{background:linear-gradient(0deg,#b6ff1606,transparent)}.world{display:grid;grid-template-columns:1fr 1fr;background:#111a13;position:relative}.world-image{position:relative;overflow:hidden;min-height:650px}.world-image img{width:100%;height:100%;object-fit:cover;position:absolute}.world-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#111a13),linear-gradient(0deg,#03080466,transparent 40%)}.image-stamp{position:absolute;bottom:35px;left:14%;z-index:1;font-size:9px;letter-spacing:2px;background:#07100ad9;border:1px solid #b6ff1644;padding:12px 20px;transform:rotate(-4deg)}.image-stamp b{color:var(--lime);font-size:13px;letter-spacing:1px}.world-copy{padding:85px 14% 70px 11%;align-self:center}.world-copy h2{font-size:clamp(36px,3.6vw,55px);margin-bottom:28px}.world-copy p:not(.eyebrow){font-size:13px;color:#b7c2af;margin-bottom:18px}.outline{border:1px solid #b6ff1666;margin-top:15px;color:var(--lime)}.signature{font:italic 800 26px 'Barlow Condensed',sans-serif;color:#8ba970;transform:rotate(-5deg);margin-top:35px}.brand-wall{padding-top:42px;padding-bottom:42px;border-bottom:1px solid var(--line)}.brand-wall .eyebrow{justify-content:center;font-size:8px;color:#737f69}.brand-names{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;margin:26px 0 18px;font:800 25px 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#b6c1ac}.brand-names .script{font-family:Georgia,serif;font-style:italic;text-transform:none}.brand-note{text-align:center;color:#6e7a65;font-size:10px}.contact{position:relative;background:radial-gradient(ellipse at 0 100%,#294c1a44,transparent 60%),repeating-linear-gradient(0deg,transparent 0 48px,#aaff0a03 48px 49px)}.contact-intro p:last-child{color:var(--gray);margin-top:22px;font-size:13px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:45px}.address-panel,.hours-panel{border:1px solid #3a4a31;background:#0d140f;padding:35px}.panel-label{font-size:9px;letter-spacing:2px;color:var(--lime);font-weight:700}.address-panel h3{font:700 40px/1.2 'Barlow Condensed',sans-serif;margin:22px 0}.address-panel h3 span{font-size:28px;color:#9eac93}.route{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #455d31;color:var(--lime);font-size:11px;font-weight:800}.contact-links{display:grid;grid-template-columns:1fr;gap:18px;margin-top:25px}.contact-links a{font-size:16px;position:relative;overflow-wrap:anywhere}.contact-links small{font-size:8px;color:#829376;display:block;letter-spacing:2px;margin-bottom:3px}.contact-links span{position:absolute;right:0;color:var(--lime)}.hours-panel h3{font:800 31px 'Barlow Condensed',sans-serif;margin-top:22px}.hours-panel dl{margin:20px 0}.hours-panel dl div{display:flex;justify-content:space-between;border-bottom:1px solid #2b3824;padding:13px 0;font-size:12px}.hours-panel dd{margin:0;color:#90a17e}.hours-panel p{font-size:11px;color:#85927b;max-width:320px;margin:20px 0}.faq{padding-top:30px;padding-bottom:90px}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;margin-top:18px}.faq h2{font-size:40px;margin-top:0}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:20px 0;font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:18px}summary::-webkit-details-marker{display:none}summary span{font-size:18px;color:var(--lime);line-height:1}details[open] summary span{transform:rotate(45deg)}details p{padding:0 20px 22px 0;font-size:12px;color:var(--gray)}.closing{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 7%;background:var(--lime);color:#15210c}.closing>span{font-size:9px;font-weight:800;letter-spacing:2px}.closing strong{font:900 clamp(24px,3.5vw,50px) 'Barlow Condensed',sans-serif}.closing a{font-size:45px;line-height:1}footer{padding:40px 7%;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:25px}footer .brand{font-size:20px}footer .brand small{font-size:11px}footer p{color:#818d76;font-size:10px}footer>a:last-of-type{font-size:9px;color:#becbb3}footer>small{width:100%;color:#56614f;font-size:9px;border-top:1px solid #283121;padding-top:18px}.mobile-call{display:none}@keyframes arrive{from{transform:scale(1.04);opacity:.6}to{transform:scale(1);opacity:1}}@media(min-width:1800px){.hero-content{left:max(7%,calc((100% - 1500px)/2))}.section{padding-left:max(7%,calc((100% - 1500px)/2));padding-right:max(7%,calc((100% - 1500px)/2))}}@media(max-width:1000px){.header-call{display:none}.hero-content{top:26%}.hero{min-height:720px}.scene-label{right:6%;bottom:100px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article:nth-child(3){padding-left:0;border-left:0}.service-grid article:nth-child(n+3){border-top:1px solid var(--line)}.world-copy{padding:55px 10%}.world-image{min-height:600px}.section-top{gap:30px}.brand-names{justify-content:center}.faq-grid{gap:35px}}@media(max-width:640px){.preview{font-size:8px;letter-spacing:1px}header{height:78px;padding:0 6%}.brand{font-size:20px}.brand small{font-size:12px;letter-spacing:4.8px}.crown{font-size:32px}.menu{display:block;color:var(--lime);border:1px solid #b6ff1655;background:#08110c;width:38px;height:38px;font-size:20px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0a160ff5;padding:25px 6%;border-bottom:1px solid #b6ff1644;gap:20px}nav.open{display:flex;flex-direction:column}.hero{height:820px;min-height:0}.hero-scene{background-position:65% center}.hero-shade{background:linear-gradient(180deg,#020906bb,transparent 70%),linear-gradient(90deg,#020906c9,#02090644 80%),linear-gradient(0deg,#090d0b,transparent 35%)}.hero-content{left:7%;top:150px;width:88%}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:64px;line-height:.94;margin:25px 0 24px;letter-spacing:-.5px}.hero-copy{font-size:12px;max-width:310px}.actions{align-items:flex-start;flex-direction:column;gap:21px;margin-top:28px}.button{padding:14px 19px;font-size:10px}.scene-label{bottom:105px;right:8%;padding:8px 13px}.scene-label span{font-size:22px}.hero-bottom{bottom:30px;font-size:8px}.scroll{display:none}.vertical{right:-14px;bottom:155px}.strap{gap:4vw;padding:15px 8px;font-size:21px}.strap b{font-size:11px}.section{padding:55px 7%}.section-top{display:block;margin-bottom:30px}h2{font-size:42px}.section-note{margin-top:25px;max-width:100%;font-size:12px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{padding:23px 0;border-left:0;border-top:1px solid var(--line)}.service-grid article:first-child{border-top:0}.service-grid h3{font-size:29px;margin:10px 0}.service-grid p{margin-bottom:18px;max-width:300px}.service-number{align-items:center}.service-number svg{width:29px;height:29px}.world{grid-template-columns:1fr}.world-image{min-height:410px}.world-image:after{background:linear-gradient(0deg,#111a13,transparent 22%)}.world-copy{padding:35px 7% 55px}.world-copy h2{font-size:43px}.image-stamp{left:7%;bottom:25px}.signature{margin-top:25px}.brand-wall{padding:35px 7%}.brand-names{font-size:21px;gap:15px 25px}.contact-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.address-panel,.hours-panel{padding:25px}.contact-links a{font-size:14px}.faq{padding-top:15px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq h2{font-size:37px}.closing{flex-wrap:wrap;padding:24px 7%;gap:12px}.closing>span{width:100%;font-size:8px}.closing strong{font-size:29px}.closing a{font-size:30px}footer{padding:35px 7% 95px;align-items:flex-start}footer p{width:100%}.mobile-call{display:block;position:fixed;bottom:15px;left:7%;right:7%;text-align:center;padding:14px;background:var(--lime);color:#101b08;font-weight:800;font-size:11px;z-index:20;box-shadow:0 5px 30px #0009}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene{animation:none}.button{transition:none}}
/* Vrijstaand merklogo, alleen in de bovenste navigatie */
header .brand-logo{align-self:flex-start;position:relative;z-index:2;margin-top:10px;flex-shrink:0;width:150px;height:150px}
header .brand-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px #000b)}
@media(max-width:640px){header .brand-logo{width:108px;height:108px;margin-top:6px}}
/* Concept 02 — polished underground art direction */
:root{--lime:#beff26;--paper:#f5f4e8;--gray:#a7b1a0;--line:#33412f}
body{background:#080d0a}.preview{background:#202a17;height:30px;line-height:30px;color:#c9d7bc;font-size:8px;letter-spacing:2px}
header{top:30px;height:112px;padding-left:6%;padding-right:6%;background:linear-gradient(180deg,#040a08f2,#040a0855);border-color:#c8fdaa26}
header .brand-logo{width:175px;height:175px;margin-top:13px;filter:drop-shadow(0 0 16px #b6ff1612)}
header .brand-logo:before{content:'';position:absolute;inset:-8px -12px -4px;z-index:-1;background:radial-gradient(ellipse,#07110bf2 35%,transparent 72%)}
header nav a{font-size:11px;letter-spacing:.2px;position:relative;padding:10px 0}header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--lime);transition:width .2s}header nav a:hover:after{width:100%}.header-call{border:1px solid #beff2655;background:#0b160a70;box-shadow:inset 0 0 16px #b6ff1606;border-radius:3px}
.hero{height:880px;max-height:1050px;min-height:780px;border-bottom:1px solid #b6ff1633}.hero-scene{background-position:center center}.hero-shade{background:linear-gradient(90deg,#030b08eb 0%,#030b08ad 26%,#030b0825 58%,#030b0800 80%),linear-gradient(0deg,#080d0a 0%,transparent 25%),linear-gradient(180deg,#0005,transparent 30%)}
.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}.hero-content{top:28%;left:7%;z-index:1;width:74%}
h1{font-size:clamp(76px,7.5vw,118px);letter-spacing:-1.6px;margin-top:28px;text-shadow:0 4px 32px #0007}h1 em{background:linear-gradient(180deg,#e8ff9b 0%,#c1ff31 45%,#95d60c 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 10px #9bff1610)}
.hero .eyebrow{font-size:9px;letter-spacing:2.1px}.hero-copy{font-size:13px;color:#c8d4c1;line-height:1.95;max-width:410px}.actions{margin-top:33px;gap:30px}.button{padding:17px 24px;border-radius:2px;letter-spacing:.7px}.lime{background:linear-gradient(135deg,#d7ff70,#b6ff16 58%,#a1e512);box-shadow:0 0 28px #9fff1010;clip-path:polygon(0 0,100% 0,100% 76%,95% 100%,0 100%)}.text-link{font-size:10px}.scene-label{border-left:0;border-top:1px solid #b6ff1680;right:8%;bottom:125px;padding:16px 23px;transform:rotate(-4deg);background:linear-gradient(130deg,#101d11ec,#08100edb);box-shadow:0 12px 35px #0008,0 0 35px #9aff0c0b;backdrop-filter:blur(8px)}.scene-label span{font-size:26px;letter-spacing:1px}.scene-label small{font-size:7px;letter-spacing:2px;margin-top:3px}.hero-bottom{border-top:1px solid #b6ff1626;padding-top:20px;bottom:29px}.strap{background:linear-gradient(100deg,#d6ff64,#b6ff16 55%,#a9ec17);box-shadow:0 8px 45px #8ac70815;font-size:33px;letter-spacing:2px;padding:20px;transform:rotate(-1.3deg);margin-top:-9px}.strap b{font-size:18px}
.service{background:radial-gradient(ellipse at 80% 20%,#24462b3a,transparent 65%),linear-gradient(180deg,#080d0a,#0d1510);padding-top:110px;padding-bottom:100px}.section-top{margin-bottom:44px}h2{line-height:1.03;letter-spacing:.1px}.section-top h2{font-size:clamp(42px,4.2vw,64px)}.section-note{font-size:12px;line-height:1.9;border-left:1px solid #beff2660;padding-left:20px}
.service-grid{border:0;gap:15px}.service-grid article,.service-grid article+article{border:1px solid #34432f;border-top:2px solid #6b8c40;padding:26px 22px 28px;background:linear-gradient(155deg,#1a2619,#0a120ce8 70%);border-radius:3px;box-shadow:0 10px 28px #0003,inset 0 1px #ddffb207;position:relative;overflow:hidden}.service-grid article:before{content:'';position:absolute;right:-25px;top:-25px;width:100px;height:100px;background:radial-gradient(circle,#beff260b,transparent 65%)}.service-grid article:after{content:'';position:absolute;width:7px;height:7px;right:10px;bottom:10px;border-right:1px solid #b6ff1655;border-bottom:1px solid #b6ff1655}.service-grid article:hover{background:linear-gradient(155deg,#24361d,#0c160e 70%);border-top-color:var(--lime)}.service-number{letter-spacing:2px;color:#8ba276;font-size:9px}.service-number svg{width:45px;height:45px;border:1px solid #a0dc234a;border-radius:50%;padding:9px;background:#8eff0509;box-shadow:0 0 15px #b6ff1608;stroke-width:1.6}.service-grid h3{margin-top:30px;font-size:29px;letter-spacing:1px}.service-grid p{font-size:11px;line-height:1.9}.service-grid a{padding-top:18px;border-top:1px solid #a4cf6622;font-size:9px;line-height:1.7}
.world{background:radial-gradient(ellipse at 80% 70%,#263c1e44,transparent 70%),#111b13;border-top:1px solid #3c532a55;border-bottom:1px solid #3c532a55}.world-image{min-height:650px}.world-image img{object-position:center 46%;filter:saturate(.92)}.world-image:after{background:linear-gradient(90deg,transparent 70%,#111b13),linear-gradient(0deg,#111b13,transparent 22%)}.world-copy{padding-top:80px;padding-bottom:80px}.world-copy h2{font-size:clamp(40px,3.8vw,58px)}.world-copy .eyebrow{font-size:8px;letter-spacing:2px}.world-copy p:not(.eyebrow){font-size:12px;line-height:1.95}.signature{font-size:29px;letter-spacing:1px;color:#bddb9c}.image-stamp{left:14%;border-color:#beff2644;background:#091109dc;box-shadow:0 5px 20px #0007}
.brand-wall{position:relative;overflow:hidden;background:#0a110d}.wall-mark{position:absolute;left:5%;top:-10px;font:900 170px 'Barlow Condensed',sans-serif;color:#b6ff1604;letter-spacing:-5px;pointer-events:none}.brand-names{font-size:25px;color:#b5c6a8}.brand-note{font-size:9px}.contact{background:linear-gradient(130deg,#121e13,#090f0b 60%);padding-top:100px}.contact-grid{gap:23px}.contact-intro h2{font-size:clamp(44px,4.2vw,66px)}.address-panel,.hours-panel{border:1px solid #3a4c30;background:linear-gradient(140deg,#1b2919,#0d160fe8);box-shadow:0 15px 35px #0003,inset 0 1px #ccffae08;padding:40px;border-radius:3px;position:relative}.address-panel:before,.hours-panel:before{content:'';position:absolute;top:-1px;left:40px;width:55px;height:2px;background:var(--lime);box-shadow:0 0 12px #beff2644}.panel-label{font-size:8px;letter-spacing:2px}.address-panel h3{font-size:46px}.address-panel h3 span{font-size:30px}.contact-links a{font-size:16px}.hours-panel p{line-height:1.9}.faq{background:#090f0b}.faq-grid h2{font-size:43px}.faq details{border-color:#3a4c304d}.faq summary{font-size:11px;padding:23px 0}.faq details p{font-size:11px;line-height:1.95}.closing{background:linear-gradient(100deg,#d7ff70,#b6ff16 70%,#a1e116);padding-top:34px;padding-bottom:34px;position:relative}.closing:before{content:'';position:absolute;inset:5px;border:1px solid #20300422;pointer-events:none}.closing strong{font-size:clamp(30px,3.8vw,56px)}footer{background:#050b08;padding-top:45px}footer .brand{opacity:.9}
@media(max-width:1000px){header .brand-logo{width:150px;height:150px}.service-grid{gap:14px}.service-grid article:nth-child(3){padding-left:22px;border-left:1px solid #34432f}.service-grid article:nth-child(n+3){border-top:2px solid #6b8c40}.hero{height:840px;min-height:780px}.hero-content{top:28%}h1{font-size:95px}.section-top h2{font-size:51px}}
@media(max-width:640px){.preview{font-size:7px;letter-spacing:1.1px}header{height:86px;top:30px}header .brand-logo{width:126px;height:126px;margin-top:9px}nav{top:86px}.hero{height:850px;min-height:0;max-height:none}.hero-content{top:190px;width:88%;left:7%}h1{font-size:67px;line-height:.95;letter-spacing:-.8px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero-scene{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#030b08df,#030b0866 80%),linear-gradient(0deg,#080d0a,transparent 40%)}.hero-copy{font-size:12px;max-width:300px}.actions{gap:22px;margin-top:28px}.scene-label{bottom:105px;right:7%;padding:12px 17px}.scene-label span{font-size:23px}.hero-bottom{padding-top:18px;bottom:28px;font-size:7px}.strap{font-size:20px;letter-spacing:1px;padding:17px 8px;gap:4vw}.strap b{font-size:10px}.service{padding-top:62px;padding-bottom:60px}.section-top h2{font-size:42px}.section-note{font-size:11px;max-width:290px}.service-grid{gap:13px}.service-grid article,.service-grid article+article,.service-grid article:nth-child(3){padding:23px;border:1px solid #34432f;border-top:2px solid #6b8c40}.service-grid article:first-child{border-top:2px solid #6b8c40}.service-number svg{width:42px;height:42px}.service-grid h3{margin-top:12px;font-size:29px}.service-grid p{max-width:100%;font-size:12px;margin-bottom:20px}.service-grid a{font-size:10px}.world-image{min-height:410px}.world-image:after{background:linear-gradient(0deg,#111b13,transparent 25%)}.world-copy{padding:25px 7% 60px}.world-copy h2{font-size:43px}.world-copy p:not(.eyebrow){font-size:12px}.image-stamp{left:7%}.brand-names{font-size:22px}.brand-wall{padding-top:35px;padding-bottom:35px}.contact{padding-top:60px}.contact-intro h2{font-size:48px}.contact-intro p:last-child{font-size:12px}.address-panel,.hours-panel{padding:27px}.address-panel h3{font-size:43px}.contact-links a{font-size:14px}.faq-grid h2{font-size:38px}.faq{padding-top:10px}.faq summary{font-size:11px}.closing{padding-top:25px;padding-bottom:25px}.closing strong{font-size:29px}.closing>span{font-size:7px}footer{padding-bottom:100px}}
/* De eerste tunnelscène loopt als sfeer door het hele ontwerp. */
body{position:relative;isolation:isolate;background:#060d09}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:url('assets/tunnel.png') center center/cover no-repeat;pointer-events:none}
body:after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#041009dd,#041009aa 55%,#041009cc);pointer-events:none}
.service{position:relative;background:linear-gradient(180deg,#07110bd4,#09160cbb 55%,#06100be8),url('assets/tunnel.png') center 72%/cover no-repeat;border-bottom:1px solid #98da2133}
.service .section-top,.service-grid{position:relative;z-index:1}
.service-grid article,.service-grid article+article,.service-grid article:nth-child(3){background:linear-gradient(145deg,#18301edb,#051009e8);backdrop-filter:blur(9px);box-shadow:0 15px 35px #0007,inset 0 1px #d9ffab10}
.service-grid article:hover{background:linear-gradient(145deg,#27411dda,#09170ee8);box-shadow:0 15px 35px #0007,0 0 35px #a7f4190c}
.world{background:linear-gradient(90deg,#07100bd9,#0b180edb),url('assets/tunnel.png') center 35%/cover no-repeat;box-shadow:inset 0 30px 50px #0004}
.world-copy{background:linear-gradient(90deg,#0c170ddc,#0c170da6);backdrop-filter:blur(4px)}
.world-image:after{background:linear-gradient(90deg,transparent 70%,#0c170de0),linear-gradient(0deg,#07100bbd,transparent 20%)}
.brand-wall{background:linear-gradient(180deg,#07100be6,#07100bd9),url('assets/tunnel.png') center 60%/cover no-repeat;border-top:1px solid #a1d63333;border-bottom:1px solid #a1d63333}
.contact{position:relative;background:linear-gradient(90deg,#051009eb,#06120bc9 55%,#06120ba9),url('assets/tunnel.png') right 42%/cover no-repeat}
.contact:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#a9ef2666,transparent);box-shadow:0 0 22px #a9ef2622;pointer-events:none}
.address-panel,.hours-panel{background:linear-gradient(145deg,#193020df,#07130dea);backdrop-filter:blur(9px);box-shadow:0 15px 35px #0006,inset 0 1px #ccffae10;border-color:#62844155}
.faq{background:linear-gradient(180deg,#06110bd9,#051009ee),url('assets/tunnel.png') center 85%/cover no-repeat}
.faq-grid>div{padding:0 22px;border:1px solid #b6ff1626;background:#06100bd4;backdrop-filter:blur(6px)}
footer{background:linear-gradient(90deg,#030a06f5,#061009e0),url('assets/tunnel.png') center 90%/cover no-repeat}
@media(max-width:640px){body:before{background-position:65% center}.service{background-position:62% center}.contact{background-position:60% center}.world-copy{background:#0b180ddd}.world-image:after{background:linear-gradient(0deg,#0b180d,transparent 25%)}.faq-grid>div{padding:0 18px}}
/* Eén gezamenlijke tunnelomgeving onder de hero, zonder herhaalde scooters. */
body:before{background-image:url('assets/tunnel-pipes.png');background-position:center center;background-size:cover;background-repeat:no-repeat}
body:after{background:linear-gradient(90deg,#041009b8,#04100980 50%,#041009a8)}
.service{background:linear-gradient(180deg,#06100be8 0%,#07110b95 28%,#06100b90 100%)}
.world{background:#07110b8c}
.world-copy{background:linear-gradient(90deg,#09170dd9,#09170d9c)}
.brand-wall{background:#061009bf}
.contact{background:linear-gradient(90deg,#051009a8,#06120b85 55%,#06120b78)}
.faq{background:linear-gradient(180deg,#06110b95,#051009c9)}
footer{background:linear-gradient(180deg,#030a06d5,#030a06f0)}
.world-image{background:radial-gradient(ellipse,#a8ff1412,transparent 65%)}
.world-image img{object-fit:contain;object-position:center;width:80%;height:80%;left:10%;top:6%;filter:drop-shadow(0 10px 35px #000a)}
.world-image:after{background:linear-gradient(0deg,#07110b80,transparent 25%);pointer-events:none}
@media(max-width:640px){body:before{background-position:55% center}.service{background:linear-gradient(180deg,#06100be8,#07110b9c 15%,#06100b95)}.world-copy{background:#09170dd9}.world-image img{width:86%;height:86%;left:7%;top:0}.world-image:after{background:linear-gradient(0deg,#07110b70,transparent 25%)}}
/* Informatieve verkooppagina */
.service-grid h3 .service-title-link{display:inline;padding:0;border:0;font:inherit;letter-spacing:inherit;color:inherit}.service-title-link:hover{color:var(--lime)}
.sales-intro{padding-top:205px;padding-bottom:75px;background:linear-gradient(90deg,#051009ed,#051009a0 75%,#05100985)}.sales-back{display:inline-block;font-size:9px;letter-spacing:1.3px;color:#9eae91;margin-bottom:42px}.sales-back:hover{color:var(--lime)}.sales-intro h1{font-size:clamp(62px,6.6vw,102px);max-width:1050px;margin:25px 0}.sales-lead{font-size:19px;line-height:1.7;color:#e3ebda}.sales-description{max-width:580px;font-size:13px;color:#aab9a0;margin-top:20px}.sales-options{padding-top:60px;background:#07110b7a}.sales-two{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}.sales-two h2{font-size:clamp(32px,3vw,46px);margin:20px 0 25px}.sales-two p{font-size:12px;line-height:1.9;color:#bccab2;margin-top:16px}.sales-guide{background:#07110b85;padding-top:35px}.sales-guide .service-grid h3{font-size:25px}.sales-guide .service-grid p{margin-bottom:0}.sales-visit{padding-top:0;background:#07110b85}.sales-visit-panel{border:1px solid #b6ff1644;border-left:3px solid var(--lime);padding:45px;background:linear-gradient(130deg,#1a301bdc,#07130deb);display:grid;grid-template-columns:1.3fr 1fr;gap:50px}.sales-visit-panel h2{font-size:49px}.sales-visit-panel p:not(.eyebrow){font-size:12px;color:#bacbb0;max-width:470px;margin-top:22px}.sales-contact-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:18px}.sales-contact-actions .outline{margin-top:0}.sales-contact-actions .text-link{margin-top:8px}.sales-page nav [aria-current=page]{color:var(--lime)}
@media(max-width:640px){.sales-intro{padding-top:180px;padding-bottom:50px}.sales-back{margin-bottom:30px;font-size:8px}.sales-intro h1{font-size:58px;line-height:1}.sales-lead{font-size:16px}.sales-description{font-size:12px}.sales-two{grid-template-columns:1fr;gap:18px}.sales-two h2{font-size:37px}.sales-options{padding-top:42px}.sales-guide{padding-top:15px}.sales-visit-panel{padding:27px 23px;grid-template-columns:1fr;gap:30px}.sales-visit-panel h2{font-size:39px}.sales-contact-actions .button{font-size:10px}.sales-page .faq h2{font-size:37px}}
footer .footer-logo{display:block;flex:0 0 145px;width:145px;height:145px;opacity:1}footer .footer-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px #000b)}@media(max-width:640px){footer .footer-logo{flex-basis:120px;width:120px;height:120px}}
/* Contactkeuze voor Bespreek je wensen */
button.button{cursor:pointer;border:0;font-family:inherit;text-align:left}.wishes-dialog{padding:0;width:min(440px,90vw);max-height:90svh;overflow:auto;color:var(--paper);background:#0b160f;border:1px solid #b6ff1666;border-top:3px solid var(--lime);box-shadow:0 25px 100px #000a;border-radius:4px}.wishes-dialog::backdrop{background:#020805cb;backdrop-filter:blur(7px)}.wishes-dialog-inner{padding:40px 32px;position:relative}.wishes-close{position:absolute;right:12px;top:8px;width:35px;height:35px;color:var(--lime);background:transparent;border:0;font-size:27px;cursor:pointer}.wishes-dialog h2{font-size:48px;margin:22px 0}.wishes-dialog p:not(.eyebrow){font-size:12px;color:#b4c4a9;margin-bottom:24px}.wishes-dialog .eyebrow{font-size:8px}.wishes-dialog .button{display:flex;width:100%;margin-top:18px}.wishes-dialog small{display:block;font-size:11px;color:#9eb28d;margin:6px 0 10px;overflow-wrap:anywhere}.wishes-dialog .outline{margin-top:22px}

.topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 35px}.topic-nav a{border:1px solid #b6ff1633;background:#07130dbf;padding:8px 14px;font-size:10px;font-weight:700}.topic-nav a:hover,.topic-nav a[aria-current=page]{background:var(--lime);color:#111b08;border-color:var(--lime)}@media(max-width:640px){.topic-nav{gap:6px;margin-bottom:28px}.topic-nav a{font-size:9px;padding:7px 11px}}
.sales-options .maintenance-priority{padding:30px 0 40px;background:transparent}.maintenance-priority .faq-grid{margin-top:18px}.maintenance-priority .faq-grid>div{border-top:2px solid var(--lime);box-shadow:0 0 30px #b6ff1609}.maintenance-priority details p strong{color:var(--paper)}@media(max-width:640px){.sales-options .maintenance-priority{padding:25px 0 30px}}

.scene-label-underground span{color:var(--lime)}.scene-label-underground small{color:#fff;font-size:15px;letter-spacing:1.5px;margin-top:5px;text-transform:none}
/* Verweerd werkplaatsbord bij de scooter. */
.scene-label-underground{isolation:isolate;transform:rotate(-5deg);border:1px solid #52613b;border-top:3px solid #91ad36;border-bottom:3px solid #222b1c;border-radius:1px;padding:20px 29px;background:repeating-linear-gradient(172deg,transparent 0 13px,#d1e5a30a 14px,transparent 15px 31px),repeating-linear-gradient(86deg,transparent 0 35px,#0006 36px,transparent 38px 73px),linear-gradient(135deg,#263025,#080d09 48%,#182017);box-shadow:0 14px 28px #000c,inset 0 0 25px #000b,0 0 24px #9cda1510;clip-path:polygon(1% 0,97% 1%,100% 8%,99% 93%,96% 100%,2% 97%,0 88%,0 5%)}
.scene-label-underground:before{content:'';position:absolute;inset:7px;pointer-events:none;border:1px solid #88986b40;background:radial-gradient(circle at 3px 3px,#10150c 0 2px,#7d865b 2.5px 3.5px,transparent 4px),radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#10150c 0 2px,#7d865b 2.5px 3.5px,transparent 4px);box-shadow:inset 0 0 12px #0005}
.scene-label-underground span{position:relative;font-weight:900;font-style:italic;letter-spacing:1.8px;color:#b6ff16;text-shadow:2px 2px 0 #30460c,-1px 0 #e3ff8d66,0 0 13px #a2ff1640;transform:skew(-4deg);background:repeating-linear-gradient(174deg,#b6ff16 0 9px,#80ad22 9.5px,#b6ff16 10px 17px);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.scene-label-underground small{position:relative;color:#eeeae1;font-size:15px;font-weight:700;letter-spacing:3px;margin-top:7px;text-transform:none;text-shadow:1px 2px 2px #000}
@media(max-width:640px){.scene-label-underground{padding:17px 24px}.scene-label-underground span{font-size:25px}.scene-label-underground small{font-size:13px;letter-spacing:2.5px}}

.scene-label-underground small{display:block;width:100%;text-align:center}

/* Publieke website: geen conceptbalk. */
header{top:0}