/* One continuous camera journey: sculpture → work → services → invitation. */
/* One shared canvas removes the old green/black bands between page sections. */
body.signature{--page-void:#030405;--bg:var(--page-void);background:var(--page-void);isolation:isolate}
body.signature::before{background:var(--page-void)}
.page-stars{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.8}
body.signature>section,body.signature>footer,body.signature .welcome,body.signature .wl-stage{background-color:var(--page-void)}
body.signature :is(#home,#mijn-projecten,#diensten,#website,#buddy,#projecten,#over,#faq),body.signature>footer{background:transparent}
body.signature>section:not(#verhaal):not(#contact){background-image:none}
body.signature .sec-lijn{border-top-color:#ccd8e20c}
body.signature #home{border-top:0}
body.signature #contact{background:linear-gradient(0deg,var(--page-void),transparent 30%,transparent 70%,var(--page-void)),linear-gradient(90deg,var(--page-void),#030405b8),url('geit-chrome-sculpture.webp') right center/cover no-repeat;background-color:var(--page-void);border-top-color:transparent}
body.signature .wl-stage::after{content:'';position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,var(--page-void));z-index:4;pointer-events:none}
body.signature .sig-wordmark{color:#c7d2da13;-webkit-text-stroke:1px #d8e2e822}
body.signature .wl-service-route{background:linear-gradient(135deg,#15191cde,#080a0cf5 70%)}
body.signature .wl-service-route:nth-child(2){background:linear-gradient(135deg,#211b15de,#090a0cf5 70%)}
body.signature .wl-service-route:nth-child(3){background:linear-gradient(135deg,#151a21de,#080a0cf5 70%)}
.signature .welcome.is-cinematic{height:600svh;--journey-veil:1}
.signature .is-cinematic .wl-stage{height:100svh;perspective:1400px;overflow:clip}
.signature .wl-art-media{inset:0;transform-origin:0 0;will-change:transform,opacity}
.signature .wl-art-breathe{animation:none!important;inset:0}
.signature .wl-art img,.signature .wl-art .wl-mouth-pose{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;opacity:1;transform:none}
.signature .wl-art .wl-mouth-pose{opacity:0;pointer-events:none}
.signature .wl-art .wl-mouth-source{display:none}
.signature .wl-art::after{opacity:var(--journey-veil,1);background:linear-gradient(90deg,#020303aa,transparent 42%),linear-gradient(0deg,#020303,transparent 28%,transparent 83%,#02030333)}
.signature .wl-ambient{opacity:var(--journey-veil,1)}
.signature .wl-dust{opacity:1}
.signature .wl-aperture{left:50%;top:51%;width:45vw;height:45vw;border:1px solid #becfc733;box-shadow:0 0 70px #c3d5cb0a}
.signature .is-cinematic .wl-scene{transform-origin:50% 51%;backface-visibility:hidden}
.signature .is-cinematic .wl-work{padding-top:clamp(105px,13svh,155px)}
.signature .wl-work .wl-kicker{margin-bottom:18px}
.signature .wl-work .wl-intro{margin-top:16px}
.signature .is-cinematic .wl-deck{top:39%;height:49%;perspective:1800px}
.signature .is-cinematic .wl-project{width:min(40vw,66svh,740px)}
.signature .wl-window-bar{height:30px}
.signature .wl-project-window{border-color:#afc6b959;box-shadow:0 65px 120px #000c}
.signature .wl-project-meta{margin-top:15px;padding-top:12px;font-size:1rem}
.signature .wl-project-meta small{font-size:.8125rem}
.signature .wl-services{padding:105px 24px 85px;text-align:center}
.signature .wl-services .wl-kicker{color:#afbeb4;margin-bottom:20px;font-size:.75rem;letter-spacing:.14em}
.signature .wl-services .wl-headline{font:500 clamp(2.8rem,5.2vw,5.6rem)/1.04 var(--font);letter-spacing:-.065em}
.signature .wl-services .wl-headline em{font:inherit;letter-spacing:inherit;color:#afc5b6;background:none}
.signature .wl-services .wl-headline>span{display:inline}
.signature .wl-services .wl-intro{font-size:1rem;margin-top:20px;color:#a6b6ac}
.signature .wl-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1260px;margin:55px auto 0;perspective:1300px;text-align:left}
.signature .is-cinematic .wl-services{padding:clamp(125px,15svh,170px) 5.5% 90px;justify-content:flex-start;opacity:0}
.signature .is-cinematic .wl-services-grid{position:absolute;top:42%;left:5.5%;right:5.5%;margin:0 auto;width:auto;max-width:1300px}
.signature .wl-service-route{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(25px,3vw,45px);border:1px solid #66867466;background:linear-gradient(135deg,#18261fcc,#090f0cf2 70%);border-radius:7px;text-decoration:none;color:#eff5ee;min-height:320px;transform-style:preserve-3d;will-change:transform,opacity;transition:border-color .25s,background .25s;overflow:hidden}
.signature .wl-service-route:nth-child(2){background:linear-gradient(135deg,#272119cc,#100e0af2 70%);border-color:#97754b77}
.signature .wl-service-route:nth-child(3){background:linear-gradient(135deg,#20242bcc,#0b0d11f2 70%);border-color:#72809b66}
.signature .wl-service-route:hover,.signature .wl-service-route:focus-visible{border-color:#d8e8ddd9;background-color:#223328}
.signature .wl-route-type{font:400 .75rem/1.5 var(--font);text-transform:uppercase;letter-spacing:.14em;color:#a8c9b5;margin-bottom:35px}
.signature .wl-service-route:nth-child(2) .wl-route-type{color:#dab992}.signature .wl-service-route:nth-child(3) .wl-route-type{color:#bcc9dd}
.signature .wl-service-route h3{font-size:clamp(1.9rem,3vw,3.2rem);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:0 0 19px;color:#eff5ee}
.signature .wl-service-route p{font-size:.9375rem;line-height:1.65;color:#b2c0b8;margin:0 0 28px;max-width:30ch}
.signature .wl-route-action{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:auto;padding-top:19px;border-top:1px solid #b6d3c22e;font-size:.8125rem;color:#d9e9df}
.signature .wl-route-action i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #a6c2b266;border-radius:50%;font-style:normal;font-size:1.1rem;transition:transform .25s,color .25s}
.signature .wl-service-route:hover .wl-route-action i{transform:rotate(-40deg);color:#ffb36d}
.signature .wl-close .wl-kicker{color:#b5c9bd}
.signature .wl-bottom{z-index:30}
.signature .is-routing .wl-stage{transition:filter .5s;filter:blur(5px)}
.journey-curtain{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:auto;background:radial-gradient(ellipse at 50% 75%,#1c3326,#030806 68%);color:#f1f5ee;will-change:clip-path,opacity;isolation:isolate}
.journey-curtain::before{content:'';position:absolute;width:75vmax;height:75vmax;border:1px solid #b0d1bc1c;border-radius:50%;z-index:-1}
.journey-curtain-kicker{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#a3b7aa}
.journey-curtain-label{font:500 clamp(2.8rem,8vw,8rem)/1.05 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.065em;text-align:center;padding:0 24px}
.signature .is-flat .wl-services-grid{position:relative;inset:auto;max-width:1250px;margin:45px auto 0}
.signature .is-flat .wl-service-route{transform:none!important;opacity:1!important;will-change:auto}
.signature .is-flat .wl-mouth-pose{display:none}
.signature .is-flat .wl-art-media{transform:none!important;opacity:1!important}
@media(min-width:1600px){.signature .is-cinematic .wl-deck{top:39%}.signature .is-cinematic .wl-project{width:min(40vw,65svh,780px)}}
@media(max-width:1000px){.signature .wl-service-route{padding:26px;min-height:310px}.signature .wl-services-grid{gap:15px}.signature .wl-service-route h3{font-size:2rem}.signature .wl-route-type{margin-bottom:27px}.signature .wl-service-route p{font-size:.875rem}}
@media(max-width:600px){
 .signature .welcome.is-cinematic{height:650svh}
 .signature .wl-art img,.signature .wl-art .wl-mouth-pose{inset:auto;top:30px;left:0;width:100%;height:62%;object-position:73% top}
 .signature .wl-art::after{background:linear-gradient(0deg,#020303 16%,#020303dd 37%,#02030333 60%,transparent 84%)}
 .signature .is-cinematic .wl-work{padding:clamp(82px,11svh,105px) 24px 0}.signature .is-cinematic .wl-deck{top:49%;height:42%}
 .signature .is-cinematic .wl-work .wl-kicker{margin-bottom:clamp(8px,1.9svh,20px)}
 .signature .is-cinematic .wl-work .wl-intro{margin-top:clamp(8px,1.9svh,20px)}
 .signature .is-cinematic .wl-project{width:86vw}
 .signature .wl-work .wl-headline{font-size:clamp(2.2rem,9vw,3.5rem)}
 .signature .wl-project-meta{font-size:.875rem}.signature .wl-project-meta small{font-size:.75rem}
 .signature .wl-services{padding:95px 24px 70px}
 .signature .is-cinematic .wl-services{padding:clamp(82px,12svh,112px) 24px clamp(16px,6svh,75px)}
 .signature .is-cinematic .wl-services .wl-kicker{margin-bottom:clamp(9px,2.2svh,20px)}
 .signature .is-cinematic .wl-services .wl-intro{margin-top:clamp(9px,2.2svh,16px)}
 .signature .wl-services .wl-headline{font-size:clamp(2.35rem,9.4vw,3.3rem)}
 .signature .wl-services .wl-headline>span{display:block}
 .signature .wl-services .wl-intro{font-size:.9375rem;margin-top:16px;max-width:30ch}
 .signature .wl-services-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}
 .signature .is-cinematic .wl-services-grid{top:46%;left:24px;right:24px;gap:12px}
 .signature .is-cinematic .wl-service-route{padding:clamp(11px,2.4svh,16px) 21px}
 .signature .wl-service-route{display:grid;grid-template-columns:1fr 37px;gap:0 14px;min-height:0;padding:16px 21px}
 .signature .wl-route-type{font-size:.75rem;letter-spacing:.06em;margin:0 0 7px;grid-column:1}
 .signature .wl-service-route h3{font-size:1.5rem;line-height:1.1;margin:0;grid-column:1}
 .signature .wl-service-route h3 br{display:none}
 .signature .wl-service-route p{font-size:.8125rem;line-height:1.5;margin:9px 0 0;max-width:none;grid-column:1}
 .signature .wl-route-action{grid-column:2;grid-row:1/4;border:0;padding:0;justify-content:center;align-self:center;margin:0}
 .signature .wl-route-action>span{display:none}.signature .wl-route-action i{width:33px;height:33px}
 .signature .wl-close .wl-headline{font-size:clamp(2.7rem,10.5vw,4rem)}
 .signature .is-cinematic .wl-close{padding:clamp(70px,12.5svh,100px) 24px clamp(56px,10svh,115px)}
 .signature .is-cinematic .wl-close .wl-headline{font-size:clamp(2.2rem,min(10.5vw,6.4svh),4rem)}
 .signature .is-cinematic .wl-close .wl-kicker{margin-bottom:clamp(10px,2.2svh,25px)}
 .signature .is-cinematic .wl-close .wl-intro{margin-top:clamp(11px,2.4svh,25px);line-height:1.5}
 .signature .is-cinematic .wl-close .wl-actions{margin-top:clamp(12px,2.6svh,26px);gap:clamp(6px,1.4svh,9px)}
 .signature .is-cinematic .wl-close .wl-button{min-height:clamp(46px,8.6svh,54px)}
 .signature .is-cinematic .wl-close .wl-link{min-height:44px;padding-block:10px}
 .signature .is-cinematic .wl-aftercare{margin-top:clamp(10px,2.2svh,23px);font-size:clamp(.75rem,2.2svh,.8125rem);line-height:1.45}
 .signature .wl-aperture{width:100vw;height:100vw}
}
@media(max-height:760px) and (min-width:601px){
 .signature .is-cinematic .wl-work{padding-top:95px}.signature .is-cinematic .wl-services{padding-top:125px}
 .signature .wl-services .wl-headline{font-size:3rem}.signature .wl-services .wl-intro{margin-top:15px}.signature .wl-services .wl-kicker{margin-bottom:15px}
 .signature .is-cinematic .wl-services-grid{top:43%}.signature .wl-service-route{min-height:265px;padding:23px 28px}.signature .wl-route-type{margin-bottom:20px}.signature .wl-service-route h3{font-size:2rem}.signature .wl-service-route p{margin-bottom:17px;font-size:.875rem}
 .signature .is-cinematic .wl-deck{top:42%}.signature .is-cinematic .wl-project{width:min(36vw,61svh,600px)}
}
@media(prefers-reduced-motion:reduce){.journey-curtain{display:none!important}.signature .wl-service-route{transition:none}.signature .wl-route-action i{transition:none}.signature .is-routing .wl-stage{filter:none}}
@media(max-width:360px){.signature .is-cinematic .wl-service-route p{display:none}.signature .wl-service-route{padding:14px 19px}.signature .wl-service-route h3{font-size:1.4rem}
 .signature .is-cinematic .wl-services-grid{gap:10px;top:47%}.signature .is-cinematic .wl-service-route{padding:clamp(9px,2svh,14px) 19px}
 .signature .is-cinematic .wl-services{padding-bottom:clamp(12px,4svh,75px)}
 .signature .is-cinematic .wl-services .wl-kicker{font-size:.6875rem;letter-spacing:.04em}
 .signature .is-cinematic .wl-services .wl-headline{font-size:clamp(1.9rem,8.4vw,3.3rem)}
 .signature .is-cinematic .wl-skip{display:none}}
@media(max-width:600px) and (max-height:799px){.signature .is-cinematic .wl-service-route p{display:none}}
@media(min-width:601px) and (max-width:1000px){
 .signature .is-cinematic .wl-services{padding:125px 5.5% 90px}
 .signature .wl-services .wl-headline{font-size:2.65rem}.signature .wl-services .wl-headline>span{display:inline}
 .signature .wl-services .wl-kicker{margin-bottom:15px}.signature .wl-services .wl-intro{margin-top:15px}
 .signature .is-cinematic .wl-services-grid{top:39%;gap:12px;grid-template-columns:1fr}
 .signature .wl-service-route{display:grid;grid-template-columns:1fr 37px;gap:0 15px;min-height:0;padding:14px 22px}
 .signature .wl-route-type{font-size:.75rem;margin:0 0 6px;grid-column:1}
 .signature .wl-service-route h3{font-size:1.7rem;line-height:1.1;margin:0;grid-column:1}
 .signature .wl-service-route h3 br{display:none}
 .signature .wl-service-route p{font-size:.875rem;line-height:1.45;margin:8px 0 0;max-width:none;grid-column:1}
 .signature .wl-route-action{grid-column:2;grid-row:1/4;border:0;padding:0;justify-content:center;align-self:center;margin:0}
 .signature .wl-route-action>span{display:none}.signature .wl-route-action i{width:33px;height:33px}
 .signature .wl-art::after{background:linear-gradient(90deg,#020303dd,#02030377 65%,transparent)}
}