/* Cadier Tuinen: doorklikpagina's (diensten, projecten, kennis, locaties) */
#hdr{background:rgba(20,28,16,.94);border-color:var(--line)}
.crumbs{font-size:13px;color:var(--mute2);font-weight:600;letter-spacing:.04em;margin-bottom:22px}
.crumbs a{color:var(--mute)}.crumbs a:hover{color:#e3b26a}
.light .crumbs,.light .crumbs a{color:rgba(13,26,16,.5)}
.phero{position:relative;min-height:78vh;min-height:78svh;display:flex;align-items:flex-end;overflow:hidden}
.phero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,28,16,.96) 6%,rgba(20,28,16,.55) 50%,rgba(20,28,16,.35) 100%),linear-gradient(90deg,rgba(20,28,16,.55),rgba(20,28,16,0) 65%)}
.phero .in{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:clamp(50px,7vw,96px)}
.phero .lead{margin-top:22px;color:rgba(246,243,234,.86)}
.phero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.phero.short{min-height:56vh;min-height:56svh}
.prose{max-width:760px}
.prose h2{font-weight:800;font-size:clamp(1.6rem,2.6vw,2.3rem);letter-spacing:-.03em;line-height:1.08;margin:56px 0 16px;color:var(--forest)}
.prose h2:first-child{margin-top:0}
.prose h3{font-weight:800;font-size:1.2rem;margin:30px 0 8px;color:var(--forest)}
.prose p{color:rgba(13,26,16,.74);margin-bottom:16px;font-size:17px}
.prose ul{margin:6px 0 20px 0;list-style:none;display:grid;gap:10px}
.prose li{padding-left:28px;position:relative;color:rgba(13,26,16,.76)}
.prose li::before{content:"";position:absolute;left:0;top:7px;width:11px;height:15px;background:url(brand/leaf.svg) center/contain no-repeat}
.prose a{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.prose figure{margin:34px 0;border-radius:20px;overflow:hidden}
.prose figure img{width:100%}
.prose figcaption{font-size:13px;color:rgba(13,26,16,.55);padding:10px 2px 0;background:none}
.prose .note{background:var(--mint);border:1px solid var(--lineD);border-radius:18px;padding:22px 24px;margin:26px 0}
.prose .note p:last-child{margin:0}
.twocol{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,6vw,100px);align-items:start}
.aside{position:sticky;top:110px;background:#fff;border:1px solid var(--lineD);border-radius:22px;padding:28px}
.aside h4{font-weight:800;font-size:1.1rem;color:var(--forest);margin-bottom:12px}
.aside p{font-size:15px;color:rgba(13,26,16,.66);margin-bottom:16px}
.aside .btn{width:100%;justify-content:center}
.aside ul{list-style:none;display:grid;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--lineD)}
.aside li a{font-size:15px;font-weight:600;color:var(--forest)}.aside li a:hover{color:var(--brand)}
@media (max-width:900px){.twocol{grid-template-columns:1fr}.aside{position:static}}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}
.pgrid figure{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#1c2716;margin:0}
.pgrid figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pgrid figure:hover img{transform:scale(1.05)}
.pgrid figure.tall{grid-row:span 2;aspect-ratio:auto}
@media (max-width:800px){.pgrid{grid-template-columns:1fr 1fr;gap:8px}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}
.card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--lineD);color:var(--ink);transition:transform .5s var(--ease),box-shadow .5s}
.card:hover{transform:translateY(-5px);box-shadow:0 26px 50px -30px rgba(20,28,16,.4)}
.card .im{aspect-ratio:4/3;overflow:hidden;background:#1c2716}
.card .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.card:hover .im img{transform:scale(1.05)}
.card .tx{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.card .tg{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}
.card h3{font-weight:800;font-size:1.25rem;letter-spacing:-.02em;margin:10px 0 8px;color:var(--forest);line-height:1.2}
.card p{font-size:15px;color:rgba(13,26,16,.64)}
.card .more{margin-top:auto;padding-top:16px;font-weight:700;font-size:14px;color:var(--brand);display:flex;align-items:center;gap:8px}
.card .more svg{width:14px;height:14px}
.dark .card{background:var(--forest2);border-color:var(--line);color:var(--paper)}
.dark .card h3{color:var(--paper)}.dark .card p{color:var(--mute)}.dark .card .tg,.dark .card .more{color:#e3b26a}
@media (max-width:1000px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cards{grid-template-columns:1fr}}
.ba2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.ba2 figure{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;margin:0}
.ba2 img{width:100%;height:100%;object-fit:cover}
.ba2 span{position:absolute;top:14px;left:14px;font-size:11px;letter-spacing:.2em;font-weight:700;padding:7px 12px;border-radius:99px;background:rgba(20,28,16,.8);color:#fff}
.org{scroll-margin-top:100px;padding:34px 0;border-top:1px solid var(--lineD)}
.org:first-of-type{border-top:0}
.ctaband{background:var(--forest);color:var(--paper);border-radius:28px;padding:clamp(30px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.ctaband h2{font-weight:800;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1.05;max-width:20ch}
.ctaband .ctas{display:flex;gap:12px;flex-wrap:wrap}
.meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--mute);font-weight:600;margin-top:18px}
.tagrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.tagrow a{padding:10px 16px;border-radius:99px;border:1px solid rgba(246,243,234,.3);font-size:14px;font-weight:600;background:rgba(20,28,16,.45)}
.tagrow a:hover{background:var(--brand);border-color:var(--brand)}
.light .tagrow a{border-color:var(--lineD);background:#fff;color:var(--forest)}.light .tagrow a:hover{background:var(--brand);color:#fff}
.reveal{opacity:1;transform:none}
.prose figure img{max-height:520px;object-fit:cover}
/* Cadier-specifiek */
.prose li::before{top:6px;width:16px;height:13px}
.prose a,.light .card .tg,.light .card .more,.card .tg,.card .more,.aside li a:hover{color:#9a6428}
.dark .card .tg,.dark .card .more{color:#e3b26a}
.phero .lead{max-width:60ch}
.prose h2 .thin,.h-m .thin{font-weight:300}
.imp-note{font-size:13px;color:rgba(13,26,16,.55);margin-top:10px}
.feat-badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:9px 14px;border-radius:99px;background:rgba(201,138,69,.2);border:1px solid rgba(227,178,106,.5);color:#f3d9a6;font-size:13px;font-weight:700}
.pgrid.one{grid-template-columns:1fr}.pgrid.one figure{aspect-ratio:auto;max-height:760px}
.pgrid.one figure img{max-height:760px}
.pgrid figure{position:relative}
.pgrid figcaption{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:600;padding:6px 11px;border-radius:99px;background:rgba(20,28,16,.78);color:#fff;max-width:calc(100% - 24px)}
.card.feat{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}
.card.feat .im{aspect-ratio:auto;min-height:340px}
.card.feat h3{font-size:clamp(1.5rem,2.4vw,2.2rem)}
@media (max-width:800px){.card.feat{grid-template-columns:1fr}.card.feat .im{min-height:0;aspect-ratio:4/3}}
.faq{margin-top:20px;border-top:1px solid var(--lineD)}
.faq details{border-bottom:1px solid var(--lineD);padding:16px 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--forest);font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:22px;line-height:1;color:#9a6428}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:10px 0 0}
.aside .who{font-size:13.5px;color:rgba(13,26,16,.55);margin-top:14px}
@media (max-width:620px){.phero .ctas .btn{width:100%;justify-content:center}.phero .in{padding-top:120px}.prose p{font-size:16px}}
@media (max-width:800px){.pgrid figcaption{display:none}}