:root{--pigment-primary: #1a1a1a;--pigment-ochre: #C4A484;--pigment-terracotta: #8E4D3E;--surface-limestone: #F4F1ED;--surface-plaster: #E8E4DF;--transition-fluid: cubic-bezier(.23, 1, .32, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background-color:var(--surface-limestone);color:var(--pigment-primary);font-family:Outfit,sans-serif;overflow-x:hidden;line-height:1.4}.plaster-texture{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.04;filter:contrast(150%) brightness(100%)}.pigment-canvas{position:fixed;width:100vw;height:100vh;background:radial-gradient(circle at 10% 20%,rgba(196,164,132,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(142,77,62,.08) 0%,transparent 40%);z-index:-1;will-change:transform}nav{padding:2.5rem;display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;z-index:100;mix-blend-mode:difference;color:#fff}.logo{font-family:Space Mono,monospace;font-weight:700;letter-spacing:-1px;font-size:1.2rem;text-transform:uppercase}.nav-links{display:flex;gap:3rem}.nav-links a{color:inherit;text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:400;transition:opacity .3s ease}.nav-links a:hover{opacity:.6}main{padding-top:15vh}.hero{padding:0 5vw;display:grid;grid-template-columns:1fr 1fr;min-height:85vh;align-items:flex-start}.hero-title{grid-column:1 / 3;font-size:clamp(4rem,12vw,15rem);font-weight:900;line-height:.85;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:4rem;animation:revealUp 1.2s var(--transition-fluid)}.hero-meta{font-family:Space Mono,monospace;font-size:.9rem;max-width:400px;animation:fadeIn 1.5s ease forwards;opacity:0;animation-delay:.5s}.hero-cta-box{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:100%;text-align:right}.hero-subheadline{font-size:2.5rem;font-weight:300;max-width:500px;margin-bottom:2rem;animation:fadeIn 1.5s ease forwards;opacity:0;animation-delay:.7s}.services-section{padding:10rem 5vw;background:var(--surface-plaster);position:relative;margin-top:10vh}.services-section:before{content:"";position:absolute;top:-5vh;left:0;width:100%;height:10vh;background:linear-gradient(to bottom,transparent,var(--surface-plaster))}.section-label{font-family:Space Mono,monospace;text-transform:uppercase;font-size:.75rem;margin-bottom:4rem;display:block;color:var(--pigment-terracotta)}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.service-item{grid-column:span 6;padding:4rem;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .6s var(--transition-fluid);position:relative;overflow:hidden;cursor:pointer}.service-item:hover{background:var(--pigment-primary);color:#fff;transform:translateY(-10px)}.service-item:nth-child(2n){margin-top:8rem}.service-num{font-family:Space Mono,monospace;font-size:.8rem;margin-bottom:2rem;display:block}.service-item h3{font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1}.service-item p{font-size:1.1rem;max-width:300px;opacity:.8}.btn-premium{display:inline-flex;align-items:center;padding:1.5rem 3rem;background:var(--pigment-primary);color:#fff;text-decoration:none;font-family:Space Mono,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;margin-top:2rem;transition:all .4s var(--transition-fluid);position:relative;overflow:hidden}.btn-premium:hover{background:var(--pigment-terracotta);padding-right:4rem}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s var(--transition-fluid)}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes revealUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}footer{padding:10rem 5vw 4rem;background:var(--pigment-primary);color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem}.footer-brand{font-size:5vw;font-weight:900;line-height:.8;text-transform:uppercase}.footer-contact h4{font-family:Space Mono,monospace;text-transform:uppercase;font-size:.8rem;margin-bottom:2rem;color:var(--pigment-ochre)}.footer-contact p{font-size:1.5rem;margin-bottom:.5rem}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-cta-box{align-items:flex-start;text-align:left;margin-top:4rem}.service-item{grid-column:span 12;margin-top:0!important}.footer-grid{grid-template-columns:1fr}.nav-links{display:none}}.werkwijze-page{padding-top:20vh}.werkwijze-header{padding:0 5vw;margin-bottom:8rem}.werkwijze-title{font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.9;text-transform:uppercase;margin-bottom:2rem;color:var(--pigment-primary)}.werkwijze-intro{font-size:1.5rem;font-weight:300;max-width:600px;line-height:1.6}.werkwijze-content{padding:0 5vw 10rem}.methodology-grid{display:grid;grid-template-columns:1fr;gap:4rem;margin-top:4rem}@media(min-width:900px){.methodology-grid{grid-template-columns:1fr 1fr}}.step-card{background-color:var(--surface-plaster);padding:3rem;border-left:3px solid var(--pigment-primary);transition:transform .3s cubic-bezier(.23,1,.32,1)}.step-card:hover{transform:translateY(-5px)}.step-title{font-family:Space Mono,monospace;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;color:var(--pigment-primary)}.step-subtitle{font-family:Space Mono,monospace;font-size:.8rem;text-transform:uppercase;color:var(--pigment-terracotta);margin-bottom:1.5rem;display:block;letter-spacing:1px}.step-description{font-size:1.1rem;line-height:1.7;opacity:.9}.highlight-section{margin-top:8rem;padding:4rem;background-color:var(--pigment-primary);color:var(--surface-limestone);position:relative}.highlight-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#fff}.highlight-text{font-size:1.2rem;line-height:1.8;max-width:800px;margin-bottom:2rem;opacity:.9}.highlight-text a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.highlight-text a:hover{color:var(--pigment-ochre)}.cta-box{margin-top:3rem;border-top:1px solid rgba(255,255,255,.2);padding-top:3rem}.cta-title{font-family:Space Mono,monospace;font-size:1.5rem;margin-bottom:1rem;color:var(--pigment-ochre)}.cta-button{display:inline-block;border:1px solid var(--surface-limestone);color:var(--surface-limestone);padding:1rem 2rem;font-family:Space Mono,monospace;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;text-decoration:none;transition:all .3s ease;margin-top:1.5rem}.cta-button:hover{background-color:var(--surface-limestone);color:var(--pigment-primary)}