.preview{font-size:12px;letter-spacing:.02em}.preview a{text-decoration:underline;margin-left:8px}nav{font-size:14px}.languages{font-size:13px}small{font-size:12px}button{font-family:inherit}.proef-main{overflow:hidden}.proef-hero{display:grid;grid-template-columns:.9fr 1.2fr;gap:65px;align-items:center;padding:100px 6% 110px;min-height:740px}.proef-hero h1{font-size:clamp(44px,4.5vw,68px);letter-spacing:-.045em}.hero-copy p{font-size:17px;max-width:470px}.button,.text-link{font-size:14px}.hero-stage{position:relative;min-width:0}.hero-c{position:absolute;width:480px;height:480px;object-fit:contain;right:-100px;top:-100px;opacity:.09;transform:rotate(-12deg);animation:c-enter 1.2s ease-out both}.showcase{position:relative;animation:enter .8s .15s both}.showcase-window{background:#fff;border:1px solid #ded7cd;border-radius:12px;overflow:hidden;box-shadow:0 35px 70px #24364b25;transform:perspective(1600px) rotateY(-7deg) rotateX(2deg)}.window-bar{height:34px;display:flex;align-items:center;gap:5px;padding:0 14px;background:#fff}.window-bar i{width:6px;height:6px;background:#b9b3ab;border-radius:50%}.window-bar span{font-size:9px;letter-spacing:.12em;margin:auto;color:#747570}.showcase-slide{display:block;position:relative;height:370px;background:#e4e7df}.showcase-slide img{width:100%;height:100%;object-fit:cover;object-position:top}.showcase-slide.s1 img{object-fit:contain;background:#eaf0e3}.showcase-slide.s2 img{object-position:center}.showcase-slide:not([hidden]){animation:enter .45s ease-out}.image-tag{position:absolute;top:18px;left:18px;background:#f8f6f1ed;color:#24364b;padding:8px 12px;border-radius:30px;font-size:12px;font-weight:600;box-shadow:0 2px 10px #0001}.showcase-controls{display:flex;gap:4px;justify-content:space-between;margin-top:28px}.showcase-controls button{background:none;border:0;border-bottom:2px solid #dcd6cc;color:#5b6570;padding:12px 7px;cursor:pointer;font-size:13px}.showcase-controls button span{font-size:10px;display:block;color:#8f6952}.showcase-controls button[aria-pressed=true]{border-color:#8f6952;color:#24364b}.proef-services{margin:0 6%;padding:55px 0;border-top:1px solid #d6cbbf;border-bottom:1px solid #d6cbbf;display:grid;grid-template-columns:.9fr 1.2fr;gap:65px}.proef-services>div{display:grid;grid-template-columns:1fr 1fr;gap:35px}.proef-services h2{font-size:33px}.proef-services h3{font-size:23px;margin:15px 0}.proef-services p{font-size:15px}.proef-services span,.work-index{font-size:12px;color:#916c55}.proef-section{padding:90px 6%}.section-title{margin-bottom:45px}.section-title h2{margin-top:14px}.selected-projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.work-card:first-child{grid-column:1/-1}.work-image{height:360px;display:block;overflow:hidden;position:relative;border-radius:6px;background:#e0e4d9}.work-card:first-child .work-image{height:490px;background:#ddd9cd}.work-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s ease}.work-1 img{object-fit:contain}.work-2 img{object-position:center}.work-image:hover img{transform:scale(1.025)}.round-arrow{position:absolute;right:22px;bottom:22px;background:#fff;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:24px;color:#24364b}.work-description{display:flex;gap:24px;padding:25px 0 0}.work-description h3{font-size:27px;margin-bottom:10px}.work-description p{font-size:16px;max-width:70ch}.work-description .text-link{margin-top:12px}.work-card:first-child .work-description>div{display:grid;grid-template-columns:1fr 1.5fr;gap:0 35px;width:100%}.work-card:first-child .text-link{grid-column:2}.proef-process{padding:30px 6% 90px}.proef-process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}.proef-process article{border-top:1px solid #cdbbaa;padding-top:20px}.proef-process article span{font-size:12px;color:#8f6952}.proef-process h3{font-size:22px;margin:20px 0 10px}.proef-process p{font-size:15px}.proef-cta{margin:0 6% 75px;background:#e8dfd4;padding:65px;position:relative;overflow:hidden}.proef-cta>div{position:relative}.proef-cta h2{font-size:clamp(36px,4.3vw,62px);margin:20px 0 30px}.cta-c{position:absolute;width:380px;height:380px;right:25px;top:10px;opacity:.12;transform:rotate(-15deg)}.portfolio-intro{padding:80px 6% 0}.portfolio-intro h1{max-width:950px}.portfolio-intro p{max-width:650px;font-size:18px}.flow-feature{margin:0 6% 90px;padding:50px;background:#24364b;color:#fff;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}.flow-feature h2{margin:20px 0 30px}.flow-feature p{color:#f0ece5}.flow-controls{display:flex;flex-direction:column;align-items:stretch;gap:8px}.flow-controls button{text-align:left;background:transparent;border:1px solid #87929d;color:white;padding:13px 16px;cursor:pointer;border-radius:3px;font-size:14px}.flow-controls button[aria-pressed=true]{background:#f6f4ef;color:#24364b;border-color:#f6f4ef}.flow-text{min-height:120px;padding-top:20px}.flow-note{font-size:13px;line-height:1.6}.flow-preview{min-width:0;background:#eef2e8;padding:16px;border-radius:8px;color:#24364b;box-shadow:0 20px 40px #0002}.flow-preview img{width:100%;height:330px;object-fit:contain}.flow-step-label{display:block;font-size:15px;margin:8px 0 12px}.flow-preview>div:not([hidden]){animation:enter .35s ease-out}.book-feature{margin:0 6% 90px;padding:50px 65px;background:#eae3d9;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.book{max-width:340px;margin:auto;width:100%;perspective:1000px}.book>img{width:100%;box-shadow:12px 18px 30px #42372a24;transform:rotateY(-5deg);border-left:4px solid #cdbfac}.book>img.turning{animation:page-turn .35s ease-out}.book-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.book-controls button{width:48px;height:48px;background:#24364b;color:white;border:0;border-radius:50%;cursor:pointer;font-size:23px}.book-controls button:disabled{opacity:.3;cursor:default}.book-controls span{font-size:13px;font-variant-numeric:tabular-nums}.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.motion .reveal.seen{opacity:1;transform:none}[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes c-enter{from{opacity:0;transform:rotate(-35deg) scale(.85)}to{opacity:.09;transform:rotate(-12deg)}}@keyframes page-turn{from{opacity:.5;transform:rotateY(-17deg)}to{opacity:1;transform:rotateY(-5deg)}}
@media(max-width:1000px){.proef-hero{gap:30px;padding-top:65px}.showcase-slide{height:320px}.proef-services{gap:30px}.flow-feature{grid-template-columns:1fr;padding:35px}.book-feature{padding:35px;gap:30px}.work-image{height:290px}}
@media(max-width:760px){.proef-hero{grid-template-columns:1fr;padding:45px 6% 65px;gap:45px;min-height:0}.proef-hero h1{font-size:44px}.hero-copy p{font-size:16px}.hero-c{width:290px;height:290px;right:-60px;top:-40px}.showcase-window{transform:none}.showcase-slide{height:290px}.showcase-controls{margin-top:12px}.showcase-controls button{font-size:12px;padding:10px 4px}.proef-services{grid-template-columns:1fr;padding:35px 0;gap:20px}.proef-services>div{grid-template-columns:1fr;gap:15px}.proef-services h2{font-size:30px}.proef-section{padding:55px 6%}.selected-projects{grid-template-columns:1fr;gap:40px}.work-card:first-child{grid-column:auto}.work-card:first-child .work-image,.work-image{height:285px}.work-card:first-child .work-description>div{display:block}.work-description{gap:16px}.work-description h3{font-size:26px}.proef-process{padding-bottom:45px}.proef-process>div{grid-template-columns:1fr 1fr;gap:20px}.proef-cta{padding:35px 24px;margin-bottom:40px}.cta-c{width:220px;height:220px;right:-70px;top:80px}.portfolio-intro{padding-top:45px}.portfolio-intro h1{font-size:42px}.portfolio-intro p{font-size:16px}.flow-feature{padding:25px 20px;margin-bottom:50px;gap:25px}.flow-text{min-height:0}.flow-preview img{height:240px}.book-feature{grid-template-columns:1fr;padding:30px 24px;margin-bottom:45px}.image-tag{font-size:12px;top:12px;left:12px}.preview{padding:8px 15px}.preview a{display:block}footer p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}
.brand-stage{position:relative;height:440px;min-width:0}.brand-stage-c{position:absolute;width:420px;height:420px;right:-65px;top:-55px;opacity:.13;animation:c-enter 1.2s ease-out both}.service-screen{position:absolute;background:#fff;border:1px solid #ded7cd;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px #24364b20}.web-screen{width:84%;left:0;top:0;transform:rotate(-3deg);animation:screen-enter .9s ease-out both}.screen-content{padding:25px 28px 20px;background:#eae4d9;position:relative;min-height:260px}.screen-content small{color:#805e49}.screen-content h2{font-size:29px;max-width:240px;margin:15px 0 20px;position:relative;z-index:1}.design-scene{position:absolute;right:20px;bottom:25px;width:145px;height:145px;opacity:.65}.design-scene span{position:absolute;width:70px;height:115px;background:#ad8970;border-radius:60px 60px 3px 3px;bottom:0;right:0}.design-scene span:nth-child(2){width:60px;height:90px;background:#d2bda1;right:50px;bottom:12px}.design-scene span:nth-child(3){width:42px;height:42px;background:#24364b;border-radius:50%;right:25px;bottom:100px}.screen-contact{font-size:12px;border-bottom:1px solid #8d6c55;padding-bottom:5px;position:relative;z-index:1}.tools-screen{width:76%;right:0;bottom:0;transform:rotate(3deg);animation:tools-enter 1s .15s ease-out both}.tools-content{padding:22px 25px;background:#edf0e9}.tools-content h3{font-size:21px;margin:10px 0 20px}.automation-path{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.automation-path span{background:white;padding:8px;border:1px solid #ccd4c4;border-radius:4px}.automation-path i{font-style:normal;color:#8b6750}.tool-lines{display:flex;gap:9px;margin:15px 0 0}.tool-lines i{height:5px;background:#b8c6ae;flex:1;border-radius:4px}.tool-lines i:nth-child(2){background:#b28770}.home-portfolio-link{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:60px 6%;border-bottom:1px solid #d6cbbf;padding:0 0 35px}.home-portfolio-link h2{font-size:32px;margin:12px 0 0}.home-portfolio-link .text-link{margin:0;white-space:nowrap}@keyframes screen-enter{from{opacity:0;transform:translateY(20px) rotate(-6deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes tools-enter{from{opacity:0;transform:translateY(25px) rotate(6deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
@media(max-width:760px){.brand-stage{height:390px}.brand-stage-c{width:300px;height:300px;right:-40px;top:-25px}.web-screen{width:90%}.tools-screen{width:90%}.screen-content{min-height:230px;padding:22px}.screen-content h2{font-size:27px;max-width:210px}.design-scene{right:10px;width:100px;opacity:.4}.tools-content{padding:18px}.tools-content h3{font-size:20px}.automation-path{font-size:11px;gap:5px}.automation-path span{padding:7px}.home-portfolio-link{display:block;margin:40px 6%}.home-portfolio-link .text-link{margin-top:20px}.home-portfolio-link h2{font-size:29px}}