/* GEIT / Digital character. The sculpture is generated artwork; motion is native. */
body.signature{--bg:#040505;--studio-white:#f0f1eb;--green-bright:#52dc9b;--orange:#ff963b}
.signature::before{background:#040505}
.signature .welcome,.signature .wl-stage{background:#020303}
.signature .wl-stage{perspective:1400px}
.signature .wl-art{z-index:-4}
.signature .wl-art-media{position:absolute;inset:-3%;transform-origin:72% 44%;will-change:transform,opacity}
.signature .wl-art-breathe{position:absolute;inset:0;animation:sig-sculpture 16s ease-in-out infinite;animation-play-state:paused}
.signature.welcome-active .is-cinematic .wl-art-breathe{animation-play-state:running}
.signature .wl-art img{inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;opacity:1;transform:none;will-change:auto}
.signature .wl-art::after{background:linear-gradient(90deg,#020303aa,transparent 38%),linear-gradient(0deg,#020303,transparent 28%,transparent 83%,#02030333)}
.signature .wl-ambient{background:radial-gradient(ellipse at 69% 99%,#ff863708,transparent 50%)}
.signature .wl-dust{opacity:.24}
.signature .wl-aperture{border-color:#ffbf7833;box-shadow:none;width:80vw;height:80vw;left:73%;top:47%}
.signature .wl-opening,.signature .is-cinematic .wl-opening{padding:106px 5.5% 106px;text-align:left;justify-content:center}
.signature .wl-opening .wl-copy{max-width:1500px}
.signature .wl-opening .wl-kicker{font-family:var(--font);font-size:.75rem;letter-spacing:.19em;gap:12px;margin-bottom:32px;color:#c4cbc8}
.signature .wl-opening .wl-kicker i{width:5px;height:5px;background:#ff963b;box-shadow:none}
.signature .wl-opening .wl-headline{font-family:'Arial Black','Helvetica Neue',Arial,sans-serif;font-size:clamp(4rem,min(7.4vw,12.5svh),8rem);line-height:1.01;font-weight:900;letter-spacing:-.065em;max-width:1150px;text-transform:uppercase;text-wrap:initial;text-shadow:none}
.signature .wl-opening .wl-headline>span{white-space:nowrap;animation:sig-type-in 1s cubic-bezier(.16,1,.3,1) both}
.signature .wl-opening .wl-headline>span:nth-child(2){animation-delay:.12s}
.signature .sig-stroke{font:inherit;letter-spacing:inherit;color:#f0f1eb;-webkit-text-stroke:1px #f0f1eb}
@supports(-webkit-text-stroke:1px white){.signature .sig-stroke{color:transparent}}
.signature .sig-dot{color:#ff963b}
.signature .wl-opening .wl-intro{max-width:34ch;font-size:1rem;line-height:1.75;margin:28px 0 0;color:#bcc4c2}
.signature .wl-opening .wl-actions{margin-top:28px;gap:22px}
.signature .wl-opening .wl-button{border-radius:4px;background:#ff963b;min-height:56px;padding:16px 23px;color:#190b00;font-size:.9375rem;gap:34px}
.signature .wl-opening .wl-button:hover{background:#ffb36d;box-shadow:0 12px 40px #ff963b24;transform:translateY(-3px)}
.signature .wl-opening .wl-link{font-size:.875rem;padding-block:12px;border-bottom:1px solid #73827b}
.signature .wl-opening .wl-facts{margin-top:26px;gap:19px}
.signature .wl-opening .wl-facts li{font-size:.75rem;color:#939f99}
.signature .wl-opening .wl-facts li::before{background:#668373;width:3px;height:3px}
.signature .wl-orbit-caption{display:flex;right:5.5%;top:auto;bottom:140px;letter-spacing:.12em;text-align:right;align-items:flex-end;color:#c6d0ca;font-size:.75rem}
.signature .wl-orbit-caption::before{width:34px;background:#ff963b}
.signature .wl-orbit-caption small{color:#91a299;font-size:.75rem}
.signature .wl-bottom{border-top:1px solid #c3d1c61c;padding-top:18px;bottom:22px;left:5.5%;right:5.5%}
.signature .wl-scroll{font-size:.75rem;letter-spacing:.07em;color:#c5ccc8}
.signature .wl-scroll-mark{border:0;width:21px;height:28px;border-radius:0}
.signature .wl-scroll-mark::after{content:'↓';height:auto;width:auto;background:transparent;font:1.6rem/1 var(--font);top:0;left:0;color:#ffb269}
.signature .wl-bottom-tag{font-size:.75rem;color:#8c9b92}
.signature .wl-work .wl-kicker{font-size:.75rem;letter-spacing:.17em;color:#92a59c;margin-bottom:18px}
.signature .wl-work .wl-headline{font:500 clamp(2.5rem,4.9vw,5rem)/1.04 var(--font);letter-spacing:-.06em}
.signature .wl-work .wl-headline em{font:inherit;background:none;color:#a4b7ab;letter-spacing:inherit}
.signature .wl-work .wl-intro{font-size:.9375rem;color:#a5b1aa;margin-top:16px}
.signature .wl-window-bar{height:28px;background:#121917}.signature .wl-window-bar span{color:#93a79b}
.signature .wl-project-window{border:1px solid #85948c66;border-radius:6px;box-shadow:0 60px 110px #000b}
.signature .wl-project-meta{padding-top:9px;border-top:1px solid #ffffff15;color:#d4ddd6}
.signature .wl-close .wl-headline{font-family:var(--font);font-size:clamp(3.2rem,7.6vw,8.4rem);letter-spacing:-.07em;line-height:1.04}
.signature .wl-close .wl-headline em{font-family:var(--font);font-style:normal;background:linear-gradient(100deg,#f3f6ef,#94b6a0);background-clip:text;-webkit-background-clip:text;letter-spacing:-.07em}
.signature .wl-close .wl-button{border-radius:4px}
.signature .wl-aftercare{color:#97a89f}
/* Echo the chrome artwork in the page rhythm, without repeating the hero. */
.signature #home{background:#0b0e0c;position:relative;padding-top:85px;overflow:hidden}
.signature .sig-wordmark{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(1.5rem,7.2vw,7.2rem);font-weight:900;letter-spacing:-.08em;line-height:1;white-space:nowrap;margin:0 0 75px;color:#65776a35;-webkit-text-stroke:1px #91a89845;text-align:center}
.signature #home .sec-head h2{font-size:clamp(2.8rem,5.6vw,5.8rem);letter-spacing:-.065em}
.signature #home .sec-head h2 em{font-family:var(--font);font-style:normal;color:#879c8d}
.signature #home .card .icon{color:#faab6b}
.signature #mijn-projecten{background:#040605}
.signature #mijn-projecten .sec-head h2{max-width:600px}
.signature .proj-grid{gap:60px 38px}
.signature .proj-kaart:first-child .pk-venster{background:linear-gradient(135deg,#d8dfd9,#768b7e);padding:clamp(26px,3.6vw,60px);border:0;border-radius:3px}
.signature .proj-kaart:nth-child(2) .pk-venster{background:linear-gradient(135deg,#534738,#221c16);padding:clamp(26px,3.6vw,60px);border:0;border-radius:3px}
.signature .pk-beeld{border-radius:2px;box-shadow:0 30px 45px #0007;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:perspective(1300px) rotateY(-5deg) rotateX(3deg)}
.signature .proj-kaart:nth-child(2) .pk-beeld{transform:perspective(1300px) rotateY(5deg) rotateX(3deg)}
.signature .proj-kaart:hover .pk-beeld,.signature .proj-kaart:focus-visible .pk-beeld{transform:perspective(1300px) rotateY(0) rotateX(0) translateY(-5px)}
.signature .proj-kaart:hover .pk-beeld img{transform:none}
.signature .pk-titel{letter-spacing:-.07em}
.signature .proj-vrij .pk-tekst{padding-block:4px}
.signature #diensten{background:#090c0a}
.signature #diensten .service{padding-block:44px;border-color:#485c4e55;transition:padding .3s}
.signature #diensten .service h3{font-size:clamp(2rem,3.25vw,3.5rem);letter-spacing:-.055em}
.signature #diensten .service:hover .icon{color:#ffab62}
.signature #website,.signature #projecten{background:#040605}
.signature .studio-package{background:#0c110e;border-color:#3d4c41;border-radius:3px}
.signature .studio-package:last-child{background:linear-gradient(135deg,#16221b,#070c09);border-color:#5e7866}
.signature .studio-package .sp-label{color:#a5b6aa}
.signature .studio-package .sp-price{font-weight:500;letter-spacing:-.075em}
.signature .studio-package .sp-actions .btn{border-radius:4px}
.signature .section-index::before{background:#ffab62}
.signature .profiel{border-top-color:#769381}
.signature .profiel h3{font-weight:500;letter-spacing:-.08em}
.signature #contact{background:linear-gradient(90deg,#040605,#040605bb),url('geit-chrome-sculpture.webp') right 40%/cover no-repeat;border-top-color:#71857955}
.signature .slotblok h2{font-size:clamp(3.3rem,8.7vw,9rem);letter-spacing:-.07em}
.signature .slotblok .btn-primary{border-radius:4px}
.signature .slot-punten{border-color:#71857955}
.signature .is-flat .wl-art{height:105svh;opacity:1}
.signature .is-flat .wl-art-media{transform:none!important;opacity:1!important}
.signature .is-flat .wl-art-breathe{animation:none}
.signature .is-flat .wl-opening .wl-headline>span{white-space:normal;overflow-wrap:anywhere}
.signature .is-flat .wl-close{background:radial-gradient(ellipse at 50% 90%,#1b302133,transparent 65%)}
@keyframes sig-type-in{from{opacity:0;transform:translateY(35px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes sig-sculpture{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-.5%,.6%,0) scale(1.025)}}
@media(min-width:1600px){.signature .wl-opening .wl-headline{font-size:clamp(7rem,7.4vw,9rem)}}
@media(max-width:1100px){.signature .wl-orbit-caption{display:none}.signature .wl-opening .wl-headline{font-size:clamp(3.7rem,7.7vw,5.8rem)}.signature .wl-art img{object-position:65% center}.signature .wl-art::after{background:linear-gradient(90deg,#020303cc,transparent 70%),linear-gradient(0deg,#020303,transparent 38%)}}
@media(max-width:600px){
 .signature .wl-opening,.signature .is-cinematic .wl-opening{padding:clamp(78px,14svh,94px) 24px clamp(38px,12svh,92px);justify-content:flex-end}
 .signature .wl-opening .wl-kicker{font-size:.75rem;letter-spacing:.085em;margin-bottom:20px}
 .signature .wl-opening .wl-headline{font-size:clamp(1.8rem,8.4vw,3.2rem);line-height:1.08;letter-spacing:-.065em;max-width:none}
 .signature .wl-opening .wl-intro{max-width:31ch;font-size:.9375rem;line-height:1.65;margin-top:18px}
 .signature .wl-opening .wl-actions{gap:13px 20px;margin-top:21px}
 .signature .wl-opening .wl-button{font-size:.875rem;min-height:51px;padding:14px 20px;gap:23px}
 .signature .wl-opening .wl-link{font-size:.8125rem;min-height:38px;padding-block:7px}
 .signature .wl-opening .wl-facts{margin-top:16px;gap:10px 14px;max-width:none}.signature .wl-opening .wl-facts li{font-size:.75rem}
 .signature .wl-art-media{inset:0;transform-origin:65% 28%}
 .signature .wl-art-breathe{inset:0}
 .signature .wl-art img{object-fit:cover;object-position:73% top;width:100%;height:62%;top:30px;left:0;opacity:.95}
 .signature .wl-art::after{background:linear-gradient(0deg,#020303 16%,#020303dd 37%,#02030333 60%,transparent 84%)}
 .signature .wl-bottom{left:24px;right:24px;padding-top:12px;bottom:14px;gap:14px}
 .signature .wl-scroll{font-size:.6875rem;letter-spacing:0;gap:9px}
 .signature .wl-scroll-mark{height:28px;width:20px}.signature .wl-scroll-mark::after{top:7px;left:8px;height:6px}
 .signature .wl-skip{font-size:.6875rem}
 .signature .wl-bottom-tag{display:none}
 .signature .wl-work .wl-headline{font-size:clamp(2.3rem,9vw,3.5rem)}
 .signature .wl-close .wl-headline{font-size:clamp(2.8rem,10.8vw,4rem)}
 .signature .sig-wordmark{font-size:7.1vw;letter-spacing:-.08em;margin-bottom:45px}
 .signature #home{padding-top:45px}
 .signature .proj-kaart:first-child .pk-venster,.signature .proj-kaart:nth-child(2) .pk-venster{padding:28px}
 .signature .proj-grid{gap:45px}.signature #diensten .service{padding-block:30px}
 .signature #contact{background:linear-gradient(90deg,#040605e6,#040605ca),url('geit-chrome-sculpture.webp') 70% center/auto 100% no-repeat}
}
@media(max-height:760px) and (min-width:601px){.signature .wl-opening .wl-headline{font-size:clamp(3.8rem,7.4vw,6.4rem)}.signature .wl-opening .wl-kicker{margin-bottom:24px}.signature .wl-opening .wl-intro{margin-top:22px}.signature .wl-opening .wl-actions{margin-top:22px}.signature .wl-opening .wl-facts{margin-top:20px}.signature .wl-work .wl-headline{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.signature .wl-art-breathe{animation:none}.signature .wl-opening .wl-headline>span{animation:none}.signature .pk-beeld,.signature .proj-kaart:nth-child(2) .pk-beeld{transform:none;transition:none}}