:root{color-scheme:light;--ink:#003e32;--green:#438b12;--paper:#fffdf7;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
.desktop{display:grid;place-items:center;min-height:100svh;background:#fff}
.scene{position:relative;width:min(100%,calc(100svh * 1672 / 814))}
.artwork{display:block;width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hotspot{position:absolute;display:block;border-radius:15px;outline-offset:4px}
.hotspot-berg{left:2.81%;top:68.55%;width:46.45%;height:29.3%}
.hotspot-schimmert{left:50.84%;top:68.55%;width:46.45%;height:29.3%}
.map-berg{left:43.72%;top:30.4%;width:16%;height:12.4%}
.map-schimmert{left:72.25%;top:16.5%;width:12%;height:10.2%}
.hotspot[href]{cursor:pointer;transition:box-shadow .18s,background .18s}
.hotspot[href]:hover{background:#fff1;box-shadow:0 0 0 3px #438b1288}
.store-link:focus-visible{outline:4px solid #003e32;outline-offset:5px}
.mobile{display:none}
.visitor-count{position:fixed;right:14px;bottom:max(8px,env(safe-area-inset-bottom));z-index:20;padding:3px 6px;border-radius:4px;background:rgba(255,255,255,.86);color:#42674f;font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums}
@media(max-width:759px){
 .desktop{display:none}
 .mobile{display:block;position:relative;isolation:isolate;min-height:100svh;padding:36px 20px 25px;overflow:hidden;background:linear-gradient(180deg,#f8faf3 0,#eef2e2 50%,#fffdf7 100%)}
 .mobile-landscape{position:absolute;z-index:-1;inset:0 0 auto;height:680px;background:linear-gradient(180deg,#fff8 0,transparent 43%,#fffdf7 100%),url('/assets/landschap-mobiel.webp') 50% 27%/cover no-repeat}
 .intro{max-width:530px;margin:0 auto 30px}
 .intro h1{font-size:clamp(35px,7.4vw,50px);line-height:1.04;letter-spacing:-1.5px;margin:0 0 18px;font-weight:800}
 .intro h1 span{color:var(--green)}
 .intro h2{font-size:27px;line-height:1.1;margin:0 0 13px;letter-spacing:-.5px}
 .intro p{font-size:17px;line-height:1.4;max-width:330px;margin:0}
 .stores{max-width:530px;margin:0 auto;display:grid;gap:20px}
 .store-card{overflow:hidden;border:4px solid #fff;border-radius:19px;background:#fff;box-shadow:0 9px 30px #003e321e}
 .store-photo{width:100%;aspect-ratio:420/230;background-image:url('/assets/landingspagina.jpg');background-size:398.095% auto;background-repeat:no-repeat;background-color:#a2cee6}
 .photo-berg{background-position:4.313% 96.575%}
 .photo-schimmert{background-position:68.211% 96.575%}
 .store-details{padding:20px 17px 18px}
 .brand{display:flex;align-items:center;gap:8px;margin:0 0 5px;color:var(--green);font-size:26px;font-weight:800;letter-spacing:-.7px}
 .clover{display:inline-grid;grid-template-columns:repeat(2,10px);gap:2px;flex:none}
 .clover i{width:10px;height:10px;border-radius:4px;background:#7eb521}
 .clover i:nth-child(2){background:#eb1726}
 .clover i:nth-child(3){background:#006456}
 .clover i:nth-child(4){background:#0872c2}
 .store-details h3{display:flex;align-items:center;gap:8px;margin:0 0 19px;font-size:25px;line-height:1.15;letter-spacing:-.7px}
 .store-details h3 svg{width:22px;height:25px;fill:var(--green);flex:none}
 .cta{display:flex;justify-content:center;align-items:center;gap:18px;min-height:51px;padding:11px 15px;border-radius:999px;background:var(--green);color:#fff;font-size:18px;font-weight:700;text-decoration:none;line-height:1.2}
 .cta span{font-size:28px;font-weight:400;line-height:1}
 .cta[href]:hover{background:#337409}
 .region{font-size:19px;font-style:italic;text-align:center;margin:28px auto 3px;color:#4b654a}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}