/* FreekEnergy case: editorial layout and natural image proportions. */
.wrap{max-width:1240px;padding-inline:40px}
.top{border-bottom:1px solid var(--rule)}
.top .wrap{padding-block:20px}
.chero .wrap{grid-template-columns:1.35fr .8fr;gap:64px;padding-block:48px 88px}
.chero .dots{opacity:.35}
.chero h1{font-size:clamp(38px,4.3vw,62px);line-height:1.04;max-width:20ch;letter-spacing:-.035em}
.chero h1 u{border:0;color:var(--accent)}
.chero .pic{aspect-ratio:4/4.4;border-radius:12px}
.chero .pic img{object-position:50% 42%}
.chero p{max-width:45ch;font-size:18px}
.kruim{margin-bottom:24px;color:var(--mid)}
.lab{white-space:normal;line-height:1.6;color:#66736b}
.cells{border-radius:12px;box-shadow:0 10px 30px #0e1a1507}
.cells>div{padding:30px 32px}
.cells b{font-size:54px;color:var(--accent)}
.cells .was{color:#68736d}.cells .d{max-width:26ch;font-size:16px}
.body{padding-block:64px 80px}
.shell{grid-template-columns:205px minmax(0,1fr);gap:48px;border:0;border-radius:0;background:none;overflow:visible;align-items:start}
.side{position:sticky;top:24px;padding:0 22px 0 0;border-right:1px solid var(--rule);background:none}
.side .grp+.grp{margin-top:28px}.side dd{font-size:14px}.side nav a{font-size:13px}
.art{padding:0;min-width:0}
.tldr{padding:28px 30px;border-radius:10px;background:#fff}
.tldr li{grid-template-columns:90px minmax(0,1fr);font-size:16px;gap:16px}
.deel{padding-top:44px;margin-top:44px;scroll-margin-top:24px}
.deel h2{font-size:clamp(29px,3vw,39px);line-height:1.12;max-width:29ch}
.deel h2 span{color:#69766e}.deel p{font-size:18px;line-height:1.75;max-width:65ch}
.fig{border-radius:10px;background:white;margin-top:30px}
.fig img{width:100%;height:auto;max-width:100%;display:block}
.cap{font-size:10px;line-height:1.5;letter-spacing:.035em;flex-wrap:wrap;color:#627067;background:#fafaf7;gap:4px 14px}
.cap span:first-child{min-width:0}.cap span:last-child{margin-left:auto;flex-shrink:0}
.res li{grid-template-columns:125px minmax(0,1fr);padding:18px 0;font-size:17px}
.panel{border-radius:10px;padding:32px;background:#153f30}.panel::after{display:none}
.panel .big{font-size:64px;line-height:1.1}.panel .big small{font-size:23px;display:inline-block}.panel p{font-size:16px}
.screens{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;align-items:start}
.screens figure{border-radius:10px;background:#e6e8e1}
.screens img{width:100%;height:auto;object-fit:contain;display:block}
.screens figure:nth-child(2) img{max-height:660px;object-fit:contain;background:#e6e8e1}
.media-open{padding:0;border:0;display:block;width:100%;background:transparent;cursor:zoom-in;position:relative}
.media-open::after{content:'↗';position:absolute;right:10px;top:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffed;color:#153f30;border:1px solid #d2d7d1;font:20px var(--sans)}
.media-open:hover::after{background:#153f30;color:#fff}
:focus-visible{outline:3px solid #b8733a;outline-offset:4px}
.quote{padding-block:36px 4px}.quote blockquote{font-size:clamp(25px,2.7vw,35px);max-width:36ch;line-height:1.4}.quote .lab{margin-top:24px}
.mgrid{gap:20px}.mc{padding:26px;border-radius:10px}.cta-sec{background:#e6e8e1}
.media-dialog{border:0;border-radius:12px;max-width:min(1400px,94vw);width:max-content;max-height:94dvh;margin:auto;padding:50px 16px 16px;background:#fafaf7;color:var(--ink)}
.media-dialog::backdrop{background:#0b1712dc}.media-dialog img{display:block;max-width:100%;width:auto;max-height:calc(94dvh - 100px);height:auto;object-fit:contain;margin:auto}
.media-dialog p{font:14px/1.5 var(--sans);padding-top:12px}.media-dialog a{text-decoration:underline;margin-left:12px}.media-close{position:absolute;right:14px;top:10px;border:1px solid var(--rule);border-radius:50px;background:#fff;padding:7px 13px;font:14px var(--sans);cursor:pointer}
@media(max-width:1000px){.wrap{padding-inline:28px}.chero .wrap{gap:36px}.shell{grid-template-columns:170px minmax(0,1fr);gap:30px}.cells>div{padding:25px}.side{padding-right:16px}.screens{grid-template-columns:1fr}.screens figure:nth-child(2){max-width:320px;justify-self:center;width:100%}.tldr li{grid-template-columns:1fr;gap:2px}}
@media(max-width:900px){.chero .wrap{grid-template-columns:1.25fr .8fr}.chero .pic{aspect-ratio:4/5;max-height:none}.chero h1{font-size:40px}.side nav{display:block}.side{border-bottom:0}.shell{grid-template-columns:160px minmax(0,1fr);gap:24px}}
@media(max-width:700px){.wrap{padding-inline:20px}.top .wrap{padding-block:15px}.wm{font-size:21px}.right{gap:7px}.pill{font-size:12px;padding:8px 10px}.lang a{padding:6px 8px}.chero .wrap{grid-template-columns:1fr;gap:28px;padding-block:28px 64px}.chero h1{font-size:clamp(35px,8.5vw,48px);max-width:22ch}.chero p{font-size:17px}.chero .pic{aspect-ratio:16/10;max-height:300px}.chero .pic img{object-position:center 38%}.cells{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-30px}.cells>div{padding:20px 12px;border-bottom:0;border-right:1px solid var(--rule)}.cells b{font-size:34px}.cells b small{font-size:17px}.cells .was{font-size:9px;letter-spacing:0;line-height:1.5}.cells .d{font-size:12px;line-height:1.45;margin-top:8px}.body{padding-block:36px 48px}.shell{display:flex;flex-direction:column;gap:30px}.side{position:static;padding:0;border:0;width:100%}.side dl{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.side dd{font-size:13px}.side .grp+.grp{display:none}.art{width:100%}.tldr{padding:21px}.tldr li{font-size:15px}.deel{margin-top:30px;padding-top:30px}.deel h2{font-size:29px}.deel p{font-size:16px;line-height:1.7}.res li{grid-template-columns:75px 1fr;gap:14px;font-size:15px}.res li b{font-size:26px}.panel{padding:24px}.panel .big{font-size:49px}.panel .big small{font-size:18px}.panel .row{grid-template-columns:1fr 1fr;gap:15px}.panel .row div{padding:15px 0 0}.panel .row div+div{border-top:0;border-left:1px solid #ffffff40;padding-left:15px;margin:0}.panel .row span{font-size:12px}.screens{gap:20px}.quote blockquote{font-size:26px}.media-dialog{padding-inline:8px;border-radius:8px}.media-dialog p{font-size:12px}.fig{margin-top:23px}.cap{font-size:9px}.cta-sec h2{font-size:33px}}
@media(prefers-reduced-motion:no-preference){.media-open::after{transition:background .15s,color .15s}html{scroll-behavior:smooth}}


.infographic{margin:55px 0 70px!important;border:1px solid #ccd3c7;border-radius:22px;overflow:hidden;background:#f1f2eb}.infographic figcaption{padding:32px 34px 14px}.infographic h2{margin:12px 0!important;font-size:clamp(26px,3vw,38px)}.compare{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:16px}.compare>div{padding:28px;border-radius:15px}.before{background:#e6e4db}.after{background:#153b30;color:#fff}.compare h3{font-size:25px;margin:12px 0 24px;line-height:1.2}.tag{font-size:11px;letter-spacing:.15em;font-weight:700}.compare ol{list-style:none;padding:0;counter-reset:step}.compare li{position:relative;padding:0 0 24px 36px;counter-increment:step}.compare li:before{content:counter(step);position:absolute;left:0;top:0;border:1px solid #9baca1;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:12px}.compare li:not(:last-child):after{content:'';position:absolute;left:11px;top:27px;bottom:4px;width:1px;background:#9baca1}.compare li b,.compare li span{display:block}.compare li b{font-size:16px}.compare li span{font-size:14px;line-height:1.5;margin-top:4px;opacity:.8}.human{border-top:1px solid #5b7c6e;padding-top:20px;font-size:14px;line-height:1.5}.human b,.human span{display:block}.human span{margin-top:6px;color:#c9dbcb}.time{background:#fff}.time-head,.time-row{display:grid;grid-template-columns:1fr .9fr 1.35fr .85fr;gap:18px;padding:22px 32px;align-items:center}.time-head{font-size:11px;text-transform:uppercase;letter-spacing:.07em;background:#edf0e9}.time-row{border-top:1px solid #e0e5dc;font-size:15px}.time-row>span{line-height:1.5}.time-row>span:nth-child(2){color:#766153}.time-row>span:nth-child(3){color:#24533e}.hours strong{font-size:19px;font-weight:600}.hours i{display:block;height:5px;background:#779965;margin-top:8px;border-radius:8px}.method{font-size:12px!important;line-height:1.6!important;color:#65736a;padding:22px 32px;margin:0!important;background:#f4f5ef}.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.money-grid article{padding:28px;border-top:2px solid #779965;background:#eef1e8;border-radius:0 0 14px 14px}.big{font-size:64px;line-height:1.1;color:#204b36;letter-spacing:-.04em}.money-grid h3{font-size:23px;line-height:1.2}.money-grid p,.detail p{font-size:16px!important;line-height:1.65}.detail{padding:28px 0 42px;margin-bottom:32px;border-bottom:1px solid #cbd2c9}.detail h3{font-size:25px;max-width:650px}.ey{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#607451}.solo{padding-top:24px!important}.solo .vh>h2{margin-top:14px}.results div{min-width:0}@media(max-width:700px){.compare{grid-template-columns:1fr;padding:10px}.compare>div{padding:22px}.infographic figcaption{padding:24px 22px 12px}.time-head{display:none}.time-row{grid-template-columns:1fr 1fr;padding:22px;gap:12px}.time-row>b{grid-column:1/-1;font-size:18px}.time-row>span:before{display:block;font-size:10px;font-weight:700;margin-bottom:5px}.time-row>span:nth-child(2):before{content:'VOOR'}.time-row>span:nth-child(3):before{content:'NA'}.hours{grid-column:1/-1;max-width:190px}.hours strong:after{content:' / maand';font-size:13px}.money-grid{grid-template-columns:1fr}.infographic{margin:30px 0!important}}

.bucanna-brand{padding:38px;background:var(--card);border:1px solid var(--rule);border-radius:12px}.bucanna-brand p{font:500 36px/1.2 var(--disp);margin:25px 0;color:var(--ink)}.bucanna-brand p span{color:var(--accent)}.bucanna-brand>div{font-size:13px;line-height:1.8;color:var(--mid)}.cells b{font-size:46px}.cells b small{font-size:23px}.infographic{border-radius:12px;margin:30px 0 38px!important}.infographic h2{font-size:28px;max-width:none}.infographic figcaption{padding:25px 26px 10px}.compare{padding:12px;gap:12px}.compare>div{padding:22px}.compare h3{font:500 22px/1.2 var(--disp)}.compare li span{font-size:13px}.time-head,.time-row{padding:20px;gap:12px}.time-row{font-size:13px}.method{max-width:none!important}.panel h3{font:500 30px/1.2 var(--disp);margin-top:18px}.panel p{color:#d9e4da}.money-grid h3{font:500 23px/1.2 var(--disp);margin:12px 0}.detail h3{font:500 25px/1.2 var(--disp)}.money-grid .big{font:500 56px/1 var(--disp)}
@media(max-width:700px){.cells b{font-size:29px}.cells b small{font-size:15px}.bucanna-brand{padding:26px}.bucanna-brand p{font-size:29px}.infographic h2{font-size:25px}.time-row{font-size:14px}}