:root{--brown:#8a6846;--forest:#304719;--deep:#1e2e16;--moss:#73845c;--leaf:#a9b887;--birch:#e8ddc7;--paper:#f3eee4;--copper:#a96f43;--charcoal:#292a26;--clay:#c2a77d;--white:#fff;--shadow:0 18px 44px rgba(30,46,22,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--charcoal);background:var(--paper);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3{color:var(--forest);line-height:1.06;margin:0 0 1rem;font-weight:600;letter-spacing:-.025em}h1{font-size:clamp(2.8rem,7vw,6.7rem);max-width:12ch}h2{font-size:clamp(2rem,4.5vw,4rem)}h3{font-size:1.45rem}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--brown);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.1rem}.eyebrow:before{content:"";width:36px;height:1px;background:currentColor}.lead{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.55;max-width:730px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:var(--copper);color:white;text-decoration:none;padding:.82rem 1.12rem;border-radius:2px;font-size:.9rem;font-weight:700;letter-spacing:.02em;border:1px solid var(--copper);transition:.2s}.button:hover{background:#8c5836}.button.secondary{background:transparent;color:var(--forest);border-color:rgba(48,71,25,.35)}.button.secondary:hover{background:var(--birch)}
.topbar{background:var(--deep);color:var(--paper);font-size:.79rem;letter-spacing:.05em}.topbar .wrap{min-height:34px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:var(--leaf);text-decoration:none}.header{background:rgba(246,244,238,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(138,104,70,.22);backdrop-filter:blur(12px)}.nav{min-height:100px;display:flex;align-items:center;gap:34px}.brand{margin-right:auto}.brand img{width:250px;height:auto}.navlinks{display:flex;align-items:center;gap:25px}.navlinks a{text-decoration:none;color:var(--deep);font-size:.88rem;font-weight:650}.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--brown)}.menu{display:none;border:0;background:none;color:var(--forest);font:inherit;font-weight:700}
.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(330px,.98fr);background:var(--paper)}.hero-copy{padding:clamp(80px,9vw,140px) max(30px,6vw);display:flex;justify-content:center;flex-direction:column}.hero-copy p{max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.7rem}.hero-image{position:relative;min-height:560px;background:url('assets/sfeer-bos.png') center/cover no-repeat}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,244,238,.22),transparent 40%),linear-gradient(0deg,rgba(30,46,22,.28),transparent 50%)}.hero-stamp{position:absolute;z-index:2;left:32px;bottom:30px;background:rgba(30,46,22,.9);color:white;padding:18px 22px;max-width:300px}.hero-stamp strong{display:block;font-size:1.2rem}.hero-stamp span{font-size:.85rem;color:var(--birch)}
.section{padding:clamp(74px,10vw,130px) 0}.section.birch{background:var(--birch)}.section.deep{background:var(--deep);color:var(--paper)}.section.deep h2,.section.deep h3{color:white}.section.deep .eyebrow{color:var(--clay)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,100px);align-items:center}.photo{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow)}.photo.tall{aspect-ratio:4/5}.quote{border-left:3px solid var(--brown);padding-left:24px;font-size:1.4rem;color:var(--forest)}
.chain{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(232,221,199,.18);border:1px solid rgba(232,221,199,.18);margin-top:48px}.chain article{background:var(--deep);padding:26px 24px;min-height:185px}.chain .n{color:var(--clay);font-size:.75rem;letter-spacing:.16em}.chain h3{font-size:1.15rem;margin-top:22px}.chain p{font-size:.9rem;color:#d8dfd2;margin-bottom:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.card{background:white;border-top:4px solid var(--brown);padding:30px;box-shadow:0 10px 30px rgba(41,42,38,.07)}.card p{margin-bottom:0}.visual-card{position:relative;min-height:420px;overflow:hidden;color:white;display:flex;align-items:flex-end}.visual-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,46,22,.9),transparent 72%)}.visual-card div{position:relative;z-index:2;padding:30px}.visual-card h3{color:white;margin:0}.visual-card p{margin:.4rem 0 0;color:var(--birch)}
.event{display:grid;grid-template-columns:.82fr 1.18fr;gap:0;background:var(--forest);color:white}.event-image{min-height:520px;background:url('assets/sfeer-werkplaats.png') center/cover}.event-copy{padding:clamp(42px,7vw,90px)}.event-copy h2{color:white}.dates{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.date{border:1px solid rgba(255,255,255,.35);padding:10px 14px;font-weight:700}.date span{display:block;font-size:.72rem;color:var(--leaf);text-transform:uppercase;letter-spacing:.08em}
.page-hero{padding:clamp(70px,10vw,130px) 0;background:var(--birch)}.page-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);max-width:14ch}.crumb{font-size:.82rem;margin-bottom:35px}.crumb a{color:var(--brown)}.steps{counter-reset:steps;display:grid;gap:1px;background:#d9d4c8}.step{counter-increment:steps;background:var(--paper);display:grid;grid-template-columns:80px 1fr;gap:20px;padding:28px}.step:before{content:counter(steps,decimal-leading-zero);color:var(--brown);font-weight:700}.step h3{margin-bottom:.35rem}.step p{margin:0}.day{display:grid;grid-template-columns:160px 1fr;gap:45px;padding:34px 0;border-top:1px solid rgba(138,104,70,.34)}.day:first-of-type{margin-top:36px}.day-date{color:var(--brown);font-weight:700;font-size:1.1rem}.day h3{margin-bottom:.6rem}.notice{background:var(--birch);border-left:4px solid var(--brown);padding:25px 28px}.support{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.support-card{min-height:150px;border:1px solid rgba(138,104,70,.3);background:white;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;color:var(--forest);font-weight:700}.support-card img{max-width:280px;max-height:100px;width:auto;height:auto}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.person{background:white}.person-body{padding:24px}.person img{aspect-ratio:1/1;object-fit:cover;width:100%}.profiles{display:grid;gap:1px}.profile{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);background:white;min-height:460px}.profile.reverse{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.profile.reverse img{order:2}.profile img{width:100%;height:100%;max-height:620px;object-fit:cover}.profile-copy{padding:clamp(34px,6vw,76px)}.profile-copy h2{font-size:clamp(2rem,4vw,3.35rem)}.profile-copy .eyebrow{line-height:1.5}.profile-links{font-size:.9rem}.profile-links a{color:var(--brown);font-weight:700}
.cta{padding:70px 0;background:var(--brown);color:white}.cta h2{color:white}.cta .split{align-items:end}.footer{background:var(--deep);color:#d8dfd2;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer-logo{width:260px;background:var(--paper);padding:12px 14px}.footer h3{font-size:.92rem;text-transform:uppercase;letter-spacing:.1em;color:var(--clay)}.footer a{color:inherit;text-decoration:none;display:block;margin:.35rem 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:45px;padding-top:25px;font-size:.78rem;color:#adb7a7}
@media(max-width:900px){.nav{min-height:82px}.brand img{width:210px}.menu{display:block}.navlinks{position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:25px 20px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--birch)}.navlinks.open{display:flex}.hero{grid-template-columns:1fr}.hero-image{min-height:500px}.chain{grid-template-columns:repeat(2,1fr)}.cards,.people{grid-template-columns:1fr 1fr}.event{grid-template-columns:1fr}.split,.footer-grid{grid-template-columns:1fr}.day{grid-template-columns:1fr;gap:6px}}@media(max-width:590px){body{font-size:16px}.wrap{width:min(100% - 28px,1180px)}.topbar{display:none}.hero-copy{padding:68px 22px}.hero-image{min-height:430px}.chain,.cards,.people,.support{grid-template-columns:1fr}.actions .button{width:100%}.brand img{width:180px}.step{grid-template-columns:48px 1fr;padding:23px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:900px){.profile,.profile.reverse{grid-template-columns:1fr}.profile.reverse img{order:0}.profile img{max-height:480px}.support-card img{max-width:220px}}

/* Warm, tactile brand layer */
.header{background:rgba(243,238,228,.96);border-bottom-color:rgba(138,104,70,.28)}
.hero{background:linear-gradient(135deg,rgba(232,221,199,.54),rgba(243,238,228,.98) 55%),url('assets/texture-eikenhout.png') center/620px}
.hero-image{background-image:url('assets/sfeer-bos.png')}.hero-image:after{background:linear-gradient(90deg,rgba(30,46,22,.18),transparent 42%),linear-gradient(0deg,rgba(30,46,22,.52),transparent 58%)}
.section.birch{background:linear-gradient(rgba(232,221,199,.9),rgba(232,221,199,.9)),url('assets/texture-eikenhout.png') center/720px}
.section.deep{background:linear-gradient(rgba(30,46,22,.92),rgba(30,46,22,.92)),url('assets/texture-mosgroen.png') center/760px}
.card{background:#fbf8f1;box-shadow:0 10px 30px rgba(41,42,38,.09)}
.event{background:linear-gradient(rgba(48,71,25,.92),rgba(48,71,25,.92)),url('assets/texture-mosgroen.png') center/680px}.event-image{background-image:url('assets/sfeer-werkplaats.png')}
.page-hero{background:linear-gradient(110deg,rgba(232,221,199,.94),rgba(232,221,199,.78)),url('assets/texture-eikenhout.png') center/720px;border-bottom:1px solid rgba(138,104,70,.25)}
.notice{background:linear-gradient(rgba(232,221,199,.9),rgba(232,221,199,.9)),url('assets/texture-eikenhout.png') center/520px}
.cta{background:linear-gradient(rgba(99,72,45,.88),rgba(99,72,45,.88)),url('assets/texture-eikenhout.png') center/680px}
.footer{background:linear-gradient(rgba(30,46,22,.94),rgba(30,46,22,.94)),url('assets/texture-mosgroen.png') center/760px}

/* Living landscape and craft photography */
.nature-gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:250px 250px;gap:12px;margin-top:42px}.nature-gallery figure{position:relative;margin:0;overflow:hidden;background:var(--forest);box-shadow:var(--shadow)}.nature-gallery figure:first-child{grid-row:1/3}.nature-gallery figure:last-child{grid-column:2/4}.nature-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.nature-gallery figure:hover img{transform:scale(1.025)}.nature-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 20px 16px;color:white;font-size:.82rem;font-weight:700;letter-spacing:.04em;background:linear-gradient(transparent,rgba(30,46,22,.82))}
.people-gallery{display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:12px;padding-top:12px}.people-gallery figure{margin:0;overflow:hidden;min-height:260px}.people-gallery img{width:100%;height:100%;object-fit:cover}.profiles{margin-top:72px;box-shadow:0 24px 70px rgba(30,46,22,.12)}.profile:nth-child(odd){background:#fbf8f1}.profile:nth-child(even){background:#f0e7d7}
.day{position:relative}.day:before{content:"";position:absolute;left:0;top:-1px;width:70px;height:2px;background:var(--moss)}
@media(max-width:900px){.nature-gallery{grid-template-columns:1fr 1fr;grid-template-rows:360px 240px 240px}.nature-gallery figure:first-child{grid-row:auto;grid-column:1/3}.nature-gallery figure:last-child{grid-column:1/3}.people-gallery{grid-template-columns:1fr 1fr}.people-gallery figure:last-child{grid-column:1/3}.people-gallery figure:nth-child(2){transform:none}}
@media(max-width:590px){.nature-gallery,.people-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.nature-gallery figure,.nature-gallery figure:first-child,.nature-gallery figure:last-child,.people-gallery figure,.people-gallery figure:last-child{grid-column:auto;grid-row:auto;min-height:240px}.people-gallery figure:nth-child(2){transform:none}.profiles{margin-top:46px}}

/* Houtskool contrast and original green brand mark */
.topbar{background:var(--charcoal)}.cta{background:linear-gradient(rgba(41,42,38,.92),rgba(41,42,38,.92)),url('assets/texture-eikenhout.png') center/680px}.footer{background:linear-gradient(rgba(41,42,38,.96),rgba(41,42,38,.96)),url('assets/texture-mosgroen.png') center/760px}.event{background:linear-gradient(rgba(41,42,38,.9),rgba(41,42,38,.9)),url('assets/texture-eikenhout.png') center/680px}.event-image{background-image:url('assets/houtdagen.png')}
.initiative-hero .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(40px,7vw,100px);align-items:center}.initiative-brand{background:rgba(246,244,238,.88);border:1px solid rgba(48,71,25,.18);padding:clamp(24px,4vw,44px);box-shadow:0 18px 50px rgba(41,42,38,.13)}.initiative-brand img{width:100%;height:auto}.initiative-brand span{display:block;margin-top:18px;padding-top:15px;border-top:1px solid rgba(48,71,25,.2);color:var(--charcoal);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.profile-copy h2{color:var(--charcoal)}.profile .eyebrow{color:var(--moss)}
@media(max-width:900px){.initiative-hero .wrap{grid-template-columns:1fr}.initiative-brand{max-width:460px}.event-image{background-position:center}}

/* Deepdive invitation */
.deepdive-callout{background:linear-gradient(120deg,rgba(41,42,38,.96),rgba(30,46,22,.92)),url('assets/texture-mosgroen.png') center/720px;color:var(--paper);padding:clamp(38px,6vw,72px);display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:clamp(34px,6vw,80px);align-items:center;box-shadow:var(--shadow)}.deepdive-date{border-right:1px solid rgba(232,221,199,.28);padding-right:32px;color:var(--birch)}.deepdive-date strong{display:block;color:white;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95}.deepdive-date span{display:block;margin-top:12px;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.deepdive-callout h2{color:white;font-size:clamp(2rem,4vw,3.5rem)}.deepdive-callout p{max-width:760px}.deepdive-callout .button{margin-top:10px}.deepdive-callout .button:hover{background:var(--brown)}
@media(max-width:700px){.deepdive-callout{grid-template-columns:1fr}.deepdive-date{border-right:0;border-bottom:1px solid rgba(232,221,199,.28);padding:0 0 25px}}

/* Keten in beeld */
.chain-visual-hero{background:linear-gradient(105deg,rgba(232,221,199,.94),rgba(194,167,125,.72)),url('assets/texture-eikenhout.png') center/720px}.chain-story{background:var(--paper)}.chain-story-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,100px);align-items:end}.chain-journey{display:grid;gap:18px;margin-top:55px}.chain-journey article{position:relative;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:330px;background:var(--charcoal);color:var(--paper);overflow:hidden;box-shadow:0 18px 44px rgba(41,42,38,.14)}.chain-journey article:nth-child(even){grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}.chain-journey article:nth-child(even) img{order:2}.chain-journey img{width:100%;height:100%;min-height:330px;object-fit:cover}.stage-copy{padding:clamp(32px,5vw,62px);display:flex;flex-direction:column;justify-content:center}.stage-copy>span{color:var(--clay);font-size:1rem;font-weight:700;letter-spacing:.16em}.chain-journey h3{color:white;font-size:clamp(1.8rem,3vw,3rem);margin:.5rem 0 .8rem}.chain-journey p{color:#d8dfd2;margin:.25rem 0 1rem}.chain-journey small{color:var(--leaf);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.chain-journey article:nth-child(3n+2){background:var(--forest)}.cycle-line{margin:34px auto 0;max-width:850px;text-align:center;color:var(--forest);font-size:1.15rem;font-weight:700}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:40px;background:rgba(138,104,70,.25);border:1px solid rgba(138,104,70,.25)}.value-grid article{background:rgba(246,244,238,.84);padding:28px 22px}.value-grid strong{display:block;color:var(--forest);font-size:1.15rem}.value-grid p{font-size:.92rem;margin:.5rem 0 0}.steven-photo{object-position:center 38%}
@media(max-width:1050px){.navlinks{gap:16px}.navlinks a{font-size:.82rem}.brand img{width:220px}.value-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.chain-story-intro{grid-template-columns:1fr}.chain-journey article,.chain-journey article:nth-child(even){grid-template-columns:1fr}.chain-journey article:nth-child(even) img{order:0}.chain-journey img{height:320px;min-height:0}.value-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.chain-journey img{height:250px}.stage-copy{padding:28px 22px}.value-grid{grid-template-columns:1fr}}
