:root{--canvas:#f5f1e8;--canvas-2:#efe9dc;--canvas-3:#e7dfce;--ink:#1b1815;--ink-soft:#57514a;--ink-faint:#8c8479;--green:#21503f;--green-deep:#163b2d;--green-soft:#4a7a64;--green-glow:#21503f24;--amber:#c0703a;--line:#1b181521;--line-soft:#1b181512;--shadow-soft:0 18px 50px -28px #1b181538;--shadow-lift:0 30px 70px -32px #1b18154d;--font-display:"Zodiak", Georgia, serif;--font-sans:"General Sans", system-ui, -apple-system, sans-serif;--fs-display:clamp(2.4rem, 4.7vw, 5.1rem);--fs-h2:clamp(2rem, 3.9vw, 3.5rem);--fs-h3:clamp(1.3rem, 1.6vw, 1.6rem);--fs-lead:clamp(1.12rem, 1.3vw, 1.3rem);--fs-body:clamp(1.1rem, 1.1vw, 1.2rem);--fs-label:.78rem;--lh-display:1;--lh-body:1.6;--tracking-display:-.025em;--tracking-label:.18em;--gutter:clamp(1.5rem, 5vw, 5.5rem);--maxw:90rem;--nav-h:clamp(4.5rem, 7vh, 5.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--z-bg:0;--z-content:5;--z-nav:80}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html.lenis{scroll-behavior:auto}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;overflow-x:clip}body.is-locked{overflow:hidden}::selection{background:var(--green);color:var(--canvas)}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}em{font-style:italic}:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}.skip-link{z-index:200;background:var(--ink);color:var(--canvas);transition:transform .25s var(--ease-out);border-radius:4px;padding:.7em 1.2em;position:fixed;top:.75rem;left:.75rem;transform:translateY(-300%)}.skip-link:focus-visible{transform:translateY(0)}.display,h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:var(--lh-display);letter-spacing:var(--tracking-display);text-wrap:balance}em.accent{color:var(--green);font-style:italic}p{text-wrap:pretty}.label{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--green);align-items:center;gap:.7em;display:inline-flex}.label:before{content:"";opacity:.55;background:currentColor;width:1.9em;height:1px}.btn{font-family:var(--font-sans);cursor:pointer;transition:transform .4s var(--ease-out), background-color .4s var(--ease-soft), color .4s var(--ease-soft), border-color .4s var(--ease-soft);will-change:transform;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.6em;font-size:1.0625rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn--primary{background:var(--green);color:var(--canvas);min-height:52px;padding:1.05em 1.9em}.btn--primary:hover{background:var(--green-deep)}.btn--lg{min-height:58px;padding:1.15em 2.2em;font-size:1.15rem}.btn--ghost{color:var(--ink);border:1px solid var(--line);background:0 0;min-height:52px;padding:1.05em 1.7em}.btn--ghost:hover{border-color:var(--ink)}.btn__arrow{transition:transform .4s var(--ease-out);display:inline-block}.btn:hover .btn__arrow{transform:translate(5px)}.btn--text{color:var(--ink);align-items:center;gap:.55em;min-height:44px;font-size:1.0625rem;font-weight:500;display:inline-flex}.btn--text .btn__arrow{color:var(--green)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.nav{z-index:var(--z-nav);height:var(--nav-h);transition:background-color .4s var(--ease-soft), backdrop-filter .4s, box-shadow .4s;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);background:#f5f1e8d1}.nav__inner{max-width:var(--maxw);height:100%;padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:2rem;margin:0 auto;display:flex}.nav__brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:1.4rem;font-weight:500}.nav__brand span{color:var(--green)}.nav__links{gap:clamp(1.5rem,2.6vw,2.6rem);display:flex}.nav__links a{color:var(--ink);padding:.5em 0;font-size:1.0625rem;font-weight:500;position:relative}.nav__links a:after{content:"";background:var(--green);height:1.5px;transition:right .35s var(--ease-out);position:absolute;bottom:.2em;left:0;right:100%}.nav__links a:hover:after{right:0}.nav__actions{align-items:center;gap:clamp(1rem,1.8vw,1.6rem);display:flex}.nav__login{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:.5em;font-size:1.0625rem;font-weight:500;transition:color .3s;display:inline-flex}.nav__login svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.05em;height:1.05em;overflow:visible}.nav__login:hover{color:var(--green)}.nav__cta{min-height:0;padding:.7em 1.3em;font-size:1rem}.nav__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.nav__burger span{background:var(--ink);width:22px;height:2px;transition:transform .35s var(--ease-out), opacity .25s}.nav__burger.is-open span:first-child{transform:translateY(3.5px)rotate(45deg)}.nav__burger.is-open span:last-child{transform:translateY(-3.5px)rotate(-45deg)}@media (max-width:940px){.nav__links,.nav__login{display:none}.nav__burger{display:flex}}@media (max-width:520px){.nav__cta{display:none}}.menu{z-index:75;background:var(--canvas-2);padding:var(--nav-h) var(--gutter) 3rem;clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .55s var(--ease-out), visibility 0s .55s;flex-direction:column;justify-content:center;gap:2.5rem;display:flex;position:fixed;inset:0}.menu.is-open{clip-path:inset(0);visibility:visible;transition:clip-path .55s var(--ease-out), visibility 0s 0s}.menu__links{flex-direction:column;gap:.4rem;display:flex}.menu__links a{font-family:var(--font-display);color:var(--ink);padding:.1em 0;font-size:clamp(2.2rem,9vw,3rem)}.menu__cta{color:var(--green)!important}.menu__phone{color:var(--ink);font-size:1.4rem;font-weight:600}
.hero{min-height:100svh;padding-top:var(--nav-h);z-index:var(--z-content);align-items:center;display:flex;position:relative}.hero__grid{width:100%;max-width:var(--maxw);padding:clamp(1rem, 3vh, 2.5rem) var(--gutter) clamp(2rem, 4vh, 3rem);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);margin:0 auto;display:grid}.hero__text{z-index:2;position:relative}.hero__title{font-size:var(--fs-display);max-width:13ch;margin:clamp(1.25rem,3vh,2rem) 0 clamp(1.5rem,3vh,2.25rem)}.hero__title .line{padding-bottom:.05em;display:block;overflow:hidden}.hero__title .line>span{will-change:transform;display:inline-block}.hero__sub{font-size:var(--fs-lead);color:var(--ink-soft);max-width:40ch;line-height:1.55}.hero__cta{flex-wrap:wrap;align-items:center;gap:clamp(1.25rem,2.5vw,2rem);margin-top:clamp(1.75rem,4vh,2.75rem);display:flex}.hero__tree{align-self:stretch;height:min(78vh,720px);position:relative}.tree__svg{width:100%;height:100%;overflow:visible}.hero__tree-hint{font-size:var(--fs-label);letter-spacing:.04em;color:var(--ink-faint);max-width:22ch;line-height:1.4;position:absolute;bottom:.5rem;left:0}@media (max-width:940px){.hero{min-height:auto}.hero__grid{grid-template-columns:1fr;gap:1rem;padding-top:clamp(6rem,14vh,8rem)}.hero__title{max-width:16ch}.hero__tree{order:3;height:min(86vw,400px);margin-top:1.5rem}.hero__tree-hint{margin-top:.5rem;position:static}}.hero__tree-canvas{position:absolute;inset:0}.hero__tree-hint{z-index:2}
.tree__svg{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.tree__branch{stroke:var(--green);transition:opacity .45s var(--ease-soft), stroke .45s var(--ease-soft)}.tree__branch--d1,.tree__branch--d2{stroke:var(--green);opacity:.95}.tree__branch--d3{stroke:var(--green);opacity:.7}.tree__branch--d4{stroke:var(--green-soft);opacity:.62}.tree__branch--d5{stroke:var(--green-soft);opacity:.45}.tree__branch.is-focusing .tree__branch{opacity:.18}.is-focusing .tree__branch:not(.is-lit){opacity:.16}.tree__branch.is-lit{stroke:var(--green);opacity:1}.tree__dot--found{fill:var(--green);stroke:var(--canvas);stroke-width:2px}.tree__dot--open{fill:var(--canvas);stroke:var(--green-soft);stroke-width:1.6px}.is-focusing .tree__node:not(.is-lit){opacity:.28}.tree__node{transition:opacity .45s var(--ease-soft)}.tree__node--named{cursor:pointer}.tree__portrait-img{filter:grayscale()sepia(.55)saturate(.78)brightness(1.04)contrast(.95)}.tree__portrait-img--photo{filter:grayscale()contrast(1.06)brightness(1.02)}.tree__node--portrait:hover .tree__portrait-img--photo,.tree__node--portrait.is-lit .tree__portrait-img--photo{filter:grayscale()contrast(1.1)brightness(1.07)}.tree__portrait-ring{fill:none;stroke:var(--green);stroke-width:2.5px;transition:stroke .4s var(--ease-soft), stroke-width .4s var(--ease-soft)}.tree__node--portrait:hover .tree__portrait-ring,.tree__node--portrait:focus-visible .tree__portrait-ring,.tree__node--portrait.is-lit .tree__portrait-ring{stroke:var(--amber);stroke-width:3.5px}.tree__node--portrait:hover .tree__portrait-img,.tree__node--portrait.is-lit .tree__portrait-img{filter:grayscale(.15)sepia(.12)saturate()brightness(1.05)contrast()}.tree__node--named:focus-visible{outline:none}.tree__node--named:focus-visible .tree__portrait-ring,.tree__node--named:focus-visible .tree__base-ring{stroke:var(--amber);stroke-width:3.5px}.tree__base{fill:var(--amber)}.tree__base-ring{fill:none;stroke:var(--amber);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%}.tree__node--base:hover .tree__base-ring{animation:basePulse 1.6s var(--ease-out) infinite}@keyframes basePulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.tree__tip{z-index:6;background:var(--ink);color:var(--canvas);text-align:center;white-space:nowrap;box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out), transform .35s var(--ease-out);border-radius:9px;padding:.6rem .95rem;position:absolute;transform:translate(-50%,-128%)}.tree__tip.is-on{opacity:1;transform:translate(-50%,-116%)}.tree__tip:after{content:"";background:var(--ink);border-radius:1px;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.tree__tip-name{font-family:var(--font-display);font-size:1.05rem;line-height:1.15;display:block}.tree__tip-meta{color:var(--canvas-3);margin-top:.15rem;font-size:.8rem;display:block}.tree__tip.is-rich{white-space:normal;max-width:17rem;padding:.8rem 1.15rem}.tree__tip-rich{color:var(--canvas-3);border-top:1px solid #f5f1e82e;margin-top:.5rem;padding-top:.5rem;font-size:.74rem;line-height:1.45;display:block}.tree__tip-cta{color:#e7cfa6;margin-top:.4rem;font-size:.82rem;font-weight:500;display:block}.hero__tree:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(46% 42% at 52% 42%,#21503f1a,#0000 72%);position:absolute;inset:6% 0 0}
.manifest,.werk,.verhalen,.cta{z-index:var(--z-content);position:relative}.manifest__inner,.werk__inner,.verhalen__inner,.cta__inner,.foot__inner{max-width:var(--maxw);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.manifest{border-top:1px solid var(--line);padding:clamp(5rem,13vh,9rem) 0}.manifest .label{margin-bottom:clamp(2rem,5vh,3rem)}.manifest__statement{letter-spacing:-.02em;max-width:24ch;font-size:clamp(1.8rem,3.6vw,3.2rem);line-height:1.16}.manifest__row{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(3.5rem,8vh,6rem);display:grid}.manifest__num{font-family:var(--font-display);color:var(--green);letter-spacing:-.02em;margin-bottom:.6rem;font-size:clamp(2.4rem,4vw,3.4rem);display:block}.manifest__col-text{color:var(--ink-soft);max-width:32ch}.werk{background:var(--canvas-2);border-top:1px solid var(--line);padding:clamp(5rem,13vh,9rem) 0}.werk__head{max-width:40rem;margin-bottom:clamp(3rem,7vh,5rem)}.werk__title{font-size:var(--fs-h2);margin-top:1rem}.werk__steps{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3.5vw,3rem);list-style:none;display:grid}.werk__step{border-top:1.5px solid var(--green);padding-top:1.4rem}.werk__step-n{font-family:var(--font-display);color:var(--green);font-size:1.1rem}.werk__step-t{font-size:var(--fs-h3);margin:.8rem 0 .7rem}.werk__step-p{color:var(--ink-soft)}.werk__note{border-left:2px solid var(--green);max-width:60rem;color:var(--ink-soft);margin-top:clamp(3rem,6vh,4rem);padding:.4rem 0 .4rem 1.5rem;font-size:1.08rem}.verhalen{border-top:1px solid var(--line);padding:clamp(5rem,13vh,9rem) 0}.verhalen__head{max-width:46rem;margin-bottom:clamp(3rem,7vh,4.5rem)}.verhalen__title{font-size:var(--fs-h2);margin-top:1rem}.verhalen__grid{grid-template-columns:1.4fr 1fr;gap:clamp(1.25rem,2.5vw,2rem);display:grid}.story{margin:0}.story--video .story__poster{background:var(--canvas-3);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:flex-end;height:100%;min-height:24rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex;position:relative;overflow:hidden}.story__tag{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--line);border-radius:999px;padding:.35em .9em;position:absolute;top:1.25rem;left:1.25rem}.story__play{border:1.5px solid var(--green);background:var(--canvas);width:5rem;height:5rem;color:var(--green);cursor:pointer;transition:transform .4s var(--ease-out), background-color .4s;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story__play:hover{background:var(--green);color:var(--canvas);transform:translate(-50%,-50%)scale(1.07)}.story__play svg{fill:currentColor;width:1.9rem;height:1.9rem;margin-left:3px}.story__cap{position:relative}.story__name{margin-bottom:.4rem;font-size:.95rem;font-weight:600;display:block}.story__quote{font-family:var(--font-display);font-size:clamp(1.25rem,1.9vw,1.7rem);font-style:italic;line-height:1.25}.story--quote{background:var(--canvas-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:center;padding:clamp(1.75rem,3vw,2.5rem);display:flex}.story--quote p{font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.95rem);font-style:italic;line-height:1.3}.story--quote footer{color:var(--ink-soft);align-items:baseline;gap:.8rem;margin-top:1.4rem;display:flex}.story--quote .story__name{margin:0}.cta{background:var(--green);color:var(--canvas);text-align:center;border-top:1px solid var(--line);padding:clamp(6rem,15vh,11rem) 0}.cta__inner{flex-direction:column;align-items:center;max-width:50rem;display:flex}.cta__title{font-size:var(--fs-h2);color:var(--canvas)}.cta__sub{font-size:var(--fs-lead);color:#f5f1e8cc;max-width:40ch;margin:1.1rem 0 clamp(1.75rem,4vh,2.5rem)}.cta__actions{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.cta .btn--primary{background:var(--canvas);color:var(--green)}.cta .btn--primary:hover{background:#fff}.cta .btn--text{color:#f5f1e8d9}.cta .btn--text .btn__arrow{color:var(--canvas)}.foot{background:var(--ink);color:var(--canvas);padding:clamp(3rem,6vh,4.5rem) 0}.foot__inner{text-align:center;flex-direction:column;align-items:center;gap:.8rem;display:flex}.foot__brand{font-family:var(--font-display);color:var(--canvas);font-size:1.5rem}.foot__brand span{color:var(--green-soft)}.foot__claim{color:#f5f1e8bf;max-width:42ch}.foot__fine{font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:#f5f1e866;margin-top:.5rem}@media (max-width:860px){.manifest__row,.werk__steps{grid-template-columns:1fr;gap:2rem}.verhalen__grid{grid-template-columns:1fr}}