/*
Theme Name: Agri Drone Scan
Theme URI: https://agridronescan.nl/
Author: Agri Drone Scan
Description: Modern maatwerkthema voor Agri Drone Scan.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: agri-drone-scan
*/
:root{--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
:root{--ink:#0b251a;--deep:#061b13;--lime:#b8f34a;--cream:#f3f5ee;--line:rgba(11,37,26,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body),sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display),sans-serif}em{font-style:normal;color:#679b30}
header{position:absolute;z-index:10;top:0;width:100%;height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff2b}.brand{display:flex;align-items:center;gap:8px;font:700 14px var(--display);letter-spacing:.08em}.brand b{color:var(--lime)}.mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--lime);border-radius:50%;font-size:24px;color:var(--lime)}nav{display:flex;gap:34px;font-size:14px}nav a{opacity:.75;transition:.2s}nav a:hover{opacity:1;color:var(--lime)}.headCta{display:flex;gap:25px;border:1px solid #ffffff55;padding:13px 17px;font-size:13px}.headCta:hover{background:#fff;color:var(--deep)}
.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:var(--deep);color:#fff}.heroPhoto{position:absolute;inset:0;background:url('https://agridronescan.nl/wp-content/uploads/2026/03/Wouter-51-1024x683.jpg') center/cover;filter:saturate(.7)}.wash{position:absolute;inset:0;background:linear-gradient(90deg,#061b13f5 0%,#061b13c9 45%,#061b132e 80%),linear-gradient(0deg,#061b138c,transparent 55%)}.flight{position:absolute;right:8%;top:22%;width:36%;height:39%;border:1px solid #b8f34a42;border-left:0;border-bottom:0;transform:skewY(-10deg)}.flight i{position:absolute;width:10px;height:10px;border:2px solid var(--lime);border-radius:50%;box-shadow:0 0 0 8px #b8f34a22;animation:fly 7s ease-in-out infinite}@keyframes fly{0%,100%{left:0;top:-5px}50%{left:calc(100% - 8px);top:42%}}
.heroCopy{position:relative;z-index:2;padding:clamp(165px,23vh,220px) 5vw 70px;max-width:820px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}.eyebrow i{width:28px;height:1px;background:var(--lime)}.hero h1{font-size:clamp(58px,7vw,100px);line-height:.94;letter-spacing:-.055em;margin:27px 0;font-weight:650}.hero h1 em,.cta em{color:var(--lime)}.intro{max-width:550px;font-size:18px;line-height:1.7;color:#ffffffbf}.actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 21px;font-size:13px;font-weight:700;transition:.25s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:var(--deep)}.under{font-size:13px;padding:12px 0;border-bottom:1px solid #ffffff66}
.scan{position:absolute;z-index:3;right:5vw;bottom:10%;width:286px;padding:15px;background:#061b13d9;border:1px solid #ffffff33;backdrop-filter:blur(10px)}.scan>div{display:flex;justify-content:space-between;font:700 9px var(--display);letter-spacing:.12em}.scan>div b{color:var(--lime)}.scan figure{height:115px;margin:13px 0;background:repeating-linear-gradient(110deg,#b8f34a20 0 2px,transparent 2px 17px),linear-gradient(135deg,#294e2f,#60823e);position:relative;overflow:hidden}.scan figure i{position:absolute;width:100%;height:3px;background:var(--lime);box-shadow:0 0 20px 7px #b8f34a88;animation:scan 3s linear infinite}@keyframes scan{from{top:-8px}to{top:120px}}.scan u{position:absolute;width:8px;height:8px;border:2px solid white;border-radius:50%}.scan u:nth-of-type(1){left:20%;top:30%}.scan u:nth-of-type(2){left:57%;top:68%}.scan u:nth-of-type(3){right:14%;top:24%}.scan aside{display:flex;gap:32px}.scan aside p{margin:0}.scan strong{display:block;font:600 20px var(--display)}.scan small{font-size:8px;opacity:.6}.scroll{position:absolute;z-index:3;bottom:18px;left:49%;font-size:8px;line-height:2.5;text-align:center;letter-spacing:.18em}
.proof{min-height:70px;padding:15px 5vw;background:var(--lime);display:flex;align-items:center;justify-content:space-around;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em}.section{padding:105px 6vw}.kicker{border-top:1px solid var(--line);padding-top:14px;font-size:9px;font-weight:800;letter-spacing:.2em}.heading{display:grid;grid-template-columns:1.4fr .7fr;gap:9vw;align-items:end;margin:32px 0 62px}.heading h2,.fieldCopy h2,.cta h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.05em;margin:0;font-weight:600}.heading p,.fieldCopy>p{color:#5e6d64;font-size:16px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cards article{position:relative;min-height:360px;padding:24px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s}.cards article:hover{background:#fff;transform:translateY(-5px);box-shadow:0 18px 45px #0b251a12}.cards article>span{font:700 10px var(--display);color:#7e8e84}.icon{width:88px;height:88px;border:1px solid #7eaa57;border-radius:50%;margin:34px auto 42px;display:grid;place-items:center;position:relative}.icon:before,.icon:after{content:'';position:absolute;background:#7eaa57}.icon:before{width:1px;height:105px}.icon:after{height:1px;width:105px}.icon i{width:32px;height:32px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 9px #b8f34a33}.i02{border-radius:4px;transform:rotate(45deg)}.i02 i{border-radius:3px}.i03 i{background:transparent;border:3px dotted var(--lime)}.cards h3{font-size:22px;margin:0 0 10px}.cards article p{color:#68766d;font-size:14px;line-height:1.6;max-width:290px}.cards article>a{position:absolute;right:25px;bottom:24px;width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center}
.field{display:grid;grid-template-columns:1.08fr .92fr;background:#e1ecd9}.fieldImage{min-height:670px;background:url('https://agridronescan.nl/wp-content/uploads/2026/03/Wouter-2-1024x683.jpg') center/cover;position:relative}.fieldImage small{position:absolute;left:24px;bottom:22px;padding:10px 12px;background:#061b13d9;color:#fff;font-size:8px;letter-spacing:.13em}.target{position:absolute;left:52%;top:40%;width:145px;height:145px;border:1px solid #fff;border-radius:50%;animation:pulse 3s ease-in-out infinite}.target i{position:absolute;inset:27px;border:1px solid #fff;border-radius:50%}.target b{position:absolute;left:50%;top:50%;width:9px;height:9px;background:var(--lime);border-radius:50%;transform:translate(-50%,-50%)}@keyframes pulse{50%{transform:scale(1.1);opacity:.65}}.fieldCopy{padding:7vw;display:flex;flex-direction:column;justify-content:center}.dark{color:#55793c}.fieldCopy h2{margin:24px 0}.metrics{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.metrics p{flex:1;margin:0;padding:20px 25px 20px 0}.metrics p+p{border-left:1px solid var(--line);padding-left:25px}.metrics b{display:block;font:600 27px var(--display)}.metrics span{font-size:8px;letter-spacing:.12em}.darkBtn{background:var(--ink);color:white;align-self:flex-start}
.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.steps:before{content:'';position:absolute;top:31px;left:0;right:0;height:1px;background:#bfd1b4}.steps article{position:relative;padding-right:10%}.steps article>span{font-size:9px;color:#73836f}.steps article>i{position:relative;z-index:2;display:block;width:12px;height:12px;margin:16px 0 42px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 6px #eef8dc}.steps h3{font-size:23px}.steps p{max-width:290px;color:#6a776f;line-height:1.6}.cta{padding:82px 6vw;background:var(--deep);color:#fff;display:flex;align-items:end;justify-content:space-between}.cta h2{margin-top:20px}.white{background:white;color:var(--deep);margin-bottom:8px}footer{padding:48px 6vw;background:#04130e;color:white;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid #ffffff1a}footer>p{font-size:12px;color:#ffffff88}footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px}footer>div span{opacity:.45}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;width:58px;height:58px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;box-shadow:0 10px 28px #0004;transition:.2s}.whatsapp b{font-size:22px;transform:rotate(-18deg)}.whatsapp span{position:absolute;right:68px;white-space:nowrap;background:#fff;color:var(--ink);padding:9px 12px;font-size:12px;box-shadow:0 8px 22px #0002;opacity:0;transform:translateX(5px);transition:.2s}.whatsapp:hover{transform:scale(1.08)}.whatsapp:hover span{opacity:1;transform:none}

/* Content-rich concept additions */
.flight .flyingDrone{position:absolute;width:38px;height:14px;background:var(--lime);border:0;border-radius:5px;box-shadow:0 0 18px #b8f34a88;animation:droneFlight 7s ease-in-out infinite}.flyingDrone:before,.flyingDrone:after{content:'';position:absolute;top:-8px;width:15px;height:15px;border:2px solid var(--lime);border-radius:50%}.flyingDrone:before{left:-15px}.flyingDrone:after{right:-15px}.flyingDrone b,.flyingDrone u{position:absolute;top:4px;width:18px;height:2px;background:var(--lime);text-decoration:none}.flyingDrone b{left:-12px;transform:rotate(20deg)}.flyingDrone u{right:-12px;transform:rotate(-20deg)}.flyingDrone span{position:absolute;left:15px;bottom:-7px;width:8px;height:8px;border:2px solid white;border-top:0;border-radius:0 0 5px 5px}@keyframes droneFlight{0%,100%{left:0;top:-7px;transform:scale(.85)}50%{left:calc(100% - 38px);top:42%;transform:scale(1)}}
.heading h2,.fieldCopy h2,.cta h2,.spotCopy h2,.rtk h2,.about h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.05em;margin:0;font-weight:600}.cards{grid-template-columns:repeat(2,1fr)}.cards article{min-height:340px}.steps{grid-template-columns:repeat(3,1fr)}
.spotlight{padding:105px 6vw;background:var(--deep);color:white;display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:center}.spotCopy .kicker{border-color:#ffffff2b}.spotCopy h2{margin:28px 0}.spotCopy>p:not(.kicker){color:#ffffffb8;line-height:1.75;max-width:630px}.spotCopy ul{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr}.spotCopy li{padding:14px 18px 14px 0;border-top:1px solid #ffffff25;font-size:13px}.spotCopy li b{color:var(--lime)}.spotVisual{min-height:480px;position:relative;background:linear-gradient(135deg,#315d37,#749146);overflow:hidden}.spotVisual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(100deg,#ffffff18 0 2px,transparent 2px 38px)}.sprayMap{position:absolute;inset:12%;border:1px solid #ffffff88;transform:rotate(-4deg)}.sprayMap span{position:absolute;width:24px;height:24px;border-radius:50%;background:#f6d64a;box-shadow:0 0 0 10px #f6d64a33}.sprayMap span:nth-child(1){left:12%;top:22%}.sprayMap span:nth-child(2){left:65%;top:15%}.sprayMap span:nth-child(3){left:42%;top:55%}.sprayMap span:nth-child(4){right:9%;bottom:12%}.sprayMap span:nth-child(5){left:9%;bottom:8%}.saving{position:absolute;right:20px;bottom:20px;background:var(--lime);color:var(--deep);padding:22px}.saving strong{display:block;font:700 38px var(--display)}.saving small{font-size:9px;letter-spacing:.14em}
.rtk{padding:105px 8vw;background:#123d2a;color:white;display:grid;grid-template-columns:1fr .75fr;gap:9vw;align-items:center}.rtk h2{margin:26px 0}.rtk h2 em{color:var(--lime)}.rtk>div>p:not(.eyebrow){color:#ffffffb5;line-height:1.75;max-width:650px}.rtkGrid{display:grid;grid-template-columns:1fr 1fr;margin-top:32px}.rtkGrid span{border-top:1px solid #ffffff2d;padding:15px 20px 15px 0;font-size:12px}.rtkGrid span:before{content:'✓';color:var(--lime);margin-right:9px}.radar{width:min(34vw,420px);aspect-ratio:1;border:1px solid #b8f34a88;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#b8f34a16 0 3%,transparent 4%)}.radar i{position:absolute;inset:14%;border:1px solid #b8f34a55;border-radius:50%}.radar i:nth-child(2){inset:28%}.radar i:nth-child(3){inset:42%}.radar:after{content:'';position:absolute;left:50%;top:50%;width:48%;height:1px;background:var(--lime);transform-origin:left;animation:radarSweep 4s linear infinite}@keyframes radarSweep{to{transform:rotate(360deg)}}.radar b{font:700 24px var(--display);color:var(--lime)}.radar span{position:absolute;bottom:19%;font-size:8px;letter-spacing:.18em;color:#ffffff99}
.about{padding:105px 6vw;background:#e5eddf}.about>div{display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;margin-top:36px}.about section{display:grid;grid-template-columns:1fr 1fr;gap:30px}.about section p{margin:0;color:#536159;line-height:1.75;font-size:14px}.about section b{color:var(--ink)}
@media(max-width:900px){nav,.headCta,.scan{display:none}.heroCopy{padding-top:175px}.heading{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr}.cards article{min-height:310px}.field{grid-template-columns:1fr}.fieldImage{min-height:450px}.spotlight,.rtk{grid-template-columns:1fr}.spotVisual{min-height:390px}.radar{width:min(75vw,410px);margin:auto}.about>div,.about section{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:36px}.steps:before{display:none}.steps article>i{margin-bottom:18px}.cta{flex-direction:column;align-items:flex-start;gap:42px}footer{grid-template-columns:1fr;gap:22px}footer>div{align-items:flex-start}.proof{display:grid;grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:560px){header{height:72px}.heroCopy{padding:140px 22px 70px}.hero h1{font-size:49px}.intro{font-size:16px}.actions{align-items:flex-start;flex-direction:column;gap:12px}.section{padding:75px 22px}.heading h2,.fieldCopy h2,.cta h2,.spotCopy h2,.rtk h2,.about h2{font-size:39px}.fieldCopy{padding:70px 23px}.spotlight,.rtk,.about{padding:72px 23px}.spotCopy ul,.rtkGrid{grid-template-columns:1fr}.spotVisual{min-height:330px}.proof{font-size:8px}.cta{padding:68px 23px}.whatsapp{right:15px;bottom:15px}}
.brandLogo{height:78px;width:224px;padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.brandLogo img{width:100%;height:100%;object-fit:contain;display:block;filter:none}.footerLogo{width:246px;height:126px;padding:0;background:transparent;border:0;box-shadow:none}

/* Exact drone artwork copied from the original logo, animated on the hero */
.flight .heroLogoDrone{position:absolute;left:-12px;top:-35px;width:150px;height:auto;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.35));animation:originalDroneFlight 7s ease-in-out infinite}@keyframes originalDroneFlight{0%,100%{left:-12px;top:-35px;transform:scale(.82)}50%{left:calc(100% - 145px);top:42%;transform:scale(1)}}

/* One continuous light brand surface: no box around the logo */
header{height:96px;background:rgba(246,247,242,.96);color:var(--ink);border-bottom:1px solid rgba(11,37,26,.12);backdrop-filter:blur(12px);box-shadow:0 6px 25px rgba(2,18,12,.08)}header nav a{color:var(--ink);opacity:.74}header nav a:hover{color:#4f8428;opacity:1}.headCta{border-color:rgba(11,37,26,.28);color:var(--ink)}.headCta:hover{background:var(--ink);color:white}.heroCopy{padding-top:clamp(180px,25vh,235px)}footer{background:#eef2e9;color:var(--ink);border-top:1px solid rgba(11,37,26,.12)}footer>p{color:#536159}footer>div span{opacity:.55}

/* Matrice 350-inspired animated drone silhouette */
.flight .flyingDrone{width:42px;height:18px;background:#25352f;border:2px solid var(--lime);border-radius:4px;box-shadow:0 0 20px #b8f34a88}.flight .flyingDrone:before,.flight .flyingDrone:after{top:-15px;width:22px;height:5px;border:1px solid var(--lime);background:#0b2017;border-radius:50%;box-shadow:0 24px 0 -1px #0b2017,0 24px 0 0 var(--lime)}.flight .flyingDrone:before{left:-25px}.flight .flyingDrone:after{right:-25px}.flight .flyingDrone b,.flight .flyingDrone u{top:6px;width:30px;height:3px;background:var(--lime);border:0;border-radius:2px}.flight .flyingDrone b{left:-25px;transform:rotate(18deg)}.flight .flyingDrone u{right:-25px;transform:rotate(-18deg)}.flight .flyingDrone b:after,.flight .flyingDrone u:after{content:'';position:absolute;top:8px;width:3px;height:18px;background:#d9e5da}.flight .flyingDrone b:after{left:13px;transform:rotate(-18deg)}.flight .flyingDrone u:after{right:13px;transform:rotate(18deg)}.flight .flyingDrone span{left:15px;bottom:-13px;width:11px;height:11px;border:2px solid white;border-radius:50%;background:#101d18;box-shadow:0 0 0 3px #ffffff25}.flight .flyingDrone span:after{content:'';position:absolute;left:-12px;top:7px;width:32px;height:2px;background:#d9e5da;border-radius:2px}

/* Industrial M350-style quadcopter — no third-party branding */
.m350Drone{position:absolute;left:-20px;top:-38px;width:132px;height:82px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));animation:m350Flight 7.5s ease-in-out infinite}.m350Drone i{position:absolute;display:block;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;animation:none;background:none}.m350Drone .droneBody{z-index:4;left:45px;top:28px;width:42px;height:22px;background:#1b2a24;border:2px solid var(--lime);clip-path:polygon(12% 0,88% 0,100% 36%,82% 100%,18% 100%,0 36%)}.m350Drone .droneBody:after{content:'';position:absolute;left:12px;top:4px;width:14px;height:4px;background:var(--lime);border-radius:2px}.m350Drone .arm{z-index:2;top:32px;width:50px;height:5px;background:var(--lime);border-radius:3px;transform-origin:center}.m350Drone .armFL{left:10px;transform:rotate(18deg)}.m350Drone .armFR{right:10px;transform:rotate(-18deg)}.m350Drone .armBL{left:8px;top:45px;transform:rotate(-13deg)}.m350Drone .armBR{right:8px;top:45px;transform:rotate(13deg)}.m350Drone .rotor{z-index:3;width:38px;height:8px;border:2px solid var(--lime);border-radius:50%;background:#0b251aaa;animation:rotorBeat .28s linear infinite alternate}.m350Drone .rotor:after{content:'';position:absolute;left:17px;top:5px;width:3px;height:13px;background:var(--lime)}.m350Drone .rotorFL{left:-3px;top:16px}.m350Drone .rotorFR{right:-3px;top:16px}.m350Drone .rotorBL{left:0;top:53px}.m350Drone .rotorBR{right:0;top:53px}.m350Drone .landing{z-index:1;top:48px;width:3px;height:27px;background:#e7efe9}.m350Drone .landing:after{content:'';position:absolute;bottom:0;width:25px;height:3px;background:#e7efe9;border-radius:2px}.m350Drone .landingL{left:49px;transform:rotate(9deg)}.m350Drone .landingL:after{right:-3px}.m350Drone .landingR{right:49px;transform:rotate(-9deg)}.m350Drone .landingR:after{left:-3px}.m350Drone .droneCamera{z-index:5;left:55px;top:48px;width:22px;height:22px;background:#14231d;border:3px solid var(--lime);border-radius:50%;box-shadow:inset 0 0 0 3px #14231d,inset 0 0 0 5px #dff5c2}.m350Drone .droneCamera:after{content:'';position:absolute;left:6px;top:6px;width:4px;height:4px;background:var(--lime);border-radius:50%}@keyframes rotorBeat{to{transform:scaleX(.72)}}@keyframes m350Flight{0%,100%{left:-20px;top:-38px;transform:scale(.8) rotate(-1deg)}50%{left:calc(100% - 125px);top:41%;transform:scale(1) rotate(1deg)}}

.m350Drone .landing,.target,.fieldImage>small,.metrics,.sprayMap{display:none}
.fieldCopy .darkBtn{margin-top:28px}.serviceImage{display:block;width:calc(100% + 54px);height:230px;margin:22px -27px 28px;object-fit:cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.spotVisual{background:url('https://agridronescan.nl/wp-content/uploads/2025/12/smartsprayer-ux5201-d0-kw-p5292928-d1-210930-go.jpg') center/cover no-repeat}.spotVisual:before{background:linear-gradient(180deg,transparent 45%,rgba(6,27,19,.55))}

.footerContact strong{font:700 14px var(--display);letter-spacing:.02em}.footerContact a{transition:.2s}.footerContact a:hover{color:#5e982d}

@media(max-width:600px){body{overflow-x:hidden}header{height:82px;padding:0 18px}.brandLogo{width:158px;height:58px}.hero{height:auto;min-height:760px}.heroCopy{padding:138px 20px 105px}.hero h1{font-size:47px;line-height:.95}.intro{font-size:16px;line-height:1.62}.actions{width:100%;gap:10px}.button{width:100%;max-width:355px}.under{margin-top:4px}.flight{right:-7%;top:19%;width:50%;height:30%;opacity:.72}.proof{padding:17px 20px;gap:10px;font-size:8px}.section{padding:72px 20px}.heading{margin:27px 0 44px}.heading h2,.fieldCopy h2,.cta h2,.spotCopy h2,.rtk h2,.about h2{font-size:38px;line-height:1}.heading p{font-size:15px}.cards article{padding:18px;min-height:0}.serviceImage{width:calc(100% + 36px);height:210px;margin:18px -18px 25px}.cards article>a{right:18px;bottom:18px}.cards article p{padding-right:40px}.fieldImage{min-height:310px}.fieldCopy{padding:62px 20px}.fieldCopy .darkBtn{margin-top:24px}.spotlight,.rtk,.about{padding:68px 20px}.spotCopy ul{margin:26px 0}.spotVisual{min-height:285px}.saving{right:14px;bottom:14px;padding:17px}.saving strong{font-size:31px}.steps{gap:28px}.steps article{padding:0 0 28px;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.radar{width:250px}.rtkGrid span{padding:14px 0}.about>div{margin-top:28px}.about section{gap:18px}.cta{padding:64px 20px}.white{max-width:355px}footer{padding:42px 20px;gap:20px}.footerLogo{width:210px;height:102px}.whatsapp{width:50px;height:50px;right:14px;bottom:14px}.whatsapp b{font-size:19px}.scroll{display:none}}

/* Blog archive and article pages */
.blogPage header,.singlePage header{position:relative}.blogPage header nav .active{color:#5e982d;opacity:1}.blogHero{padding:100px 6vw 90px;background:var(--deep);color:white}.blogHero h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.05em;margin:24px 0}.blogHero h1 em{color:var(--lime)}.blogHero>p:last-child{max-width:640px;color:#ffffffb5;font-size:18px;line-height:1.7}.blogListing{padding:95px 6vw;background:var(--cream)}.blogIntro{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.blogIntro .kicker{width:34%}.blogIntro h2{font-size:clamp(38px,4vw,60px);line-height:1;margin:0}.blogGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blogCard{background:white;border:1px solid var(--line);transition:.25s}.blogCard:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0b251a14}.blogImage{height:230px;display:block;overflow:hidden;background:#173f2c;color:var(--lime);position:relative}.blogImage img{width:100%;height:100%;object-fit:cover;transition:.4s}.blogCard:hover .blogImage img{transform:scale(1.035)}.blogImage>span{height:100%;display:grid;place-items:center;font:700 13px var(--display);letter-spacing:.14em}.blogCardBody{padding:25px}.blogCardBody time,.articleHead time{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#708077}.blogCardBody h3{font-size:23px;line-height:1.2;margin:12px 0}.blogCardBody p{color:#647169;line-height:1.6;font-size:14px}.readMore{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:22px;font-weight:700;font-size:13px}.pagination{margin-top:55px;display:flex;gap:8px}.pagination .page-numbers{border:1px solid var(--line);padding:10px 14px}.pagination .current{background:var(--ink);color:white}.emptyBlog{padding:45px;background:white;border:1px solid var(--line)}.singleArticle{background:var(--cream)}.articleHead{max-width:920px;margin:auto;padding:90px 28px 55px}.backBlog{display:block;margin-bottom:35px;color:#5e982d;font-weight:700;font-size:13px}.articleHead h1{font-size:clamp(44px,6vw,78px);line-height:1;letter-spacing:-.05em;margin:18px 0}.articleHead>p{font-size:19px;line-height:1.65;color:#5f6c65}.articleHero{max-width:1180px;height:min(62vw,650px);margin:0 auto;overflow:hidden}.articleHero img{width:100%;height:100%;object-fit:cover}.articleContent{max-width:780px;margin:auto;padding:70px 28px 105px;font-size:17px;line-height:1.8;color:#35473e}.articleContent h2,.articleContent h3{color:var(--ink);margin-top:2em}.articleContent img{max-width:100%;height:auto}.articleContent figure{margin:35px 0}.articleContent a{color:#4f8428;text-decoration:underline}
@media(max-width:900px){.blogGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blogHero{padding:68px 20px 62px}.blogHero h1{font-size:43px}.blogHero>p:last-child{font-size:16px}.blogListing{padding:65px 20px}.blogIntro{display:block}.blogIntro .kicker{width:100%;margin-bottom:28px}.blogGrid{grid-template-columns:1fr;gap:20px}.blogImage{height:210px}.articleHead{padding:60px 20px 38px}.articleHead h1{font-size:42px}.articleHead>p{font-size:17px}.articleHero{height:65vw;margin:0 20px}.articleContent{padding:48px 20px 75px;font-size:16px}}

/* Klussenblog: één bericht per rij, nieuwste eerst */
.blogPage .blogGrid{grid-template-columns:1fr}.blogPage .blogCard{display:grid;grid-template-columns:1.05fr .95fr}.blogPage .blogImage{height:100%;min-height:340px}.blogPage .blogText p{margin:0 0 1em}.blogPage .blogText p:nth-of-type(n+3){display:none}
@media(max-width:700px){.blogPage .blogCard{grid-template-columns:1fr}.blogPage .blogImage{height:230px;min-height:230px}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
