:root{--bg:#FAFAF7;--bg-alt:#F0EDE6;--bg-dark:#1A1D23;--text:#1A1D23;--text-light:#6B7280;--text-inv:#FAFAF7;--orange:#FF5C00;--orange-light:#FF7A2E;--blue:#2545E8;--blue-light:#4B6BFF;--cream:#F5F0E8;--border:rgba(26,29,35,0.1);--border-dark:rgba(26,29,35,0.2);--radius:0px;--font:'Outfit', sans-serif;--mono:'Space Mono', monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--orange);color:#fff}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--orange);transition:all 1s cubic-bezier(.76,0,.24,1)}.loader.done{clip-path:circle(0% at 50% 50%)}.loader{animation:loaderHide 0.8s 1.2s forwards}@keyframes loaderHide{to{opacity:0;visibility:hidden;pointer-events:none}}.loader-inner{text-align:center;color:#fff}.loader-brand{font-size:clamp(1.8rem,5vw,3.5rem);font-weight:900;letter-spacing:-.06em;line-height:1}.loader-sub{font-family:var(--mono);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;margin-top:16px;opacity:.7}.loader-bar{width:200px;height:3px;background:rgba(255,255,255,.3);margin:30px auto 0;border-radius:3px;overflow:hidden}.loader-bar span{display:block;height:100%;background:#fff;animation:loadBar 2s ease forwards}@keyframes loadBar{0%{width:0}100%{width:100%}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;transition:all .5s;background:rgba(250,250,247,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(26,29,35,.06)}.nav.scrolled{background:rgba(250,250,247,.97);backdrop-filter:blur(20px);box-shadow:0 2px 12px rgba(26,29,35,.08);padding:16px 48px}.nav-logo{font-weight:900;font-size:1.6rem;letter-spacing:-.04em;display:flex;align-items:center;gap:12px}.nav-logo .mark{width:40px;height:40px;background:var(--orange);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:900;border-radius:10px;transition:transform .3s}.nav-logo:hover .mark{transform:rotate(-8deg) scale(1.05)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-size:.88rem;font-weight:600;position:relative;transition:color .3s}.nav-links a:hover{color:var(--orange)}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--orange);transition:width .3s cubic-bezier(.76,0,.24,1)}.nav-links a:hover::after{width:100%}.nav-cta-btn{background:var(--text)!important;color:var(--bg)!important;padding:12px 28px!important;border-radius:50px!important;font-weight:700!important;transition:all .3s!important}.nav-cta-btn::after{display:none!important}.nav-cta-btn:hover{background:var(--orange)!important;transform:scale(1.05)!important}.nav-toggle{display:none;background:none;border:none;width:36px;height:24px;flex-direction:column;justify-content:space-between;cursor:pointer;padding:0}.nav-toggle span{display:block;width:100%;height:2.5px;background:var(--text);border-radius:2px;transition:all .4s cubic-bezier(.76,0,.24,1);transform-origin:center}.nav-toggle.active span:nth-child(1){transform:translateY(10.75px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:translateY(-10.75px) rotate(-45deg)}.mob-menu{position:fixed;inset:0;background:var(--bg);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;visibility:hidden;transition:all .4s}.mob-menu.open{opacity:1;visibility:visible}.mob-menu a{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.03em;color:var(--text-light);transition:all .3s;transform:translateX(-30px);opacity:0}.mob-menu.open a{transform:translateX(0);opacity:1;transition-delay:calc(var(--d)*.07s)}.mob-menu a:hover{color:var(--orange)}.hero{min-height:auto;max-height:calc(100vh - 80px);height:calc(100vh - 80px);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.hero-left{padding:110px 64px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:var(--bg-alt);padding:8px 18px 8px 8px;border-radius:50px;font-size:.82rem;font-weight:600;color:var(--text-light);margin-bottom:32px;width:fit-content;opacity:0;animation:fadeIn .8s 2.4s forwards}.hero-badge .badge-dot{width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;font-weight:800}.hero h1{font-size:clamp(2.4rem,4.5vw,4rem);font-weight:900;line-height:1;letter-spacing:-.045em}.hero h1 .word{display:inline-block;overflow:hidden;margin-right:.22em}.hero h1 .word span{display:inline-block;transform:translateY(110%);animation:wordUp .8s cubic-bezier(.76,0,.24,1) forwards}.hero h1 .word:nth-child(1) span{animation-delay:2.5s}.hero h1 .word:nth-child(2) span{animation-delay:2.6s}.hero h1 .word:nth-child(3) span{animation-delay:2.7s}.hero h1 .word:nth-child(4) span{animation-delay:2.5s}.hero h1 .word:nth-child(5) span{animation-delay:2.6s}.hero h1 .word:nth-child(6) span{animation-delay:2.7s}.hero h1 .word:nth-child(7) span{animation-delay:2.8s}.hero h1 .orange{color:var(--orange)}.hero-desc{font-size:1rem;line-height:1.65;color:var(--text-light);max-width:440px;margin-top:16px;opacity:0;animation:fadeIn .8s 3s forwards}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:20px;opacity:0;animation:fadeIn .8s 3.2s forwards}.btn-big{display:inline-flex;align-items:center;gap:12px;padding:20px 40px;font-family:var(--font);font-size:.92rem;font-weight:700;border:none;cursor:pointer;transition:all .35s cubic-bezier(.76,0,.24,1);border-radius:50px}.btn-fill{background:var(--orange);color:#fff}.btn-fill:hover{background:var(--text);transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,92,0,.25)}.btn-ghost{background:transparent;border:2px solid var(--border-dark)!important;color:var(--text)}.btn-ghost:hover{border-color:var(--orange)!important;color:var(--orange)}.hero-stats{display:flex;gap:32px;margin-top:24px;padding-top:32px;border-top:1px solid var(--border);opacity:0;animation:fadeIn .8s 3.4s forwards}.hero-stat-num{font-size:2rem;font-weight:900;letter-spacing:-.03em;line-height:1}.hero-stat-num .plus{color:var(--orange);font-weight:700}.hero-stat-label{font-size:.78rem;color:var(--text-light);margin-top:4px;font-weight:500}.hero-right{position:relative;overflow:hidden}.hero-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;gap:4px}.hero-mosaic .tile{overflow:hidden;position:relative}.hero-mosaic .tile img{transition:transform 6s cubic-bezier(.25,.46,.45,.94);filter:brightness(.88)}.hero-mosaic .tile:hover img{transform:scale(1.06)}.hero-mosaic .tile-tag{position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);color:#fff;padding:6px 14px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:4px}.hero-diagonal{position:absolute;top:50%;left:-60px;width:120px;height:140%;background:var(--orange);transform:rotate(-12deg) translateY(-50%);z-index:3;opacity:.08}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:fadeIn 1s 3.6s forwards}.hero-scroll span{font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-light)}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--text-light);border-bottom:2px solid var(--text-light);transform:rotate(45deg);animation:bounceDown 2s infinite}@keyframes bounceDown{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(6px)}}.marquee{padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg)}.marquee-track{display:flex;animation:marquee 30s linear infinite;width:max-content}.marquee-item{display:flex;align-items:center;gap:20px;padding:0 48px;white-space:nowrap}.marquee-item span{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.marquee-item .sep{width:8px;height:8px;background:var(--orange);border-radius:50%;flex-shrink:0}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.section{padding:140px 48px}.section-inner{max-width:1360px;margin:0 auto}.sec-label{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--orange);margin-bottom:16px}.sec-title{font-size:clamp(2rem,4vw,3.4rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;max-width:680px}.sec-desc{font-size:1.05rem;line-height:1.7;color:var(--text-light);max-width:500px;margin-top:20px}.rv{opacity:0;transform:translateY(50px);transition:all .9s cubic-bezier(.76,0,.24,1)}.rv.vis{opacity:1;transform:none}.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.2s}.rv-d3{transition-delay:.3s}.rv-d4{transition-delay:.4s}.rv-d5{transition-delay:.5s}.svc-section{background:var(--bg)}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:4px;margin-top:64px}.svc-card{position:relative;overflow:hidden;min-height:360px;background:var(--bg-dark);cursor:pointer;transition:all .5s}.svc-card:nth-child(1){grid-column:span 2;min-height:440px}.svc-card:nth-child(4){grid-column:span 2}.svc-card img{transition:all .8s cubic-bezier(.25,.46,.45,.94);filter:brightness(.45) saturate(.85)}.svc-card:hover img{transform:scale(1.08);filter:brightness(.55) saturate(1)}.svc-card-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;z-index:2}.svc-card-num{font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--orange);letter-spacing:.15em;margin-bottom:12px}.svc-card h3{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:8px}.svc-card p{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.5;max-width:380px}.svc-card-arrow{position:absolute;top:32px;right:32px;width:48px;height:48px;border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s;opacity:0;transform:translate(-10px,10px)}.svc-card:hover .svc-card-arrow{opacity:1;transform:none;border-color:var(--orange);background:var(--orange)}.svc-card-arrow svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}.about-section{background:var(--bg-alt);position:relative;overflow:hidden}.about-section::before{content:'HALCON NEDERLAND B.V.';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16vw;font-weight:900;letter-spacing:-.06em;color:var(--text);opacity:.02;pointer-events:none;white-space:nowrap}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.about-imgs{position:relative;height:600px}.about-img-main{position:absolute;top:0;left:0;width:75%;height:80%;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.12)}.about-img-main img{filter:brightness(.85)}.about-img-float{position:absolute;bottom:0;right:0;width:55%;height:50%;overflow:hidden;border:6px solid var(--bg-alt);box-shadow:0 20px 60px rgba(0,0,0,.1);z-index:2}.about-exp-badge{position:absolute;bottom:20px;left:-50px;z-index:3;width:120px;height:120px;background:var(--orange);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 40px rgba(255,92,0,.3);animation:floatBadge 4s ease-in-out infinite}.about-exp-badge .num{font-size:2.2rem;font-weight:900;line-height:1}.about-exp-badge .lbl{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.about-text h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin-bottom:24px}.about-text h2 .hl{position:relative;display:inline}.about-text h2 .hl::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:8px;background:var(--orange);opacity:.25;z-index:-1}.about-text>p{color:var(--text-light);font-size:1.02rem;line-height:1.7;margin-bottom:16px}.about-perks{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.perk{padding:24px;background:var(--bg);border-radius:16px;transition:all .3s}.perk:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.06)}.perk-icon{width:44px;height:44px;background:var(--orange);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.perk-icon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.perk h4{font-weight:800;font-size:.95rem;margin-bottom:4px}.perk p{font-size:.82rem;color:var(--text-light);line-height:1.5}.proj-section{background:var(--bg)}.proj-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.proj-filters{display:flex;gap:8px;flex-wrap:wrap}.proj-filter{padding:10px 22px;border-radius:50px;border:1.5px solid var(--border);font-family:var(--font);font-size:.82rem;font-weight:600;background:transparent;color:var(--text);cursor:pointer;transition:all .3s}.proj-filter:hover,.proj-filter.active{background:var(--text);color:var(--bg);border-color:var(--text)}.proj-masonry{columns:3;column-gap:20px}.proj-item{break-inside:avoid;margin-bottom:20px;position:relative;overflow:hidden;cursor:pointer}.proj-item:nth-child(odd) .proj-item-img{aspect-ratio:3/4}.proj-item:nth-child(even) .proj-item-img{aspect-ratio:4/3}.proj-item-img{overflow:hidden;position:relative}.proj-item-img img{transition:all .7s cubic-bezier(.25,.46,.45,.94);filter:brightness(.82)}.proj-item:hover .proj-item-img img{transform:scale(1.06);filter:brightness(.92)}.proj-item-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,29,35,.85) 0%,transparent 50%);opacity:0;transition:opacity .5s;display:flex;flex-direction:column;justify-content:flex-end;padding:28px}.proj-item:hover .proj-item-overlay{opacity:1}.proj-item-overlay .tag{font-family:var(--mono);font-size:.65rem;font-weight:700;color:var(--orange);letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}.proj-item-overlay h3{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:4px}.proj-item-overlay p{font-size:.82rem;color:rgba(255,255,255,.6)}.process-section{background:var(--bg-dark);color:var(--text-inv);position:relative;overflow:hidden}.process-section::after{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:var(--orange);border-radius:50%;opacity:.04;pointer-events:none}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;position:relative}.process-steps::before{content:'';position:absolute;top:80px;left:5%;width:90%;height:2px;background:rgba(255,255,255,.08)}.process-step{padding:0 32px;position:relative;text-align:center}.step-circle{width:48px;height:48px;border:2px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:.85rem;margin:0 auto 32px;position:relative;z-index:2;background:var(--bg-dark);transition:all .5s;color:var(--orange)}.process-step:hover .step-circle{border-color:var(--orange);background:var(--orange);color:#fff;transform:scale(1.15)}.step-img{width:100%;height:200px;overflow:hidden;margin-bottom:28px;border-radius:12px}.step-img img{filter:brightness(.6) saturate(.8);transition:all .6s}.process-step:hover .step-img img{filter:brightness(.75) saturate(1);transform:scale(1.06)}.process-step h4{font-size:1.1rem;font-weight:800;margin-bottom:10px}.process-step p{font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.6}.rev-section{background:var(--bg)}.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}.rev-card{background:var(--bg);padding:40px;border-radius:20px;border:1.5px solid var(--border);position:relative;transition:all .4s;overflow:hidden}.rev-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.76,0,.24,1)}.rev-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.06);border-color:transparent}.rev-card:hover::before{transform:scaleX(1)}.rev-stars{display:flex;gap:3px;margin-bottom:20px}.rev-stars .star{width:18px;height:18px;fill:var(--orange)}.rev-text{font-size:1rem;line-height:1.7;color:var(--text-light);margin-bottom:28px;font-style:italic}.rev-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--border)}.rev-avatar{width:48px;height:48px;border-radius:14px;background:var(--orange);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.88rem}.rev-info strong{display:block;font-weight:700;font-size:.92rem}.rev-info span{font-size:.78rem;color:var(--text-light)}.google-bar{display:flex;align-items:center;gap:16px;padding:24px 32px;background:var(--bg-alt);border-radius:16px;margin-top:40px;width:fit-content}.google-bar .g-icon{font-size:1.6rem}.google-bar .g-score{font-size:1.8rem;font-weight:900;letter-spacing:-.02em}.google-bar .g-stars{color:var(--orange);font-size:.9rem;letter-spacing:2px}.google-bar .g-text{font-size:.82rem;color:var(--text-light)}.cta-section{position:relative;min-height:100vh;display:flex;overflow:hidden}.cta-bg-img{position:absolute;inset:0}.cta-bg-img img{filter:brightness(.3)}.cta-overlay-diag{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-dark) 50%,transparent 50%);z-index:1}.cta-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1360px;margin:0 auto;padding:120px 48px;align-items:center;gap:80px}.cta-left h2{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;color:#fff;margin-bottom:20px}.cta-left h2 em{font-style:normal;color:var(--orange)}.cta-left>p{color:rgba(255,255,255,.5);font-size:1.02rem;line-height:1.7;margin-bottom:36px}.cta-checks{list-style:none;display:flex;flex-direction:column;gap:14px}.cta-checks li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.7);font-size:.92rem}.cta-checks .ck{width:24px;height:24px;background:var(--orange);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta-checks .ck svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3}.cta-form{background:var(--bg);padding:48px;border-radius:24px;box-shadow:0 40px 80px rgba(0,0,0,.3)}.cta-form h3{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:6px}.cta-form>p{color:var(--text-light);font-size:.88rem;margin-bottom:28px}.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.f-group{margin-bottom:16px}.f-group label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px}.f-group input,.f-group select,.f-group textarea{width:100%;padding:14px 16px;background:var(--bg-alt);border:1.5px solid transparent;border-radius:12px;font-family:var(--font);font-size:16px;color:var(--text);outline:none;transition:all .3s}.f-group input:focus,.f-group select:focus,.f-group textarea:focus{border-color:var(--orange);background:#fff}.f-group textarea{resize:vertical;min-height:80px}.f-group select{cursor:pointer}.f-submit{width:100%;padding:18px;background:var(--orange);color:#fff;font-family:var(--font);font-size:.95rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;transition:all .3s}.f-submit:hover{background:var(--text);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.contact-section{background:var(--bg-alt)}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.contact-card{background:var(--bg);padding:40px;border-radius:20px;transition:all .35s;border:1.5px solid transparent}.contact-card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.04)}.cc-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--orange),var(--orange-light));border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.cc-icon svg{width:24px;height:24px;fill:#fff}.contact-card h4{font-size:1.05rem;font-weight:800;margin-bottom:10px}.contact-card p{font-size:.92rem;color:var(--text-light);line-height:1.6}.contact-card a{transition:color .3s}.contact-card a:hover{color:var(--orange)}.map-wrap{border-radius:24px;overflow:hidden;margin-top:60px;height:400px;box-shadow:0 12px 40px rgba(0,0,0,.06)}.map-wrap iframe{width:100%;height:100%;border:none;filter:saturate(.7) contrast(1.05)}.footer{background:var(--bg-dark);color:var(--text-inv);padding:80px 48px 40px}.footer-inner{max-width:1360px;margin:0 auto}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.ft-brand{font-size:1.6rem;font-weight:900;letter-spacing:-.03em;margin-bottom:12px}.ft-brand span{color:var(--orange)}.ft-desc{font-size:.88rem;color:rgba(255,255,255,.4);line-height:1.7;max-width:300px;margin-bottom:24px}.ft-social{display:flex;gap:10px}.ft-social a{width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s}.ft-social a:hover{border-color:var(--orange);background:var(--orange)}.ft-social a svg{width:18px;height:18px;fill:currentColor}.ft-col h5{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:20px}.ft-col ul{list-style:none}.ft-col li{margin-bottom:10px}.ft-col a{font-size:.88rem;color:rgba(255,255,255,.5);transition:color .3s}.ft-col a:hover{color:var(--orange)}.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;font-size:.78rem;color:rgba(255,255,255,.3)}.wa{position:fixed;bottom:28px;right:28px;z-index:900;display:flex;align-items:center;gap:10px}.wa-tip{background:#fff;padding:10px 18px;border-radius:50px;font-size:.82rem;font-weight:600;color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.1);opacity:0;transform:translateX(10px);transition:all .3s}.wa:hover .wa-tip{opacity:1;transform:none}.wa-btn{width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.35);transition:all .3s;animation:waPulse 3s infinite}.wa-btn:hover{transform:scale(1.1)}.wa-btn svg{width:28px;height:28px;fill:#fff}@keyframes waPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.4)}50%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}@keyframes fadeIn{to{opacity:1}}@keyframes wordUp{to{transform:translateY(0)}}@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto}.hero-left{padding:140px 40px 60px}.hero-right{height:50vh}.hero-diagonal{display:none}.hero-scroll{display:none}.svc-grid{grid-template-columns:1fr 1fr}.svc-card:nth-child(1),.svc-card:nth-child(4){grid-column:span 1}.about-grid{grid-template-columns:1fr;gap:40px}.about-imgs{height:400px}.proj-masonry{columns:2}.process-steps{grid-template-columns:1fr 1fr;gap:40px}.process-steps::before{display:none}.rev-grid{grid-template-columns:1fr}.cta-content{grid-template-columns:1fr;gap:40px}.cta-overlay-diag{background:rgba(26,29,35,.85)}.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:768px){.section{padding:100px 24px}.nav{padding:18px 24px}.nav-links{display:none}.nav-toggle{display:flex}.hero-left{padding:120px 24px 48px}.hero-stats{flex-wrap:wrap;gap:24px}.hero-mosaic{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important;height:240px!important;gap:6px!important}.hero-mosaic .tile:nth-child(n+3){display:none}.svc-grid{grid-template-columns:1fr}.about-imgs{height:300px}.about-perks{grid-template-columns:1fr}.proj-masonry{columns:1}.proj-header{flex-direction:column;gap:20px;align-items:flex-start}.process-steps{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:10px;text-align:center}.cta-form{padding:32px}.f-row{grid-template-columns:1fr}}body::before{content:'';position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--blue),var(--gold));z-index:10001}.svc-card::after{content:'';position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,rgba(255,92,0,0.15),transparent);transition:opacity .6s;z-index:1}.svc-card:hover::after{opacity:1}.cta-form{position:relative}.cta-form::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--orange),var(--blue),var(--orange));border-radius:26px;z-index:-1;opacity:0;transition:opacity .5s}.cta-form:hover::before{opacity:1}.hero-stat-num{position:relative}.hero-stat-num::after{content:'';position:absolute;bottom:-8px;left:0;width:30px;height:3px;background:var(--orange);border-radius:3px}.hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background-image:radial-gradient(circle,var(--orange) 1px,transparent 1px);background-size:60px 60px;opacity:.03}.google-bar{border:1.5px solid var(--border);transition:all .4s}.google-bar:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,92,0,.08)}.svc-card::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);z-index:3;transition:left .8s;pointer-events:none}.svc-card:hover::before{left:150%}.step-circle::after{content:'';position:absolute;top:50%;left:100%;width:calc(100% + 64px);height:2px;background:linear-gradient(90deg,rgba(255,92,0,.3),transparent);pointer-events:none}.process-step:last-child .step-circle::after{display:none}.rev-card .rev-stars::before{content:'"';font-family:Georgia,serif;font-size:4rem;line-height:1;color:var(--orange);opacity:.15;position:absolute;top:20px;right:24px}.section{position:relative}.cc-icon{transition:all .4s}.contact-card:hover .cc-icon{transform:scale(1.1) rotate(-5deg)}.ft-social a svg{transition:all .3s}.ft-social a:hover svg{transform:scale(1.15)}.cb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;transition:all .4s}.cb-overlay.open{opacity:1;visibility:visible}.cb-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:9999;background:var(--bg);border-radius:24px;padding:48px;max-width:480px;width:90%;box-shadow:0 40px 80px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.76,0,.24,1)}.cb-popup.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.cb-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:var(--bg-alt);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text);transition:all .3s}.cb-close:hover{background:var(--orange);color:#fff}@media(max-width:1100px){.faq-section .section-inner>div{grid-template-columns:1fr!important}.usps-section .section-inner>div{grid-template-columns:1fr 1fr!important}}@media(max-width:768px){.usps-section .section-inner>div{grid-template-columns:1fr!important}.partners-section div[style*="gap:48px"]{gap:24px!important}}@media(max-width:1100px){}@media(max-width:768px){.svc-card{min-height:300px!important}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9997;background:var(--bg-dark);color:var(--text-inv);padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 -4px 20px rgba(0,0,0,.15);font-size:.88rem}.cookie-text{flex:1}.cookie-text strong{color:var(--orange)}.cookie-btns{display:flex;gap:10px;flex-shrink:0}.cookie-accept{padding:10px 24px;background:var(--orange);color:#fff;border:none;border-radius:50px;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .3s}.cookie-accept:hover{background:#fff;color:var(--text)}.cookie-decline{padding:10px 24px;background:transparent;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.15);border-radius:50px;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .3s}.cookie-decline:hover{border-color:rgba(255,255,255,.4);color:#fff}.sticky-cta{position:fixed;bottom:-80px;left:0;right:0;z-index:990;background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(0,0,0,.06);transition:bottom .4s cubic-bezier(.76,0,.24,1);padding:12px 32px}.sticky-cta.visible{bottom:0}.sticky-cta-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.sticky-cta-text{font-size:.9rem;color:var(--text)}.sticky-cta-text strong{color:var(--orange)}.sticky-cta-btns{display:flex;gap:10px}.sticky-btn{padding:10px 22px;border-radius:50px;font-weight:700;font-size:.82rem;text-decoration:none;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.sticky-btn-call{background:var(--bg-alt);color:var(--text)}.sticky-btn-call:hover{background:var(--text);color:#fff}.sticky-btn-offerte{background:var(--orange);color:#fff}.sticky-btn-offerte:hover{background:var(--text)}.page-hero{position:relative;min-height:55vh;display:flex;align-items:flex-end;overflow:hidden;padding:60px 48px 48px}.page-hero-img{position:absolute;inset:0}.page-hero-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.4)}.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,29,35,.9) 0%,rgba(26,29,35,.3) 100%)}.page-hero-content{position:relative;z-index:2;max-width:1360px;margin:0 auto;width:100%;color:#fff;padding-top:40px}.page-hero-content h1{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin-bottom:12px}.page-hero-content>p{font-size:1.05rem;color:rgba(255,255,255,.7);line-height:1.7;max-width:600px}.bc-active{color:var(--text);font-weight:600}.blog-content h2{font-size:1.4rem;font-weight:800;margin:32px 0 12px;color:var(--text)}.blog-content h3{font-size:1.15rem;font-weight:700;margin:24px 0 8px}.blog-content p{margin-bottom:16px}.blog-content ul,.blog-content ol{margin:16px 0;padding-left:24px}.blog-content li{margin-bottom:8px}.blog-content img{border-radius:12px;margin:20px 0}@media(max-width:768px){.cookie-banner{flex-direction:column;gap:12px;padding:16px 20px}.sticky-cta-inner{flex-direction:column;gap:10px;text-align:center}.sticky-cta-text{font-size:.82rem}.page-hero{min-height:45vh;padding:40px 24px 32px}.page-hero-content h1{font-size:1.8rem}.breadcrumb{padding:12px 24px;overflow-x:auto}}@media(max-width:1000px){.page-hero .page-hero-content .btn-big{padding:14px 24px;font-size:.85rem}}@media(max-width:768px){.breadcrumb{padding:12px 24px;padding-top:80px}.page-hero{min-height:45vh!important;padding:40px 24px 32px}}@media(max-width:600px){.svc-grid{grid-template-columns:1fr!important}.svc-grid .svc-card{min-height:200px!important}.usp-grid{grid-template-columns:1fr!important}.steps-row{flex-direction:column!important;gap:32px!important}.step-card{width:100%!important;min-width:0!important}.steps-line{display:none!important}.step-num{margin:0 auto 12px!important}.sticky-cta{padding:10px 16px}.sticky-cta-inner{gap:8px}.sticky-cta-text{font-size:.78rem}.sticky-btn{padding:8px 16px;font-size:.78rem}.usp-card p,.svc-card p{word-wrap:break-word;overflow-wrap:break-word}}@media(max-width:480px){.hero-text{padding:24px 20px!important}section{padding-left:20px!important;padding-right:20px!important}}@media(max-width:768px){.usp-grid{grid-template-columns:1fr 1fr!important;gap:16px!important}.process-steps{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:500px){.usp-grid{grid-template-columns:1fr!important;gap:12px!important}}@media(max-width:768px){.hero-split{grid-template-columns:1fr!important}.hero-mosaic .tile:nth-child(n+3){display:none}.svc-card{min-height:180px!important}.svc-card-content{padding:20px!important}.svc-card-content p{font-size:.82rem!important;line-height:1.5!important}.about-grid{grid-template-columns:1fr!important;gap:32px!important}.about-img-wrap{max-width:100%!important}.about-badge{position:relative!important;right:auto!important;bottom:auto!important;margin:-40px auto 0!important;display:flex!important;width:90px!important;height:90px!important}.usp-grid{grid-template-columns:1fr!important;gap:12px!important}.wa{bottom:80px!important;right:16px!important;z-index:995!important}.sticky-cta{padding:8px 16px!important}.sticky-cta-text{font-size:.75rem!important}.sticky-btn{padding:8px 14px!important;font-size:.75rem!important}.process-steps{overflow-x:auto;padding-bottom:16px}.rev-grid{grid-template-columns:1fr!important}}@media(max-width:480px){.hero-mosaic{height:200px!important}.section{padding:60px 20px!important}.svc-section.section{padding:60px 20px!important}.svc-feat{grid-template-columns:1fr!important}.svc-feat-img{height:220px!important}}@media(max-width:768px){.about-exp-badge{left:0!important;bottom:auto!important;top:auto!important;position:relative!important;margin:12px auto 0!important}.about-imgs{height:auto!important;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.about-img-main{position:relative!important;width:60%!important;height:250px!important;border-radius:16px;overflow:hidden}.about-img-float{position:relative!important;width:35%!important;height:180px!important;border-radius:16px;overflow:hidden;border:none!important}.about-exp-badge{position:relative!important;top:auto!important;right:auto!important;width:80px!important;height:80px!important;margin:-30px 0 0 auto!important}.about-exp-badge .num{font-size:1.6rem!important}}@media(max-width:768px){.hero{min-height:auto!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important}.hero-left{padding:120px 24px 40px!important}.hero h1{font-size:2.2rem!important}.hero-desc{font-size:.95rem!important}.hero-stats{gap:24px!important;margin-top:32px!important}.hero-stat-num{font-size:1.5rem!important}.hero-mosaic .tile:nth-child(n+3){display:none!important}}@media(max-width:480px){.hero-left{padding:100px 20px 32px!important}.hero h1{font-size:1.8rem!important}}.svc-row{display:grid;gap:4px;margin-top:4px}.svc-row[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.svc-row[data-cols="2"]{grid-template-columns:1.4fr 0.6fr}.svc-row.svc-row-1[data-cols="2"]{grid-template-columns:0.6fr 1.4fr}.svc-row.svc-row-3[data-cols="2"]{grid-template-columns:0.6fr 1.4fr}@media(max-width:900px){.svc-row[data-cols="3"]{grid-template-columns:1fr 1fr!important}.svc-row[data-cols="2"]{grid-template-columns:1fr 1fr!important}}@media(max-width:700px){.svc-row{grid-template-columns:1fr!important;gap:8px!important}.svc-card{min-height:220px!important}}@media(max-width:768px){.hero-mosaic{height:260px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important;gap:6px!important}.hero-mosaic .tile:nth-child(n+3){display:none!important}}@media(max-width:400px){.hero-mosaic{height:200px!important;grid-template-columns:1fr 1fr!important}}.wa{z-index:996!important}.wa .wa-btn{width:60px!important;height:60px!important;box-shadow:0 4px 20px rgba(37,211,102,.4)!important;animation:waPulse 2s ease-in-out infinite!important}@keyframes waPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 30px rgba(37,211,102,.6),0 0 0 12px rgba(37,211,102,.1)}}.wa .wa-btn svg{width:32px!important;height:32px!important}@media(max-width:768px){.wa{bottom:85px!important;right:16px!important}}.proj-card:hover img{transform:scale(1.08)!important}.proj-card:hover .proj-hover{opacity:1!important}.proj-card:hover .proj-hover div{transform:scale(1)!important}@media(max-width:768px){.steps-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}.proj-grid{grid-template-columns:1fr 1fr!important}.proj-card{aspect-ratio:3/4!important}}@media(max-width:480px){.steps-grid{grid-template-columns:1fr!important}}.rev-section[style*="bg-dark"] .rev-stars .star{color:var(--orange)!important}.rev-section[style*="bg-dark"] .rev-text{color:rgba(255,255,255,.7)!important}.rev-section[style*="bg-dark"] .rev-author strong{color:#fff!important}.rev-section[style*="bg-dark"] .rev-info span{color:rgba(255,255,255,.4)!important}.rev-section[style*="bg-dark"] .rev-avatar{background:linear-gradient(135deg,#FF5C00,#ff8a3d)!important;color:#fff!important}.rev-section[style*="bg-dark"] .sec-label{color:var(--orange)!important}.rev-section[style*="bg-dark"] .sec-title{color:#fff!important}.rev-section[style*="bg-dark"] .google-bar{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.06)!important}.rev-section[style*="bg-dark"] .g-text{color:rgba(255,255,255,.4)!important}.rev-section[style*="bg-dark"] .g-score{color:#fff!important}@media(max-width:600px){.proj-grid{grid-template-columns:1fr!important}}.hero-slideshow{position:relative;overflow:hidden;height:100%}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.85)}.hero-slide-dots{position:absolute;bottom:28px;right:28px;display:flex;gap:8px;z-index:5}.hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s}.hero-dot:hover{background:rgba(255,255,255,.6)}.hero-dot.active{background:var(--orange);width:28px;border-radius:5px}@media(max-width:768px){.hero-slideshow{height:280px;position:relative}.hero-slide img{filter:brightness(.8)}.hero-slide-dots{bottom:16px;right:16px}}@media(max-width:480px){.hero-slideshow{height:220px}}.dienst-scroll::-webkit-scrollbar{display:none}.dienst-slide:hover img{transform:scale(1.06)!important}.dienst-arrows button:hover svg{stroke:#fff}@media(max-width:768px){.dienst-slide{flex:0 0 260px!important;height:340px!important}.dienst-arrows{display:none!important}#diensten .section-inner > .rv{flex-direction:column!important}#diensten [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}}@media(max-width:480px){.dienst-slide{flex:0 0 85vw!important;height:300px!important}}.faq-item.open button span{color:var(--orange)!important}.faq-item.open .faq-icon{background:var(--orange)!important;border-color:var(--orange)!important}.faq-item.open .faq-icon svg{transform:rotate(180deg);stroke:#fff}@media(max-width:768px){.contact-grid{grid-template-columns:1fr!important;gap:16px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}#faq .section-inner > div{grid-template-columns:1fr!important;gap:40px!important}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr!important}}.faq-item{border-bottom:1px solid rgba(255,255,255,.07)}.faq-item.faq-open .faq-btn{color:#fff}.faq-btn:hover .faq-chevron{border-color:rgba(255,92,0,.4)!important}@media(max-width:1200px){.ft-grid{grid-template-columns:1.4fr 1fr 1fr 1fr!important}.ft-grid>div:nth-child(5){display:none}}@media(max-width:900px){.ft-grid{grid-template-columns:1fr 1fr 1fr!important;gap:32px!important}.ft-grid>div:first-child{grid-column:span 3}}@media(max-width:600px){.ft-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}.ft-grid>div:first-child{grid-column:span 2}.ft-grid>div:nth-child(4),.ft-grid>div:nth-child(5){display:none}}@media(max-width:768px){.contact-bottom-grid{grid-template-columns:1fr!important}.contact-grid{grid-template-columns:1fr!important}}@media(max-width:900px){.faq-layout{grid-template-columns:1fr!important;gap:40px!important}.faq-layout>div:first-child{position:static!important}}@media(max-width:768px){footer [style*="max-width:1360px"]{padding-left:24px!important;padding-right:24px!important}footer>div:first-child{padding-left:24px!important;padding-right:24px!important}}@media(max-width:900px){.dienst-grid{grid-template-columns:1fr!important}.locatie-grid{grid-template-columns:1fr!important}.project-detail-grid{grid-template-columns:1fr!important}.blog-post-grid{grid-template-columns:1fr!important}.blog-post-grid aside{position:static!important}.blog-featured{grid-template-columns:1fr!important}.blog-grid{grid-template-columns:1fr 1fr!important}.proj-overview-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr!important}.proj-overview-grid{grid-template-columns:1fr!important}}.nav-logo{padding:0!important}.nav-logo-img{height:52px!important;width:auto!important;display:block!important;transition:opacity .3s}.nav-logo-img:hover{opacity:.85}#projecten{border-top:3px solid var(--gold)}#werkwijze{border-top:3px solid var(--gold)}#reviews{border-top:3px solid var(--gold)}#faq{border-top:3px solid var(--gold)}#offerte{border-top:3px solid var(--gold)}#contact{border-top:3px solid var(--gold)}footer{border-top:3px solid var(--gold)}footer{padding-bottom:80px !important}.nav-links{gap:6px !important}.nav-links a{font-size:.84rem !important;padding:8px 12px !important}.nav-cta-btn{font-size:.82rem !important;padding:10px 20px !important}.nav-links .nav-cta-btn:nth-last-child(2){margin-left:4px}@media(max-width:768px){.page-hero,.hero{padding:100px 20px 60px !important;min-height:auto !important}.hero h1{font-size:2rem !important}.hero-stats{gap:16px !important}.hero-stats > div{min-width:auto !important}.hero-mosaic{display:none !important}.nav{padding:12px 16px !important}.nav-logo img{height:40px !important}.nav-links{display:none !important}section{padding:60px 20px !important}.section-inner{padding:0 !important}.locatie-grid, .contact-grid, .contact-bottom-grid, .ft-grid{grid-template-columns:1fr !important;gap:24px !important}.ft-grid{gap:32px !important}.sticky-cta{padding:10px 16px !important}.sticky-cta-text strong{font-size:.82rem !important}.sticky-cta-text{font-size:.75rem !important}.sticky-btn{padding:8px 16px !important;font-size:.78rem !important}.trust-grid{grid-template-columns:1fr 1fr !important;gap:12px !important}.svc-slider{gap:12px !important}.svc-card{min-width:260px !important}.blog-grid{grid-template-columns:1fr !important}section > div[style*="grid-template-columns:1.3fr"]{grid-template-columns:1fr !important}.contact-card-dark{padding:24px 20px !important}.steps-grid{grid-template-columns:1fr !important;gap:24px !important}.cookie-banner{left:12px !important;right:12px !important;bottom:70px !important;max-width:none !important;font-size:.85rem !important;padding:16px !important}}@media(min-width:769px) and (max-width:1100px){.nav-links a{font-size:.78rem !important;padding:6px 8px !important}.nav-cta-btn{padding:8px 14px !important;font-size:.78rem !important}.ft-grid{grid-template-columns:1fr 1fr 1fr !important}.trust-grid{grid-template-columns:1fr 1fr !important}section{padding:60px 32px !important}}.svc-card:hover,.media-item:hover{box-shadow:0 12px 40px rgba(0,0,0,.08) !important}html{scroll-behavior:smooth;scroll-padding-top:80px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}@media print{.nav,.sticky-cta,.mob-menu,.cookie-banner,.cta-section,footer{display:none !important}section{padding:20px 0 !important;page-break-inside:avoid}body{color:#000 !important;background:#fff !important}}@media(max-width:768px){.btn-big{min-height:48px!important;padding:14px 28px!important}.nav-cta-btn{min-height:44px!important}.f-submit{min-height:52px!important}.cookie-accept,.cookie-decline{min-height:44px!important;padding:12px 24px!important}.sticky-btn{min-height:44px!important}}.hero-tagline{font-size:.95rem;line-height:1.65;color:var(--text-light);max-width:440px;margin-top:12px;opacity:0;animation:fadeIn .8s 3.1s forwards}

/* ============================================================
   RESPONSIVE PATCH — halconnederland.nl
   12 fixes voor responsive issues
   ============================================================ */

/* FIX 1: Featured dienst-card (Lichtstaal) 2-koloms → 1 kolom mobiel */
@media(max-width:900px){
  .svc-featured{grid-template-columns:1fr!important}
  .svc-featured>div:first-child{min-height:220px!important}
  .svc-featured>div:last-child{padding:32px 24px!important}
}
@media(max-width:480px){
  .svc-featured>div:first-child{min-height:180px!important}
  .svc-featured>div:last-child{padding:28px 20px!important}
  .svc-featured>div:last-child h3{font-size:1.4rem!important}
}

/* FIX 2: Inline padding op secties overruled media queries */
@media(max-width:768px){
  #diensten,#projecten,#werkwijze,#reviews,#faq,#offerte,#contact,
  .about-section,section.section[style*="padding:120px"],
  section[style*="padding:120px 48px"]{
    padding:60px 20px!important
  }
}
@media(min-width:769px) and (max-width:1100px){
  section[style*="padding:120px 48px"],section[style*="padding:100px 48px"]{
    padding:80px 32px!important
  }
}

/* FIX 3: FAQ gap 80px te groot op tablet */
@media(max-width:900px){
  .faq-layout{grid-template-columns:1fr!important;gap:32px!important}
}

/* FIX 4: Footer grid inline style te specifiek */
@media(max-width:400px){
  .ft-grid{grid-template-columns:1fr!important}
  .ft-grid>div:first-child{grid-column:span 1}
}

/* FIX 5: Trust-grid 4-koloms op mobiel */
@media(max-width:1100px){
  .trust-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}
}
@media(max-width:600px){
  .trust-grid{grid-template-columns:1fr!important;gap:12px!important}
}

/* FIX 6: Contact-cards inline repeat(3,1fr) override */
@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr 1fr!important;gap:16px!important}
}
@media(max-width:600px){
  .contact-grid{grid-template-columns:1fr!important}
}

/* FIX 7: Diensten-dropdown 600px min-width op tablet */
@media(max-width:900px){
  #svcDd{min-width:auto!important;width:90vw!important;max-width:600px}
  #regioDd{min-width:auto!important;width:80vw!important;max-width:300px}
}

/* FIX 9: Regio-links betere layout */
@media(max-width:900px){
  .contact-bottom-grid{grid-template-columns:1fr!important;gap:16px!important}
}

/* FIX 10: Cookie + Sticky CTA + WhatsApp overlap */
body.cookie-visible .sticky-cta{bottom:-80px!important}
body.cookie-visible .wa{bottom:100px!important}
@media(max-width:768px){
  body.cookie-visible .wa{bottom:120px!important}
}

/* FIX 11: Hero slideshow dots — grotere tap targets */
.hero-dot{min-width:28px;min-height:28px;position:relative}
.hero-dot::before{content:'';position:absolute;inset:-8px}
@media(max-width:768px){
  .hero-dot{min-width:32px;min-height:32px}
  .hero-slide-dots{bottom:12px!important;right:12px!important;gap:10px!important}
}

/* FIX 12: Partner logos wrap forceren op mobiel */
@media(max-width:600px){
  .partner-logos{gap:24px!important;justify-content:center!important}
  .partner-logos>div{font-size:1rem!important}
}

/* FIX 13: body::before z-index verlagen */
body::before{z-index:999!important}

/* BONUS: Overflow catch-all */
html,body{overflow-x:hidden!important;max-width:100vw}
.section-inner,.hero-left,.about-text,.cta-left,.cta-form{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}

/* ============================================================
   LICHTSTAAL SPECIFIEKE SECTIES — Responsive
   ============================================================ */
@media(max-width:900px){
  .ls-compare-grid{grid-template-columns:1fr!important}
  .ls-stats-grid{grid-template-columns:1fr 1fr!important}
  .ls-process-grid{grid-template-columns:1fr 1fr!important}
  .ls-blog-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .ls-stats-grid{grid-template-columns:1fr!important}
  .ls-process-grid{grid-template-columns:1fr!important}
}