:root{--green:#073d30;--deep:#052f27;--cream:#f4f1e6;--gold:#f0cf87;--ink:#17372e;--muted:#c7d2c9;--gutter:clamp(28px,6.1vw,84px);--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.5 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(100% - 2*var(--gutter),var(--max));margin:auto}.header{height:68px;position:absolute;z-index:5;top:0;left:0;width:100%;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;color:#f8f6ec}.brand{text-decoration:none;color:inherit;font-size:16px;font-weight:750;letter-spacing:.16em}.header nav{display:flex;gap:36px}.header nav a{color:inherit;text-decoration:none;font-size:14px}.header nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.hero{position:relative;min-height:710px;overflow:hidden;background:var(--green);color:var(--cream);padding:68px 0 35px}.hero:before{content:"";position:absolute;inset:-320px auto auto 38%;width:700px;height:700px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 100px #ffffff04,0 0 0 200px #ffffff03}.hero-wrap{position:relative;min-height:600px;display:grid;grid-template-columns: .93fr 1.2fr;align-items:center}.hero-copy{position:relative;z-index:2;max-width:480px;padding:24px 0 2px}.eyebrow{display:flex;align-items:center;gap:22px;margin:0 0 15px;color:#e7d59e;font-size:11px;font-weight:700;letter-spacing:.17em}.eyebrow i{display:inline-block;width:40px;height:1px;background:#b5a87a}.hero h1,.about h2,.news h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.04em;line-height:.96;margin:0}.hero h1{font-size:clamp(52px,5.4vw,76px)}.intro{max-width:390px;margin:17px 0 20px;color:#d0dad2;font-size:15px;line-height:1.48}.primary{display:flex;align-items:center;justify-content:space-between;width:258px;height:60px;padding:0 24px 0 54px;border-radius:3px;background:var(--gold);color:#18372e;text-decoration:none;font-weight:700}.primary span{font-size:21px}.stores{display:flex;gap:12px;margin-top:22px}.stores a{height:44px;min-width:136px;padding:5px 12px;border:1px solid #d5ddd6;border-radius:4px;color:white;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:15px}.stores b{font-size:23px}.stores .play{color:#80dfaa}.benefits{display:flex;gap:22px;flex-wrap:wrap;margin:38px 0 0;padding:0;list-style:none;color:#e3e8dc;font-size:12px}.benefits li:before{content:"✓";color:var(--gold);font-weight:bold;margin-right:8px}.phones{height:525px;position:relative;align-self:center}.phone{position:absolute;margin:0;overflow:hidden;border:5px solid #252a28;border-radius:29px;background:#111;box-shadow:0 15px 30px #0005}.phone img{display:block;height:100%;width:100%;object-fit:cover}.phone.front{z-index:3;height:470px;width:222px;left:33%;top:27px}.phone.back{height:415px;width:205px;top:74px}.phone.left{z-index:1;left:5%;transform:rotate(-6deg)}.phone.right{z-index:2;right:9%;transform:rotate(6deg)}.scribble{font-family:"Segoe Script","Bradley Hand",cursive;font-style:italic;color:#d5c9a3;font-size:19px;line-height:1.35;transform:rotate(-8deg)}.hero .scribble{position:absolute;z-index:4;right:-1%;top:72px}.cards{position:absolute;right:-10%;bottom:-40px;display:flex;transform:rotate(-12deg)}.cards span{width:120px;height:190px;margin-left:-50px;border:1px solid #ddd4be;border-radius:15px;background:#f3eee0;box-shadow:0 5px 16px #0004;display:grid;place-items:center;font-size:72px;color:var(--green)}.cards span:nth-child(2){color:#b53230;transform:rotate(10deg)}.dots{position:relative;display:flex;justify-content:center;gap:8px;margin-top:-2px}.dots i{width:9px;height:9px;border-radius:50%;background:#56756a}.dots i:first-child{background:#f5f2e8}.about{position:relative;background:var(--cream);padding:58px 0 64px}.about-wrap{position:relative;display:grid;grid-template-columns:1fr 1.75fr;gap:7%;align-items:center}.dark{color:#765936}.dark i{background:#a99c79}.about h2{font-size:42px;color:#10372e}.about-text{max-width:380px;margin:13px 0;color:#49574f;font-size:14px;line-height:1.5}.outline{display:flex;align-items:center;justify-content:space-between;max-width:223px;height:43px;margin-top:14px;padding:0 17px 0 25px;border:1.5px solid #173b32;border-radius:24px;text-decoration:none;color:#172e27;font-size:13px;font-weight:650}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:30px}.principles article>span{display:grid;place-items:center;width:68px;height:68px;margin-bottom:14px;border-radius:50%;background:#ece8d9;color:#0d4538;font-size:24px}.principles h3{font-family:Georgia,serif;font-size:16px;margin:0 0 4px}.principles p{max-width:180px;margin:0;color:#536058;font-size:13px;line-height:1.45}.about-note{position:absolute;right:0;top:10px;font-size:16px;color:#b9b19c}.news{position:relative;overflow:hidden;background:#f1ecd9;padding:55px 0 60px}.news:before{content:"♦";position:absolute;left:-80px;bottom:-160px;color:#e9dfbe;font-size:420px;transform:rotate(-18deg)}.news-wrap{position:relative}.news-heading{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:25px}.news h2{font-size:42px;color:#103a31}.news-heading>div>p:last-child{margin:6px 0 0;font-size:13px;color:#596259}.news-heading>a{justify-self:end;margin-bottom:5px;color:#16392f;text-decoration:none;font-size:13px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-left:34%;}.story{overflow:hidden;background:#f7f4eb;border-radius:5px}.thumb{height:130px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#073d30;color:#e7cf8d}.thumb:before{content:"";position:absolute;width:185px;height:185px;border-radius:50%;background:#ffffff08}.cards-thumb span{z-index:1;display:grid;place-items:center;width:56px;height:76px;margin-left:-8px;border-radius:5px;background:#f4f0e2;color:#b7332b;font-size:38px;transform:rotate(-11deg);box-shadow:0 6px 12px #0004}.cards-thumb span:nth-child(2){color:#143f35;transform:rotate(7deg) translateY(7px)}.cards-thumb span:nth-child(3){color:#143f35;transform:rotate(15deg)}.cards-thumb b{position:absolute;top:15px;right:28%;font-size:28px}.stats-thumb{background:#073d30}.stats-thumb span{position:relative;display:grid;place-items:center;width:68px;height:91px;border:5px solid #d6decf;border-radius:9px;background:#f4f0df;color:#174438;font-size:25px}.stats-thumb b{position:absolute;bottom:17px;font-size:15px;color:#e4be64;z-index:1}.mug-thumb span{position:relative;display:block;width:48px;height:48px;border-radius:4px 4px 13px 13px;background:#eee5c8;font-size:0;filter:none}.mug-thumb span:before{content:"";position:absolute;left:0;right:0;top:-3px;height:9px;border:4px solid #e9e0c3;border-radius:50%;background:#183c33}.mug-thumb span:after{content:"";position:absolute;right:-18px;top:7px;width:16px;height:23px;border:6px solid #e9e0c3;border-left:0;border-radius:0 12px 12px 0}.mug-thumb{background:#073d30}.mug-thumb span{font-size:74px;color:#ede5c8;filter:grayscale(1)}.story-body{position:relative;min-height:155px;padding:11px 15px 15px}.story time{color:#735a3b;font-size:9px;font-weight:700;letter-spacing:.08em}.story h3{margin:6px 0;font-family:Georgia,serif;font-size:18px;line-height:1.08;color:#143b32}.story p{margin:0;max-width:34ch;color:#4d5952;font-size:12px;line-height:1.4}.story-body>a{position:absolute;bottom:7px;right:14px;color:#735a3b;text-decoration:none;font-size:20px}.news-note{position:absolute;left:11%;bottom:52px;font-size:19px;color:#b8ad8c;transform:rotate(-11deg)}footer{background:#073d30;color:#e9eee7;padding:19px 0;border-top:5px solid #0a493b}footer .wrap,footer nav{display:flex;align-items:center;justify-content:space-between}footer p{margin:0;font-size:12px}footer nav{gap:20px;font-size:12px}footer a{color:inherit;text-decoration:none}footer nav i{width:38px;height:1px;background:#887f63}.scribble{white-space:nowrap}footer .scribble{font-size:13px;color:#c4b995}
@media(max-width:850px){.hero{padding-top:85px}.hero-wrap{grid-template-columns:1fr;gap:8px}.hero-copy{max-width:600px;padding-top:15px}.hero h1{font-size:clamp(48px,10vw,68px)}.intro{max-width:480px}.phones{width:min(100%,600px);height:470px;justify-self:center}.phone.front{height:415px;width:196px;left:35%}.phone.back{height:365px;width:180px}.phone.left{left:7%}.phone.right{right:7%}.hero .scribble{right:1%;top:35px}.cards{right:2%;bottom:-22px;transform:scale(.7) rotate(-12deg);transform-origin:right bottom}.benefits{margin-top:25px}.about-wrap{grid-template-columns:1fr;gap:30px}.principles{padding-top:0}.about-note{top:10px}.news-grid{margin-left:0}.news-note{display:none}}
@media(max-width:560px){:root{--gutter:22px}.header{height:60px}.brand{font-size:13px}.header nav{gap:18px}.header nav a{font-size:12px}.hero{padding-top:80px}.hero-wrap{min-height:0}.hero h1{font-size:48px}.intro{font-size:14px}.primary{width:100%;max-width:260px}.stores a{min-width:0;flex:1;font-size:13px}.benefits{gap:10px 16px;font-size:11px;margin-top:24px}.phones{height:360px;margin-top:8px}.phone.front{height:330px;width:155px;left:33%;top:5px;border-width:4px;border-radius:21px}.phone.back{height:290px;width:143px;top:28px;border-width:4px;border-radius:20px}.phone.left{left:2%}.phone.right{right:2%}.hero .scribble{font-size:13px;top:8px;right:0}.cards{right:-6%;bottom:-26px;transform:scale(.44) rotate(-12deg)}.about{padding:40px 0}.about h2,.news h2{font-size:36px}.about-text{max-width:340px}.principles{gap:14px}.principles article>span{width:52px;height:52px;font-size:19px}.principles h3{font-size:14px}.principles p{font-size:11px}.about-note{font-size:12px;top:0}.news{padding:40px 0 45px}.news-heading{grid-template-columns:1fr;gap:12px}.news-heading>a{justify-self:start}.news-grid{grid-template-columns:1fr;gap:12px}.story{display:grid;grid-template-columns:38% 1fr;min-height:145px}.thumb{height:auto;min-height:145px}.story-body{padding:13px 13px 18px}.story h3{font-size:17px}.story p{font-size:11px}footer .wrap{align-items:flex-start}footer nav{gap:12px}footer nav i,footer .scribble{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Geometrie afgestemd op de referentie-afbeelding (1122 × 1400). */
@media(min-width:851px){.hero{height:630px;min-height:630px;padding:60px 0 0}.hero-wrap{height:550px;min-height:0;grid-template-columns:390px 1fr;gap:8px}.hero-copy{padding:0;align-self:center;transform:translateY(8px)}.hero h1{font-size:58px;line-height:.94;letter-spacing:-.035em}.intro{font-size:15px;line-height:1.43;margin:18px 0 18px;max-width:390px}.primary{height:54px}.stores{margin-top:22px}.benefits{margin-top:36px;gap:21px}.phones{height:535px;align-self:start;margin-top:25px}.phone.front{width:213px;height:470px;left:32%;top:0}.phone.back{width:195px;height:425px;top:48px}.phone.left{left:3%}.phone.right{right:11%}.hero .scribble{right:-90px;top:42px}.cards{right:-13%;bottom:-47px}.dots{margin-top:-1px}.about{min-height:309px;padding:49px 0 40px}.about-wrap{grid-template-columns:340px 1fr;gap:55px}.about h2{font-size:40px;line-height:.94}.about-text{font-size:14px;line-height:1.4;margin:13px 0}.principles{grid-template-columns:repeat(3,180px);gap:0;padding:24px 0 0}.principles article>span{width:66px;height:66px;margin-bottom:12px}.principles article>span svg{width:37px;height:37px}.principles h3{font-size:15px}.principles p{font-size:13px}.about-note{top:10px;right:0}.news-note{top:190px;bottom:auto;left:11%}.news{min-height:380px;padding:58px 0 35px}.news-heading{display:block;margin:0}.news-heading>div>p:last-child{margin-top:7px}.news-heading>a{position:absolute;right:0;top:-19px}.news-grid{position:absolute;left:35%;right:0;top:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.thumb{height:108px}.story-body{min-height:156px;padding:11px 15px}.story h3{font-size:16px;line-height:1.1;letter-spacing:-.025em}.story p{font-size:12px}footer{min-height:82px;padding:20px 0}}
@media(max-width:850px){.about-note{top:0}.news-grid{position:static}}
@media(max-width:560px){.about{min-height:0}.news{min-height:0}.news-heading>a{position:static}.news-grid{position:static}}

@media(min-width:851px){.about-wrap{gap:61px}.principles{grid-template-columns:repeat(3,181px)}.news-grid{left:36.2%;right:-14px}.story-body{padding-inline:13px}.story h3{font-size:16px;letter-spacing:-.035em}footer .scribble{font-size:11px}}
@media(max-width:560px){.hero .scribble{display:none}.cards{display:none}}
.brand{display:flex;align-items:center;gap:12px}
.brand img{display:block;width:40px;height:40px;clip-path:circle(39.2% at 50% 50%);object-fit:cover}
.mug-thumb span{font-size:0!important;color:transparent!important;filter:none!important}
/* Organische sectie-overgangen en compactere telefoonstapel uit de referentie. */
@media(min-width:851px){.hero:after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:-1px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 20' preserveAspectRatio='none'%3E%3Cpath fill='%23f4f1e6' d='M0 8 C180 14 320 12 500 9 C690 6 800 17 990 12 C1160 8 1300 2 1440 7 V20 H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}.phone.front{left:30.5%}.phone.left{transform:rotate(-4deg)}.phone.right{right:15%;transform:rotate(5deg)}.about:before{content:"";position:absolute;z-index:2;top:-13px;left:0;right:0;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 20' preserveAspectRatio='none'%3E%3Cpath fill='%23073d30' d='M0 0 H1440 V6 C1280 5 1120 13 980 10 C760 6 650 17 470 13 C290 9 160 4 0 11 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}.news:after{content:"";position:absolute;z-index:2;top:-15px;left:0;right:0;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 20' preserveAspectRatio='none'%3E%3Cpath fill='%23f4f1e6' d='M0 0 H1440 V7 C1250 10 1130 14 970 11 C790 7 680 17 500 13 C300 9 150 4 0 18 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}footer{position:relative}footer:before{content:"";position:absolute;z-index:2;top:-14px;left:0;right:0;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 20' preserveAspectRatio='none'%3E%3Cpath fill='%23073d30' d='M0 13 C180 15 360 10 520 12 C700 16 810 8 1000 11 C1180 14 1320 7 1440 4 V20 H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}}
/* Brede schermen: houd de telefoons als één compacte, overlappende compositie. */
@media(min-width:851px){:root{--max:1320px}.phones{width:min(100%,620px);justify-self:center}.hero:after{height:clamp(20px,1.55vw,40px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath fill='%23f4f1e6' d='M0 15 C160 25 300 26 470 20 C650 14 760 32 930 26 C1110 20 1280 9 1440 16 V40 H0Z'/%3E%3C/svg%3E")}.about:before{top:calc(-1 * clamp(20px,1.55vw,40px));height:clamp(20px,1.55vw,40px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath fill='%23073d30' d='M0 0 H1440 V15 C1260 12 1140 27 970 22 C780 16 670 34 480 28 C300 22 150 13 0 30 Z'/%3E%3C/svg%3E")}.news:after{top:calc(-1 * clamp(20px,1.55vw,40px));height:clamp(20px,1.55vw,40px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath fill='%23f4f1e6' d='M0 0 H1440 V14 C1260 20 1110 29 950 23 C770 16 650 35 470 29 C290 23 140 12 0 36 Z'/%3E%3C/svg%3E")}footer:before{top:calc(-1 * clamp(20px,1.55vw,40px));height:clamp(20px,1.55vw,40px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath fill='%23073d30' d='M0 27 C180 31 350 19 530 23 C700 27 840 15 1000 20 C1170 25 1310 12 1440 8 V40 H0Z'/%3E%3C/svg%3E")}}
@media(max-width:850px){.hero:after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:-1px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 24' preserveAspectRatio='none'%3E%3Cpath fill='%23f4f1e6' d='M0 10 C180 17 360 13 520 9 C730 4 850 20 1030 13 C1200 7 1320 5 1440 11 V24 H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}.about:before{content:"";position:absolute;z-index:2;top:-15px;left:0;right:0;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 24' preserveAspectRatio='none'%3E%3Cpath fill='%23073d30' d='M0 0 H1440 V8 C1260 7 1120 18 960 15 C780 11 650 21 480 17 C290 13 150 7 0 20 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}.news:after{content:"";position:absolute;z-index:2;top:-15px;left:0;right:0;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 24' preserveAspectRatio='none'%3E%3Cpath fill='%23f4f1e6' d='M0 0 H1440 V8 C1260 12 1110 19 960 15 C780 10 650 22 480 18 C290 14 150 6 0 21 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}footer:before{content:"";position:absolute;z-index:2;top:-15px;left:0;right:0;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 24' preserveAspectRatio='none'%3E%3Cpath fill='%23073d30' d='M0 17 C180 20 360 12 520 15 C700 19 840 10 1010 14 C1190 17 1330 7 1440 5 V24 H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}}

/* Eén vaste contentlijn voor header, secties en footer; achtergronden blijven full-bleed. */
@media(min-width:851px){.header{padding-left:max(var(--gutter),calc((100vw - var(--max))/2));padding-right:max(var(--gutter),calc((100vw - var(--max))/2))}.phones{width:620px;max-width:100%}}




/* Elke sectiegrens gebruikt één golfcontour; voorkom overlappende pseudo-elementen. */
.about:before{content:none!important}