:root{--v3-ink:#071b16;--v3-deep:#0b2b20;--v3-forest:#164b35;--v3-leaf:#2b8a58;--v3-lime:#d9ff55;--v3-mint:#8fffd7;--v3-sun:#f4bd54;--v3-cream:#f6f3e8;--v3-white:#fffef8;--v3-line:#cdd7c8;--pad:clamp(1.25rem,5vw,5rem)}
html{background:var(--v3-ink)}body{background:var(--v3-cream);color:var(--v3-ink);font-family:Inter,Arial,sans-serif}.noise{opacity:.018}.cursor-dot,.cursor-ring,.jungle-atmosphere,.jungle-world,.jungle-guide,.journey-map,.jungle-progress,.jungle-animal{display:none!important}
.site-header{height:76px;padding:0 var(--pad);grid-template-columns:1fr auto 1fr;background:rgba(7,27,22,.9)!important;border-bottom:1px solid #ffffff17;backdrop-filter:blur(18px);color:var(--v3-white)}
.brand{gap:.65rem;font-size:.8rem;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--v3-lime)!important;color:var(--v3-ink);box-shadow:none;transform:rotate(-4deg);font:950 .72rem/1 monospace}.brand>span:last-child>span{color:var(--v3-lime)!important}.site-header nav{gap:2rem;font-size:.78rem}.site-header nav a{opacity:.78}.site-header nav a:hover{opacity:1}.site-header nav a::after{background:var(--v3-lime);bottom:-9px}
.button,.site-header>.button{border:0!important;border-radius:14px;background:var(--v3-lime)!important;color:var(--v3-ink)!important;padding:.82rem 1.1rem;box-shadow:none!important;transition:transform .2s,background .2s}.button:hover,.site-header>.button:hover{transform:translateY(-2px);background:var(--v3-mint)!important}
.section-label{color:#3f745c!important;font-size:.68rem;letter-spacing:.13em}.reveal.visible{animation:none!important}
.reveal{transition-duration:.45s!important}.journey-zone:not(.hero)::before,.journey-zone:not(.hero)::after{display:none!important}

/* Hero: één samenhangende junglewereld, zonder decoratie over de tekst. */
.hero{min-height:820px;height:100svh;max-height:960px;padding:76px var(--pad) 0!important;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:clamp(2rem,5vw,6rem);background:radial-gradient(circle at 25% 25%,#164b35 0,#0b2b20 34%,#071b16 72%)!important;color:var(--v3-white)!important;overflow:hidden}
.hero::before{content:"";position:absolute;inset:76px 0 0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#0008,transparent 80%);animation:none!important}.hero::after{display:none}
.hero-copy{padding:clamp(5rem,9vh,7rem) 0 3rem!important;z-index:2}.eyebrow{margin:0 0 2rem;color:#b9d6c8!important;font-size:.66rem}.status-dot{background:var(--v3-lime)!important;box-shadow:0 0 0 6px #d9ff5516!important}
.hero-title{max-width:790px;font-size:clamp(4.2rem,7.3vw,8.4rem)!important;line-height:.82!important;letter-spacing:-.07em!important;text-shadow:none;text-transform:uppercase}.hero-title em{color:var(--v3-lime)!important}.hero-title i{color:var(--v3-mint)!important;font-family:Georgia,serif}
.hero-bottom{margin-top:auto;align-items:center;gap:2rem;padding-bottom:3rem}.hero-bottom>p{max-width:480px;padding-left:1.1rem;border-left:2px solid var(--v3-lime);color:#c6d8cf!important;font-size:1.05rem}.round-cta{width:104px;background:var(--v3-lime)!important;color:var(--v3-ink);box-shadow:0 12px 35px #0004;transform:none}.round-cta:hover{background:var(--v3-mint)!important;transform:translateY(-4px)}
.hero-visual{margin:3rem 0 3rem!important;min-height:0;background:url('assets/jungle-portal-v3.svg') center/cover no-repeat!important;border:1px solid #ffffff24;border-radius:36px;clip-path:none!important;overflow:hidden;box-shadow:0 30px 80px #0006;isolation:isolate}.hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,#061a148c 76%,#061a14f2);z-index:0;transform:none}.hero-visual::after{display:none}.cartoon-vine,.orbit,.sticker-two,.pixel-crop,.jungle-mascot{display:none!important}
.code-window{align-self:end;width:calc(100% - 3rem)!important;margin:0 1.5rem 1.5rem;background:#061914e8!important;border:1px solid #9ce9bf38!important;border-radius:20px;box-shadow:0 18px 50px #0007!important;transform:none!important;overflow:hidden;backdrop-filter:blur(12px)}.window-bar{height:42px;background:#102e23!important;border-color:#ffffff12!important}.code-window pre{padding:1.4rem 1.7rem;font-size:clamp(.75rem,1vw,.9rem);line-height:1.7}.build-pill{right:16px;bottom:14px;border:0!important;border-radius:10px;background:var(--v3-lime)!important;box-shadow:none!important;transform:none;font-size:.58rem}.sticker-one{left:1.5rem;top:1.5rem;width:auto;height:auto;padding:.8rem 1rem;border:0!important;border-radius:12px;background:var(--v3-sun)!important;box-shadow:0 10px 30px #0003!important;transform:none;font-size:.78rem}
.ticker{transform:none;background:var(--v3-lime)!important;border:0!important}.ticker-track{padding:.7rem 0;font-size:1rem;letter-spacing:.02em;gap:1.5rem}.ticker-track span:nth-of-type(even){font-family:inherit;font-style:normal;font-weight:900}

/* Secties */
.intro{padding-top:8rem;padding-bottom:8rem;background:var(--v3-cream)!important}.intro-grid{grid-template-columns:1.15fr .65fr;gap:8vw;margin-top:2.2rem}.intro h2,.offer h2,.services h2,.process h2,.contact h2,.portfolio-page h1,.portfolio-page h2{letter-spacing:-.055em!important}.intro h2{font-size:clamp(3.2rem,6.4vw,7.2rem);line-height:.9}.scribble{color:var(--v3-leaf)!important}.scribble::after{display:none}.intro-copy p:first-child{color:var(--v3-ink);font-size:1.2rem}.text-link{border-color:var(--v3-leaf);font-size:.72rem}
.offer{padding-top:8rem;padding-bottom:8rem;background:var(--v3-deep)!important;color:var(--v3-white)!important;border:0!important}.offer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 5%,#d9ff5510,transparent 30%),linear-gradient(120deg,#ffffff06 1px,transparent 1px);background-size:auto,90px 90px}.offer-head{align-items:center}.offer-head h2{font-size:clamp(3.5rem,6.6vw,7.5rem);line-height:.88}.offer-head h2 i{color:var(--v3-lime)!important;font-family:inherit;font-style:normal}.zero-stamp{width:190px;background:var(--v3-lime)!important;border:0!important;border-radius:28px;box-shadow:none!important;transform:none;color:var(--v3-ink)}.offer-intro{margin:4rem 0 2rem;border:0!important}.offer-intro p{color:#bfd2c8!important}.offer-intro p:first-child{color:var(--v3-white)!important;font-size:clamp(1.4rem,2.2vw,2.25rem)}
.usp-grid{gap:1rem}.usp-card{min-height:215px;padding:1.5rem;background:#103326!important;color:var(--v3-white)!important;border:1px solid #ffffff18!important;border-radius:20px!important;box-shadow:none!important}.usp-card:nth-child(even){border-radius:20px}.usp-card:hover{transform:translateY(-5px);background:#16432f!important;border-color:#d9ff555c!important}.usp-card>span{color:var(--v3-lime)!important}.usp-card>b{font-size:1.35rem}.usp-card p{color:#b7cbbf!important}.offer-cta{background:transparent;border-top:1px solid #ffffff1f;padding:1.5rem 0}.capacity-card{border:0!important;border-radius:22px;background:var(--v3-lime)!important;box-shadow:none!important;color:var(--v3-ink)}.capacity-card>a{border:0;border-radius:12px;background:var(--v3-ink);color:white}
.work{padding-top:8rem;padding-bottom:8rem;background:var(--v3-cream)!important;color:var(--v3-ink)!important}.section-head h2{font-size:clamp(3rem,6vw,6.7rem)}.filter{border-color:#b8c4b8;color:var(--v3-ink);background:white}.filter.active,.filter:hover{background:var(--v3-ink)!important;color:white!important;border-color:var(--v3-ink)!important}.project-grid{gap:3rem 1.5rem}.project-art{border:0!important;border-radius:24px!important;box-shadow:none!important}.project-large .project-art{height:clamp(560px,58vw,760px)}.project-art{height:360px}.art-one{background:#bfe7d0!important}.art-two{background:#a99cf2!important}.art-three{background:#f4bd54!important}.project-arrow,.case-open{background:white!important;color:var(--v3-ink)!important;border:0!important}.project-meta{padding-top:1.1rem}.project-meta h3{font-size:2rem}.project-meta p{color:#5e6f65}.demo-note{color:#66756c}
.services{padding-top:8rem;padding-bottom:8rem;background:var(--v3-white)!important}.services-head{margin:2rem 0 4rem}.services-head h2{font-size:clamp(3rem,6vw,6.8rem)}.services-head h2 span{color:var(--v3-leaf)!important;font-family:inherit;font-style:normal}.service-list{border-color:#bdc9be}.service-item{grid-template-columns:60px 1fr .8fr 42px;padding:1.7rem .5rem;border-color:#c9d2c9!important}.service-item:hover,.service-item:focus{padding-inline:1.2rem;background:#e4f1e5!important;color:var(--v3-ink)!important;border-radius:16px}.service-item:hover p{color:#405348!important}.service-item h3{font-size:clamp(1.9rem,3.4vw,3.7rem)}.service-item>b{color:var(--v3-leaf)!important}
.process{padding-top:8rem;padding-bottom:8rem;background:var(--v3-forest)!important;color:var(--v3-white)!important}.process-intro h2 i{color:var(--v3-mint)!important}.process-track{position:relative;gap:1rem}.process-track::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--v3-mint) 0 8px,transparent 8px 18px);opacity:.45}.process-step,.process-step:nth-child(even){position:relative;min-height:320px;padding:1.4rem;background:#0d3024!important;border:1px solid #ffffff1c!important;border-radius:22px!important;box-shadow:none!important;transform:none}.process-step:hover{transform:translateY(-5px);background:#123b2b!important}.process-step>span{color:var(--v3-mint)!important}.step-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto 0;border:0!important;border-radius:18px!important;background:var(--v3-lime)!important;color:var(--v3-ink);box-shadow:none!important;font-size:1.8rem}.process-step h3{font-size:1.6rem}.process-step p{color:#bdd0c6}
.estimator{padding-top:8rem;padding-bottom:8rem;background:linear-gradient(135deg,var(--v3-lime),#9ff3a7)!important;color:var(--v3-ink)}.estimator-copy h2{font-size:clamp(3.4rem,6.7vw,7rem)}.estimator-copy h2 span{color:var(--v3-forest)!important}.estimator .button{background:var(--v3-ink)!important;color:white!important}
.contact{background:var(--v3-ink)!important;color:var(--v3-white)!important}.contact-marquee{background:#103326!important;color:var(--v3-lime)!important;border:0!important}.contact-marquee span{color:var(--v3-mint)!important}.contact-inner{padding-top:8rem;padding-bottom:8rem;align-items:start}.contact h2{font-size:clamp(3.4rem,6vw,6.8rem)}.contact h2 i{color:var(--v3-mint)!important}.contact-lead{color:#b8cdc2!important}
.treasure-funnel,.contact-form{overflow:hidden;background:var(--v3-white)!important;color:var(--v3-ink)!important;border:0!important;border-radius:24px;box-shadow:none!important}.treasure-marker{top:16px;right:18px;transform:none}.treasure-marker>strong{border:0;border-radius:9px;background:var(--v3-sun);box-shadow:none}.treasure-chest{width:52px;height:38px;border-width:3px;box-shadow:none}.treasure-chest::before{top:14px;border-width:3px}.treasure-chest::after{left:17px;top:12px;width:11px;height:14px;border-width:2px}.treasure-chest i,.treasure-chest b{width:5px}.treasure-funnel .funnel-top{padding:1rem 170px 1.2rem 0;border-color:#d9dfd5!important}.treasure-funnel .funnel-progress{height:7px;border:0;background:#dde6dc!important}.treasure-funnel .funnel-progress span{background:linear-gradient(90deg,var(--v3-leaf),var(--v3-lime))!important;box-shadow:none}.treasure-funnel .funnel-progress span::after{width:18px;height:18px;right:-8px;border:2px solid var(--v3-ink);background:var(--v3-lime);box-shadow:none;font-size:.5rem}.treasure-funnel .funnel-number{background:var(--v3-lime)!important;box-shadow:none}.funnel-options button{border:1px solid #d4ddd3!important;border-radius:13px;background:#f5f7f2!important;color:var(--v3-ink)!important}.funnel-options button:hover,.funnel-options button.is-selected{background:var(--v3-lime)!important;box-shadow:none!important;transform:translateY(-2px)}.funnel-option-group{border-color:#d7ded6!important;border-radius:16px}.option-card{border-color:#d4ddd3!important;border-radius:12px;background:#f7f8f4!important;color:var(--v3-ink)!important}.option-card:hover,.funnel-option-checks input:checked+.option-card{background:var(--v3-lime)!important;box-shadow:none!important}.funnel-zero-summary{border-radius:14px;background:var(--v3-deep)!important}.funnel-next,.contact-submit button{border-radius:12px;background:var(--v3-ink)!important;color:white!important}.funnel-step h3{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1}.funnel-field input,.funnel-field textarea{border-radius:12px;background:white!important;border-color:#cbd5ca!important}.funnel-back{color:#355445!important}footer,.portfolio-footer{background:#061711!important;border-color:#ffffff12!important}

/* Portfolio */
.portfolio-page{background:var(--v3-cream)!important;color:var(--v3-ink)!important}.portfolio-hero{min-height:720px;padding-top:10rem;padding-bottom:6rem;background:radial-gradient(circle at 80% 20%,#2b7252,#0b2b20 55%,#071b16)!important;color:var(--v3-white)!important}.portfolio-hero-copy h1{font-size:clamp(4rem,7.6vw,8.5rem);line-height:.84}.portfolio-hero-copy h1 em{color:var(--v3-lime)!important;font-family:inherit;font-style:normal}.portfolio-hero-copy>p:last-child{color:#c0d1c7}.portfolio-hero-card{min-height:340px;border:1px solid #ffffff25;border-radius:28px;background:linear-gradient(145deg,var(--v3-lime),#8fffd7)!important;box-shadow:none!important;transform:none}.portfolio-hero-card:hover{transform:translateY(-6px);box-shadow:none}.portfolio-intro,.portfolio-cases{background:var(--v3-cream)!important}.portfolio-intro h2 i{color:var(--v3-leaf)!important;font-family:inherit}.portfolio-cases{gap:7rem}.portfolio-case-art{border-radius:24px!important}.portfolio-case-art-link:hover{transform:translateY(-6px);box-shadow:0 18px 40px #18332618}.portfolio-case-copy>span{color:#3f745c}.portfolio-case-copy li{border-color:#cad4c9}.portfolio-case-copy li::before{border-radius:7px;background:var(--v3-lime)}.portfolio-cta{background:var(--v3-forest)!important;color:white!important}.portfolio-cta i{color:var(--v3-lime)!important;font-family:inherit}.portfolio-cta .button{background:var(--v3-lime)!important;color:var(--v3-ink)!important}

/* Losse funnel */
.landing-page{background:var(--v3-deep)!important}.funnel-only-page .landing-hero{background:radial-gradient(circle at 50% -10%,#2b7252,#0b2b20 45%,#071b16)!important;padding:3rem var(--pad)}.funnel-only-page .landing-funnel-wrap{max-width:900px}.funnel-brand{color:var(--v3-ink)!important}.funnel-brand small{color:#627268}.landing-page .treasure-funnel{box-shadow:0 30px 80px #0005!important}
.funnel-only-page .landing-hero{position:relative;isolation:isolate;overflow:hidden}.funnel-only-page .landing-hero::before,.funnel-only-page .landing-hero::after{content:"";position:absolute;z-index:-1;bottom:-90px;width:330px;aspect-ratio:360/420;background:url('assets/foliage-corner-v3.svg') center/contain no-repeat;opacity:.32;animation:foliageSway 7s ease-in-out infinite alternate}.funnel-only-page .landing-hero::before{left:-95px}.funnel-only-page .landing-hero::after{right:-95px;scale:-1 1;animation-delay:-2.5s}
.portfolio-hero{position:relative;isolation:isolate}.portfolio-hero::before,.portfolio-hero::after{content:"";position:absolute;z-index:-1;bottom:-105px;width:310px;aspect-ratio:360/420;background:url('assets/foliage-corner-v3.svg') center/contain no-repeat;opacity:.2;animation:foliageSway 7.5s ease-in-out infinite alternate}.portfolio-hero::before{left:-90px}.portfolio-hero::after{display:block;right:-90px;scale:-1 1;animation-delay:-3s;color:transparent;font-size:0}.portfolio-hero-copy,.portfolio-hero-card{position:relative;z-index:1}

@media(max-width:980px){.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;padding-top:76px!important}.hero-copy{min-height:660px}.hero-visual{min-height:620px;margin:0 0 3rem!important}.intro-grid,.services-head{grid-template-columns:1fr;gap:2.5rem}.usp-grid{grid-template-columns:repeat(2,1fr)}.process-track{grid-template-columns:repeat(2,1fr)}.process-track::before{display:none}.contact-inner{grid-template-columns:1fr}.portfolio-hero{grid-template-columns:1fr}.portfolio-case{grid-template-columns:1fr}.portfolio-case-reverse .portfolio-case-art,.portfolio-case-reverse .portfolio-case-copy{order:initial}}
@media(max-width:640px){.site-header{height:70px;padding-inline:1rem}.brand-mark{width:34px;height:34px}.site-header>.button{font-size:.58rem}.mobile-menu{background:var(--v3-deep);color:var(--v3-white)}.mobile-menu a{color:var(--v3-white)!important}.mobile-menu a:hover,.mobile-menu a:focus-visible{color:var(--v3-lime)!important}.hero{padding:70px 1rem 0!important}.hero-copy{min-height:610px;padding-top:4.5rem!important}.hero-title{font-size:clamp(3.35rem,15vw,5.4rem)!important}.hero-bottom{gap:1rem}.hero-bottom>p{max-width:245px;font-size:.94rem}.round-cta{width:82px;font-size:.56rem}.hero-visual{min-height:500px;border-radius:24px}.code-window{width:calc(100% - 1.5rem)!important;margin:.75rem}.code-window pre{font-size:.7rem}.sticker-one{left:.8rem;top:.8rem}.intro,.offer,.work,.services,.process,.estimator{padding-top:5.5rem;padding-bottom:5.5rem}.intro-grid{gap:2rem}.intro h2{font-size:3.25rem}.offer-head{display:block}.zero-stamp{width:130px;margin:2rem 0 0}.offer-intro{grid-template-columns:1fr;margin-top:3rem}.usp-grid{grid-template-columns:1fr}.usp-card{min-height:185px}.capacity-card{grid-template-columns:1fr}.section-head{gap:1.5rem}.project-art,.project-large .project-art{height:110vw}.service-item{grid-template-columns:38px 1fr 28px}.service-item p{display:none}.process-track{grid-template-columns:1fr}.process-step,.process-step:nth-child(even){min-height:0;display:grid;grid-template-columns:54px 1fr;grid-template-areas:"number number" "icon title" "icon text"}.process-step>span{grid-area:number}.process-step .step-icon{grid-area:icon;margin:.5rem 0 0}.process-step h3{grid-area:title;margin:.5rem 0 0}.process-step p{grid-area:text}.contact-inner{padding-top:6rem;padding-bottom:6rem}.treasure-marker{scale:.72;transform-origin:right top}.treasure-funnel .funnel-top{padding:3.2rem 0 1rem}.funnel-only-page .landing-hero{padding:0}.funnel-only-page .treasure-funnel{min-height:100svh;border-radius:0}.portfolio-hero{padding-top:8rem}.portfolio-hero-copy h1{font-size:3.7rem}.portfolio-hero-card{min-height:260px}.portfolio-cases{gap:5rem}.portfolio-case-art{height:105vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

/* V3 interactieve junglereis */
.v3-scrollbar,.trail-nav{display:none!important}

.hero-visual{--scene-x:0;--scene-y:0;transform:perspective(1100px) rotateY(calc(var(--scene-x) * 2.2deg)) rotateX(calc(var(--scene-y) * -1.8deg)) translateY(calc(var(--v3-scroll,0) * -22px));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .3s}
.hero-visual:hover{box-shadow:0 38px 100px #0008}.hero-visual::after{display:block;content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at calc(50% + var(--scene-x) * 18%) calc(45% + var(--scene-y) * 16%),#eaff8b22,transparent 24%);pointer-events:none}
.hero-fireflies{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.hero-fireflies i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#efff9f;box-shadow:0 0 11px 4px #d9ff5568;animation:heroFirefly 4.5s ease-in-out var(--delay) infinite alternate}.hero-fireflies i:nth-child(3n){animation-duration:6.2s}.hero-fireflies i:nth-child(4n){background:var(--v3-mint);box-shadow:0 0 12px 4px #8fffd759}@keyframes heroFirefly{0%{translate:-10px 8px;opacity:.15}42%{opacity:1}100%{translate:15px -13px;opacity:.3}}
.hero-visual .code-window{transform:translateZ(34px)!important}.hero-visual .sticker-one{transform:translateZ(52px)!important}

.intro,.services,.process,.contact{position:relative;overflow:hidden}.v3-foliage{position:absolute;z-index:0;width:clamp(180px,22vw,340px);aspect-ratio:360/420;bottom:-85px;background:url('assets/foliage-corner-v3.svg') center/contain no-repeat;opacity:.12;pointer-events:none;transform-origin:bottom center;translate:0 var(--scroll-sway,0);animation:foliageSway 6.5s ease-in-out var(--delay) infinite alternate;transition:opacity .6s}.v3-foliage-left{left:-75px}.v3-foliage-right{right:-75px;scale:-1 1}.process .v3-foliage{opacity:.2}.contact .v3-foliage{opacity:.15}.scroll-awake .v3-foliage{opacity:.3}.process.scroll-awake .v3-foliage,.contact.scroll-awake .v3-foliage{opacity:.38}.has-v3-foliage>.v3-foliage{z-index:0}.has-v3-foliage>div:not(.v3-foliage),.has-v3-foliage>p:not(.v3-foliage),.has-v3-foliage>footer{position:relative;z-index:1}@keyframes foliageSway{0%{rotate:-1.5deg}100%{rotate:2deg}}
.is-current-place .section-label{color:var(--v3-lime)!important}.intro.is-current-place .section-label,.services.is-current-place .section-label,.work.is-current-place .section-label{color:var(--v3-leaf)!important}.estimator .section-label,.estimator.is-current-place .section-label{color:#164b35!important}
.process-step{transition:transform .35s,background .35s,border-color .35s,box-shadow .35s}.process-step.is-active-step{transform:translateY(-7px)!important;border-color:#8fffd76b!important;box-shadow:0 16px 42px #0617113d!important}.process-step.is-active-step .step-icon{animation:stepPulse 1.8s ease-in-out infinite}@keyframes stepPulse{50%{scale:1.08;box-shadow:0 0 0 8px #d9ff5513}}
.usp-card{position:relative;overflow:hidden}.usp-card::after{content:"";position:absolute;width:120px;height:120px;right:-75px;bottom:-75px;border:1px solid #d9ff5547;border-radius:50%;transition:scale .4s,opacity .4s}.usp-card:hover::after{scale:2.1;opacity:.65}
.service-item.is-open{background:#e4f1e5!important;border-radius:16px;padding-inline:1.2rem}.service-item.is-open>b{transform:rotate(45deg)}

.scroll-toucan{position:fixed;left:0;top:0;z-index:28;width:82px;opacity:0;pointer-events:none;filter:drop-shadow(5px 7px 0 #071b1640);will-change:transform,opacity}.scroll-toucan svg{display:block;width:100%;overflow:visible}.scroll-toucan svg path:first-child{fill:none;stroke:#6b4629;stroke-width:10;stroke-linecap:round}.scroll-toucan svg ellipse{fill:#0b2b20;stroke:#071b16;stroke-width:6}.scroll-toucan svg path:nth-of-type(2){fill:#f4a93f;stroke:#071b16;stroke-width:6;stroke-linejoin:round}.scroll-toucan svg path:nth-of-type(3){fill:#d9ff55}.scroll-toucan svg circle{fill:white;stroke:#071b16;stroke-width:3}
.scroll-monkey{position:fixed;left:0;top:-185px;z-index:29;width:220px;opacity:0;pointer-events:none;transform-origin:50% 0;filter:drop-shadow(0 10px 0 #071b1629);will-change:transform,opacity}.scroll-monkey svg{display:block;width:100%;height:auto;overflow:visible}.rig-vine-shadow,.rig-vine{fill:none;stroke-linecap:round}.rig-vine-shadow{stroke:#071b16;stroke-width:19}.rig-vine{stroke:#4b9b42;stroke-width:12}.rig-tail{fill:none;stroke:#2a1a10;stroke-width:24;stroke-linecap:round}.rig-tail+*{}.rig-body{fill:#9f5925;stroke:#2a1a10;stroke-width:8}.rig-belly,.rig-muzzle,.rig-ear,.rig-hand{fill:#f2b274;stroke:#2a1a10;stroke-width:7}.rig-arm path,.rig-leg path,.rig-grip-arm path{fill:none;stroke:#2a1a10;stroke-width:27;stroke-linecap:round}.rig-arm path,.rig-leg path,.rig-grip-arm path{paint-order:stroke;stroke:#2a1a10}.rig-arm path,.rig-leg path,.rig-grip-arm path{stroke-width:24}.rig-arm path,.rig-leg path,.rig-grip-arm path{filter:none}.rig-arm path,.rig-leg path,.rig-grip-arm path{stroke:#8f4d22}.rig-arm ellipse,.rig-leg ellipse{fill:#f2b274;stroke:#2a1a10;stroke-width:7}.rig-face{fill:#a65d27;stroke:#2a1a10;stroke-width:8}.rig-hair{fill:#73401f;stroke:#2a1a10;stroke-width:6;stroke-linejoin:round}.rig-eye-white{fill:#fff;stroke:#2a1a10;stroke-width:5}.rig-eye{fill:#2a1a10}.rig-smile{fill:none;stroke:#2a1a10;stroke-width:5;stroke-linecap:round}
.scroll-monkey.is-swinging{animation:monkeyAcross 4.8s cubic-bezier(.42,0,.58,1) both}.scroll-monkey.is-swinging img{transform-origin:50% 4%;animation:monkeyPendulum .72s ease-in-out infinite alternate}
@keyframes monkeyAcross{0%{transform:translate3d(108vw,-2vh,0) rotate(30deg);opacity:0}8%{opacity:1}24%{transform:translate3d(82vw,1vh,0) rotate(-19deg);opacity:1}43%{transform:translate3d(58vw,-1vh,0) rotate(23deg)}62%{transform:translate3d(34vw,2vh,0) rotate(-24deg)}82%{transform:translate3d(7vw,-1vh,0) rotate(18deg);opacity:1}100%{transform:translate3d(-24vw,1vh,0) rotate(-21deg);opacity:0}}
@keyframes monkeyPendulum{0%{transform:rotate(-7deg)}100%{transform:rotate(8deg)}}
.scroll-monkey.is-swinging .rig-vine{animation:rigVineFlex .72s ease-in-out infinite alternate;transform-origin:120px 0}.scroll-monkey.is-swinging .rig-monkey{animation:rigBodySwing .72s ease-in-out infinite alternate;transform-origin:115px 299px;transform-box:view-box}.scroll-monkey.is-swinging .rig-head{animation:rigHeadBob .72s ease-in-out infinite alternate;transform-origin:121px 235px;transform-box:view-box}.scroll-monkey.is-swinging .rig-arm-free{animation:rigFreeArm .55s ease-in-out infinite alternate;transform-origin:82px 274px;transform-box:view-box}.scroll-monkey.is-swinging .rig-leg-front{animation:rigKickFront .62s ease-in-out infinite alternate;transform-origin:105px 360px;transform-box:view-box}.scroll-monkey.is-swinging .rig-leg-back{animation:rigKickBack .62s ease-in-out infinite alternate-reverse;transform-origin:134px 337px;transform-box:view-box}.scroll-monkey.is-swinging .rig-tail{animation:rigTailWave .8s ease-in-out infinite alternate;transform-origin:164px 321px;transform-box:view-box}
@keyframes rigVineFlex{from{transform:skewX(-1.5deg)}to{transform:skewX(1.5deg)}}@keyframes rigBodySwing{from{transform:rotate(-6deg)}to{transform:rotate(7deg)}}@keyframes rigHeadBob{from{transform:rotate(5deg) translateY(0)}to{transform:rotate(-5deg) translateY(3px)}}@keyframes rigFreeArm{from{transform:rotate(-13deg)}to{transform:rotate(15deg)}}@keyframes rigKickFront{from{transform:rotate(-10deg)}to{transform:rotate(13deg)}}@keyframes rigKickBack{from{transform:rotate(-9deg)}to{transform:rotate(12deg)}}@keyframes rigTailWave{from{transform:rotate(-8deg) scaleY(.96)}to{transform:rotate(10deg) scaleY(1.04)}}
.scroll-frog{position:fixed;left:0;top:0;z-index:27;width:92px;opacity:0;pointer-events:none;filter:drop-shadow(5px 7px 0 #071b1640);will-change:transform,opacity}.scroll-frog svg{display:block;width:100%;overflow:visible}.scroll-frog ellipse,.scroll-frog circle:not(.frog-eye){fill:#78d85e;stroke:#071b16;stroke-width:6}.scroll-frog .frog-eye{fill:#071b16}.scroll-frog path{fill:none;stroke:#071b16;stroke-width:5;stroke-linecap:round}
.v3-motion-ready .usp-card:not(.scroll-arrived),.v3-motion-ready .project:not(.scroll-arrived),.v3-motion-ready .service-item:not(.scroll-arrived),.v3-motion-ready .process-step:not(.scroll-arrived){opacity:0;translate:0 34px}.scroll-arrived{animation:scrollArrival .7s cubic-bezier(.16,1,.3,1) var(--arrival-delay,0ms) both}@keyframes scrollArrival{from{opacity:0;translate:0 34px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:none}}
.treasure-funnel{transition:box-shadow .5s,transform .5s}.treasure-funnel.treasure-found{box-shadow:0 24px 80px #d9ff551d!important;transform:translateY(-5px)}.treasure-funnel.treasure-found .treasure-marker{animation:treasureFound .8s cubic-bezier(.2,.9,.2,1)}@keyframes treasureFound{0%,100%{translate:0 0;rotate:0}35%{translate:0 -10px;rotate:-5deg}65%{translate:0 -4px;rotate:4deg}}
.intro h2,.work h2,.services h2,.process h2,.estimator h2,.contact h2{will-change:translate}

@media(max-width:1100px){.trail-nav{display:none}}
@media(max-width:640px){.hero-visual{transform:translateY(calc(var(--v3-scroll,0) * -10px))}.v3-foliage{width:180px;bottom:-60px;opacity:.1}.v3-foliage-left{left:-105px}.v3-foliage-right{right:-105px}.process .v3-foliage,.contact .v3-foliage{opacity:.14}.scroll-awake .v3-foliage{opacity:.22}.scroll-toucan{width:56px;z-index:42}.scroll-monkey{width:122px;z-index:42}.scroll-frog{width:66px;z-index:42}.service-item.is-open p{display:block;grid-column:2/4;margin:.35rem 0 .25rem}.service-item.is-open{align-items:start}}
@media(max-width:640px){.funnel-only-page .landing-hero::before,.funnel-only-page .landing-hero::after{width:190px;bottom:-55px;opacity:.18}.portfolio-hero::before,.portfolio-hero::after{width:180px;bottom:-60px;opacity:.14}}
@media(prefers-reduced-motion:reduce){.hero-visual,.hero-fireflies i,.v3-foliage,.process-step.is-active-step .step-icon,.scroll-arrived,.treasure-funnel.treasure-found .treasure-marker{animation:none!important;transform:none!important}.scroll-toucan,.scroll-monkey,.scroll-frog{display:none}.v3-motion-ready .usp-card,.v3-motion-ready .project,.v3-motion-ready .service-item,.v3-motion-ready .process-step{opacity:1!important;translate:none!important;filter:none!important}}

/* Platte cartoon-vormtaal, gebaseerd op de aangeleverde stijlreferentie. */
body{background:#fff2d6}.site-header{border-bottom:3px solid #071b16;box-shadow:0 4px 0 #071b1633}.brand-mark{border:3px solid #071b16;box-shadow:3px 4px 0 #071b16}.button,.site-header>.button{border:3px solid #071b16!important;box-shadow:4px 5px 0 #071b16!important}.button:hover,.site-header>.button:hover{transform:translate(-1px,-2px);box-shadow:6px 7px 0 #071b16!important}
.hero-visual{border:4px solid #071b16;box-shadow:10px 12px 0 #04120e!important}.code-window{border:3px solid #071b16!important;box-shadow:6px 7px 0 #071b16!important}.sticker-one{border:3px solid #071b16!important;box-shadow:4px 5px 0 #071b16!important}.build-pill{border:3px solid #071b16!important;box-shadow:3px 4px 0 #071b16!important}.round-cta{border:3px solid #071b16;box-shadow:5px 6px 0 #04120e}.ticker{border-block:3px solid #071b16!important}
.intro,.work{background:#fff2d6!important}.services{background:#fffaf0!important}.zero-stamp{border:4px solid #071b16!important;box-shadow:6px 7px 0 #071b16!important}.usp-card{border:3px solid #071b16!important;box-shadow:5px 6px 0 #061711!important}.capacity-card{border:3px solid #071b16!important;box-shadow:6px 7px 0 #071b16!important}.project-art{border:4px solid #071b16!important;box-shadow:7px 8px 0 #071b16!important}.filter{border:2px solid #071b16}.service-list{border-top:3px solid #071b16}.service-item{border-bottom:2px solid #071b16!important}.service-item:hover,.service-item.is-open{outline:3px solid #071b16;outline-offset:-3px;box-shadow:5px 6px 0 #071b16}
.process-step,.process-step:nth-child(even){border:3px solid #071b16!important;box-shadow:5px 6px 0 #071b16!important}.step-icon{border:3px solid #071b16!important;box-shadow:3px 4px 0 #071b16!important}.estimator{border-block:3px solid #071b16}.treasure-funnel,.contact-form{border:4px solid #071b16!important;box-shadow:8px 9px 0 #071b16!important}.funnel-options button,.option-card{border:2px solid #071b16!important}.funnel-options button:hover,.funnel-options button.is-selected,.option-card:hover,.funnel-option-checks input:checked+.option-card{box-shadow:3px 4px 0 #071b16!important}.funnel-number{border:2px solid #071b16;box-shadow:2px 3px 0 #071b16!important}.portfolio-hero-card{border:4px solid #071b16;box-shadow:8px 9px 0 #071b16!important}.portfolio-case-art{border:4px solid #071b16!important;box-shadow:7px 8px 0 #071b16!important}
@media(max-width:640px){.hero-visual{box-shadow:6px 7px 0 #04120e!important}.project-art,.portfolio-case-art{box-shadow:4px 5px 0 #071b16!important}.treasure-funnel,.contact-form{border-width:3px!important;box-shadow:4px 5px 0 #071b16!important}.funnel-only-page .treasure-funnel{border-inline:0!important;box-shadow:none!important}}

/* Het originele, rustige growth.js-venster blijft bewust los van de cartoonranden. */
.hero-visual .code-window{background:#061914e8!important;border:1px solid #9ce9bf38!important;border-radius:20px;box-shadow:0 18px 50px #0007!important}

/* De mooiere oorspronkelijke aap, weer op het compacte formaat met de hele liaan in beeld. */
.scroll-monkey{top:54px;width:220px;filter:drop-shadow(0 9px 4px #071b1640)}
.scroll-monkey::before{content:"";position:absolute;z-index:-1;left:38%;top:-96px;width:12px;height:108px;border:4px solid #173413;border-radius:52% 48% 45% 55%;background:linear-gradient(90deg,#326f2d 0 34%,#72ba40 35% 65%,#285d25 66%);transform:rotate(-2deg);transform-origin:bottom center}
.scroll-monkey img{display:block;width:100%;height:auto;transform-origin:50% 0;user-select:none}
.scroll-monkey.is-swinging img{animation:monkeyPendulum .72s cubic-bezier(.45,.05,.55,.95) infinite alternate}
@media(max-width:640px){.scroll-monkey{top:58px;width:122px}.scroll-monkey::before{top:-80px;width:8px;height:90px;border-width:3px}}

/* Bovenste junglevenster zoals in de gekozen screenshot: fijn, donker en zonder stripachtige omlijning. */
.hero-visual{border:1px solid #9ce9bf38!important;box-shadow:0 30px 80px #0006!important}
.hero-visual .sticker-one{border:0!important;box-shadow:0 10px 30px #0003!important}
.hero-visual .build-pill{border:0!important;box-shadow:0 0 32px #b9ff3844!important}

/* De volledige, hoge hero-compositie uit de screenshot. */
@media(min-width:981px){.site-header{padding-left:36px;padding-right:64px}.hero{min-height:940px;max-height:1080px;grid-template-columns:58.55% 41.45%;gap:0;padding-left:40px!important;padding-right:49px!important}.hero-visual{margin:3rem 0 37px!important}}

/* Mobiele lichte modus: dezelfde look, zonder kostbare 3D-, blur- en scrollberekeningen. */
@media(max-width:640px){.noise,.hero-fireflies{display:none!important}.hero::before{display:none!important}.hero-visual{transform:none!important;transform-style:flat!important;transition:none!important;box-shadow:none!important;contain:paint;will-change:auto}.hero-visual:hover{box-shadow:none!important}.hero-visual::after{display:none!important}.hero-visual .code-window{box-shadow:none!important;transform:none!important;will-change:auto}.hero-visual .code-window,.site-header{backdrop-filter:none!important}.ticker-track{animation:marquee 30s linear infinite!important;will-change:transform;transform:translateZ(0)}.contact-marquee div,.status-dot,.v3-foliage{animation:none!important}.intro h2,.work h2,.services h2,.process h2,.estimator h2,.contact h2{will-change:auto}}

/* Geen schatkistlabel bij de formulieren; de kop gebruikt weer de volle breedte. */
.treasure-funnel .funnel-top{padding-right:0!important}

/* Eén duidelijke ingang naar het portfolio vanaf de homepage. */
/* Houd de complete tak binnen de sectie, ook tijdens het lichte meebewegen. */
.v3-foliage{bottom:-30px;translate:none!important;animation:none!important}
.v3-foliage-left{left:12px}.v3-foliage-right{right:12px}
.portfolio-hero::before,.portfolio-hero::after,.funnel-only-page .landing-hero::before,.funnel-only-page .landing-hero::after{bottom:-30px;animation:none!important}
.portfolio-hero::before,.funnel-only-page .landing-hero::before{left:12px}
.portfolio-hero::after,.funnel-only-page .landing-hero::after{right:12px}
@media(max-width:640px){.v3-foliage{width:145px;bottom:-10px}.v3-foliage-left{left:6px}.v3-foliage-right{right:6px}.portfolio-hero::before,.portfolio-hero::after,.funnel-only-page .landing-hero::before,.funnel-only-page .landing-hero::after{width:145px;bottom:-10px}}
.contact-marquee{width:100%;overflow:hidden;transform:none}
.contact-marquee>div{display:flex;width:max-content;padding:.7rem 0;animation:marquee 24s linear infinite!important;will-change:transform;letter-spacing:-.04em;font-size:clamp(1.7rem,4vw,4rem)}
.contact-marquee .marquee-copy{flex:none;white-space:nowrap;color:var(--v3-lime)!important;font-family:inherit;font-style:normal;font-weight:950;padding-right:1.2rem}
.contact-marquee .marquee-copy>span{color:var(--v3-mint)!important}
@media(prefers-reduced-motion:reduce){.contact-marquee>div,.ticker-track{animation:none!important;will-change:auto}.contact-marquee>div{width:100%}.contact-marquee .marquee-copy{white-space:normal;flex:1;text-align:center;padding:.2rem .8rem}.contact-marquee .marquee-copy+.marquee-copy{display:none}}
.skip-link{position:fixed;top:-100px;left:1rem;z-index:10000;padding:1rem;background:#d9ff55;color:#071b16;border-radius:10px;font-weight:800}.skip-link:focus{top:1rem}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
:focus-visible{outline:3px solid #2b8a58;outline-offset:4px}
@media(max-width:900px){.mobile-menu{background:#0b2b20!important;color:#fffef8;gap:.65rem;padding-top:140px;padding-bottom:2rem;overflow-y:auto}.mobile-menu a{color:#fffef8!important;font-size:clamp(2rem,9vw,4rem);letter-spacing:-.045em;line-height:1.08}.mobile-menu a:focus-visible{color:#d9ff55!important}}
.capacity-card{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:640px){.capacity-card{grid-template-columns:1fr}}
.confetti-layer i{border:1px solid #071b1633;border-radius:85% 0 85% 0;box-shadow:inset -2px -2px 0 #071b1622}
.confetti-layer i:nth-child(3n){border-radius:0 85% 0 85%}
.confetti-layer i:nth-child(5n){border-radius:50%;height:var(--size)}
.site-header>.button{position:fixed;top:86px;right:clamp(1rem,4vw,4rem);z-index:55;box-shadow:4px 5px 0 #071b16!important}
@media(max-width:900px){.site-header .menu-button{grid-column:3}.site-header>.button{top:86px;font-size:.72rem;padding:.75rem 1rem}}
@media(max-width:640px){.site-header>.button{top:80px;right:1rem;font-size:.7rem;padding:.7rem .9rem}.site-header{grid-template-columns:1fr auto auto}.mobile-menu.open~main{pointer-events:none}}
.portfolio-gateway{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:430px;margin-top:3rem;padding:clamp(2rem,5vw,4.5rem);overflow:hidden;border:4px solid var(--v3-ink);border-radius:28px;background:linear-gradient(135deg,#0b2b20 0 58%,#164b35 58% 100%);color:var(--v3-white);box-shadow:8px 9px 0 var(--v3-ink);transition:transform .25s,box-shadow .25s}
.portfolio-gateway::before{content:"";position:absolute;z-index:-1;inset:-35%;background:repeating-radial-gradient(circle at 82% 42%,transparent 0 48px,#8fffd71c 49px 50px);transform:rotate(-8deg)}
.portfolio-gateway-copy>span{display:block;margin-bottom:1.3rem;color:var(--v3-lime);font:900 .68rem/1.2 monospace;letter-spacing:.13em}
.portfolio-gateway-copy>strong{display:block;font-size:clamp(3.3rem,7.4vw,8rem);line-height:.82;letter-spacing:-.07em}
.portfolio-gateway-copy>p{max-width:520px;margin:1.5rem 0 0;color:#c7d9d0;font-size:1.05rem;line-height:1.5}
.portfolio-gateway-arrow{display:grid;place-items:center;width:clamp(76px,9vw,118px);aspect-ratio:1;border-radius:50%;background:var(--v3-lime);color:var(--v3-ink);font-size:clamp(2rem,4vw,4rem);box-shadow:5px 6px 0 #04120e;transition:transform .25s,background .25s}
.portfolio-gateway:hover{transform:translateY(-6px);box-shadow:12px 15px 0 var(--v3-ink)}.portfolio-gateway:hover .portfolio-gateway-arrow{transform:rotate(45deg);background:var(--v3-mint)}
@media(max-width:640px){.portfolio-gateway{grid-template-columns:1fr;min-height:420px;margin-top:2rem;padding:1.5rem;border-width:3px;border-radius:22px;box-shadow:5px 6px 0 var(--v3-ink)}.portfolio-gateway-copy>strong{font-size:clamp(3rem,14vw,4.2rem)}.portfolio-gateway-copy>p{max-width:210px;margin-bottom:4.5rem;font-size:.95rem}.portfolio-gateway-arrow{position:absolute;right:1.4rem;bottom:1.4rem;width:70px}}

/* Portfolio: echte websitepreviews en een nuttige hero-kaart zonder los projectaantal. */
/* Eén consistent kleurenpalet voor beide keuzehulpen, inclusief alle selectiestaten. */
.contact-form .funnel-option-group{background:#f1f5ef!important;color:#071b16!important;border-color:#bacbbb!important}
.contact-form .funnel-option-group legend,.contact-form .funnel-option-group legend span,.contact-form .funnel-field{color:#234735!important}
.contact-form .funnel-step>p,.contact-form .funnel-top small,.contact-form .funnel-trust,.contact-form .funnel-success p{color:#465e50!important}
.contact-form .funnel-number{color:#071b16!important;background:#d9ff55!important}
.contact-form .funnel-options button,.contact-form .option-card{background:#f1f5ef!important;color:#071b16!important;box-shadow:none!important;transform:none!important}
.contact-form .funnel-options button small,.contact-form .option-card small{color:#405b49!important}
.contact-form .funnel-options button small b{color:#164b35!important}
.contact-form .funnel-options button:hover,.contact-form .funnel-options button:focus-visible,.contact-form .funnel-options button.is-selected,.contact-form .funnel-option-checks label:hover .option-card,.contact-form .funnel-option-checks input:checked+.option-card{background:#d9ff55!important;color:#071b16!important;border-color:#164b35!important;box-shadow:none!important}
.contact-form .option-card>i,.contact-form .option-card>em{background:#deeadb!important;color:#164b35!important;border-radius:7px}
.contact-form .funnel-option-checks input:checked+.option-card>i,.contact-form .funnel-option-checks input:checked+.option-card>em{background:#164b35!important;color:#fffef8!important}
.contact-form .funnel-zero-summary{background:#0b2b20!important;color:#fffef8!important}
.contact-form .funnel-zero-summary strong{color:#d9ff55!important}
.contact-form .funnel-zero-summary small{color:#c6d8cc!important}
.contact-form .funnel-field input,.contact-form .funnel-field textarea{background:#fff!important;color:#071b16!important;caret-color:#164b35}
.contact-form .funnel-field input::placeholder,.contact-form .funnel-field textarea::placeholder{color:#617167!important}
.contact-form .funnel-back{background:transparent!important;color:#234735!important}
.contact-form .funnel-next,.contact-form .contact-submit button:not(.funnel-back){background:#0b2b20!important;color:#fffef8!important}
.contact-form [role="status"]{color:#234735!important}
.contact-form .funnel-options button:focus-visible,.contact-form .funnel-option-checks input:focus-visible+.option-card{outline:3px solid #2b8a58!important;outline-offset:3px}
.contact-form .funnel-option-checks label:hover input:not(:checked)+.option-card{background:#f1f5ef!important;color:#071b16!important;border-color:#071b16!important;box-shadow:none!important;transform:none!important}
.contact-form .funnel-option-checks input:not(:checked)+.option-card>i,.contact-form .funnel-option-checks input:not(:checked)+.option-card>em{background:#deeadb!important;color:#164b35!important}
.contact-form .funnel-option-checks input:not(:checked)+.option-card small{color:#405b49!important}
.contact-form{scroll-margin-top:92px;min-width:0}
.funnel-only-page .contact-form{scroll-margin-top:0}
.contact-form .funnel-step{animation:none!important}
.contact-form .funnel-options button,.contact-form .option-card{transition:background-color .12s,border-color .12s!important;-webkit-tap-highlight-color:transparent}
.contact-form .funnel-option-checks input:not(:checked)+.option-card>i::before{content:none!important}
.contact-form .funnel-option-checks input:not(:checked)+.option-card>i{font-size:1rem!important}
.contact-form .funnel-option-checks input:checked+.option-card small{color:#234735!important}
.contact-form .funnel-option-checks input:checked+.option-card>i::before{position:static!important}
.contact-form .funnel-options button:focus:not(:focus-visible){outline:none}
.contact-form .funnel-next:disabled,.contact-form button[type="submit"]:disabled{opacity:.6;cursor:wait}
@media(max-width:640px){.contact-form .funnel-top{padding-top:.5rem!important}.contact-form .funnel-actions{align-items:center}.contact-form .option-card{grid-template-columns:28px minmax(0,1fr) auto;gap:.45rem}.contact-form .option-card>i{width:28px;height:28px}.contact-form .funnel-option-checks{grid-template-columns:1fr}.contact-form .funnel-field{margin:1.5rem 0}.contact-form .funnel-step h3{overflow-wrap:break-word}}
.work-slideshow{padding-top:2rem;padding-bottom:6rem;scroll-margin-top:100px;background:var(--v3-cream)}
.work-slide{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.work-slide[hidden]{display:none}
.work-slide-image{display:block;position:relative;padding:12px;background:#0b2b20;border:3px solid #071b16;border-radius:24px;overflow:hidden;box-shadow:6px 7px 0 #071b16}
.work-slide-image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:12px}
.work-slide-image>span{position:absolute;right:24px;bottom:24px;padding:.75rem 1rem;background:var(--v3-lime);color:#071b16;border-radius:10px;font-weight:850}
.work-slide-copy>span{color:#285d41;font:800 .7rem monospace;text-transform:uppercase;letter-spacing:.1em}
.work-slide-copy h3{font-size:clamp(2.5rem,4.5vw,5rem);line-height:.95;letter-spacing:-.06em;margin:1rem 0}
.work-slide-copy p{font-size:1.05rem;line-height:1.6;max-width:440px}
.work-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem}
.work-slide-controls>button{flex:none;width:52px;height:52px;border:2px solid #071b16;border-radius:50%;background:var(--v3-lime);font-size:1.5rem;cursor:pointer}
.work-slide-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.work-slide-tabs button{padding:.7rem 1rem;border:1px solid #a5b6a7;border-radius:30px;background:transparent;color:#071b16;cursor:pointer;font-weight:750}
.work-slide-tabs button[aria-pressed="true"]{background:#0b2b20;color:#fffef8;border-color:#0b2b20}
.work-slide-hint{text-align:center;color:#465e50;font-size:.8rem;margin-top:1.4rem}
.work-slideshow button:focus-visible,.work-slide-image:focus-visible{outline:3px solid #2b8a58;outline-offset:5px}
@media(max-width:900px){.work-slide{grid-template-columns:1fr}.work-slide-copy{min-height:220px}.work-slide-image{padding:8px;border-radius:18px}.work-slide-image>span{right:18px;bottom:18px;font-size:.8rem}.work-slide-tabs button{padding:.55rem .7rem;font-size:.7rem}.work-slide-controls{gap:.6rem}.work-slide-controls>button{width:42px;height:42px}.work-slide-copy h3{font-size:3rem}}
.portfolio-hero-card{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(1.6rem,3vw,2.5rem)!important;background:linear-gradient(145deg,var(--v3-lime),var(--v3-mint))!important}
.portfolio-hero-card::before{content:"";position:absolute;inset:-30%;background:repeating-radial-gradient(circle at 80% 20%,transparent 0 34px,#071b1617 35px 37px);rotate:-12deg}
.portfolio-hero-card>*{position:relative;z-index:1}.portfolio-hero-card>span{position:relative;display:block;margin:0 0 2rem;flex-shrink:0}
.portfolio-hero-card>strong{margin:0 0 1.2rem!important;font-size:clamp(2.6rem,4vw,4.8rem)!important;line-height:.95!important;letter-spacing:-.055em!important;overflow-wrap:normal}
.portfolio-hero-card>p{position:static!important;margin:0!important;padding-right:3rem;font-size:.75rem}.portfolio-hero-card>i{right:1.6rem!important;bottom:1.3rem!important;transition:transform .25s}.portfolio-hero-card:hover>i{transform:rotate(45deg)}
.portfolio-case-art{height:auto!important;aspect-ratio:16/10;padding:clamp(.65rem,1.5vw,1.2rem);background:#0b2b20!important}
.portfolio-preview{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 18px 45px #0005;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.portfolio-case-art-link:hover .portfolio-preview{transform:scale(1.025)}
@media(max-width:640px){.portfolio-hero-card>strong{font-size:clamp(2.3rem,10vw,3.4rem)!important}.portfolio-hero-card>p{max-width:190px}.portfolio-case-art{aspect-ratio:16/11;padding:.55rem}.portfolio-preview{border-radius:10px}.portfolio-intro h2{font-size:clamp(2.8rem,13vw,4rem)!important}}