*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;position:relative;z-index:2}header .brand{font-weight:800;letter-spacing:.12em;font-size:12px}header nav{display:flex;gap:22px;align-items:center;font-size:12px}header a:hover{text-decoration:underline}.pill{padding:12px 18px;border-radius:50px;border:1px solid currentColor;display:inline-block;background:transparent;color:inherit}.shell{min-height:100vh;overflow:hidden}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:11px}.hero{min-height:520px;padding:6% 7%;position:relative}.hero h1{font-size:clamp(52px,8vw,126px);line-height:.94;letter-spacing:-.07em;max-width:920px;margin:20px 0}.hero p{max-width:420px;line-height:1.6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.action{border:1px solid currentColor;border-radius:4px;padding:15px 23px;background:transparent;color:inherit}.action.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.section{padding:65px 7%}.section h2{font-size:clamp(32px,4vw,60px);letter-spacing:-.05em;margin:10px 0 25px}.stage{border:1px solid currentColor;padding:25px;position:relative;min-height:330px}.muted{opacity:.65}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tile{border:1px solid currentColor;padding:22px;min-height:160px}.tile h3{margin-top:0}.bottom{padding:35px 7%;display:flex;justify-content:space-between;gap:12px;border-top:1px solid currentColor;font-size:12px}.status{margin-top:18px;min-height:22px}.switcher{display:flex;gap:10px;flex-wrap:wrap}.switcher button{background:transparent;border:1px solid currentColor;color:inherit;padding:12px 17px}.switcher button.active{background:var(--accent);color:var(--ink)}.mini{font-size:12px}.reveal{animation:rise .5s ease}@keyframes rise{from{opacity:.1;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:750px){header nav a:not(.pill){display:none}.grid{grid-template-columns:1fr}.hero{min-height:550px}.bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* 01 executive: split cinematic stage, editorial scroll */.executive{--accent:#d4b17a;--ink:#071421;background:#071421;color:#f1eee8}.executive .hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:25px}.executive .hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;font-size:clamp(54px,6.5vw,112px)}.executive .cinema{min-height:480px;background:linear-gradient(155deg,transparent 15%,#132b40b8 60%),linear-gradient(25deg,#253c45,#152433 30%,#586d68 31%,#0e1824 33%,#071421 65%);position:relative;overflow:hidden}.executive .cinema:before{content:'';position:absolute;inset:20% 10% 8% 18%;border:12px solid #9ba8a3;box-shadow:0 0 90px #d5b78e33;transform:skewY(-9deg)}.executive .cinema:after{content:'BUSINESS / BEYOND EXPECTATION';position:absolute;bottom:30px;left:25px;font-size:10px;letter-spacing:.2em}.executive .section{background:#0c1c2b}.executive .projectview{display:grid;grid-template-columns:1fr 2fr;gap:30px}.executive .projectvisual{height:280px;background:linear-gradient(130deg,#1a3844 0 34%,#a88c6b 35% 37%,#0c1722 38% 70%,#546e77 71%);border:1px solid #6b7776}.executive .tile{background:#102638;border-color:#304355}
/* 03 quiet: generous whitespace and photographic-like editorial illustration */.quiet{--accent:#514a3d;--ink:#f8f6f0;background:#f8f6f0;color:#39352f}.quiet header{border-bottom:1px solid #ded9d0}.quiet .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.quiet .hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;font-size:clamp(56px,6.4vw,104px)}.quiet .art{height:520px;background:radial-gradient(ellipse at 65% 35%,#e4d7c3 0 18%,transparent 18.5%),linear-gradient(90deg,#e8e3d8 0 21%,#b9a994 21.3% 22%,#eee9de 22.2% 78%,#b9a994 78.2% 79%,#ddd5c7 79.2%),#ded8cb;position:relative}.quiet .art:after{content:'';position:absolute;width:34%;height:28%;border-radius:60% 60% 0 0;background:#8b8b72;bottom:0;left:43%;box-shadow:0 -25px 0 -10px #e8e3d8}.quiet .section{border-top:1px solid #ded9d0}.quiet .tile{border-color:#e2dcd2;background:#fffdfa}.quiet .stage{border-color:#e2dcd2;background:#fffdfa}
/* 04 avant-garde: dark command field with reactive constellation */.avant{--accent:#9e6bff;--ink:#080716;background:#080716;color:#f3f0ff}.avant .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center}.avant .hero h1{font-weight:750;font-size:clamp(52px,6vw,100px)}.avant .orb{width:min(39vw,520px);height:min(39vw,520px);min-width:260px;min-height:260px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d8caff,transparent 12%),radial-gradient(ellipse at 60% 42%,#9e6bff,#4824ba 28%,#130d35 54%,transparent 67%);box-shadow:0 0 100px #5427e988;position:relative;animation:float 6s ease-in-out infinite}.avant .orb:after{content:'';position:absolute;inset:17%;border:1px solid #e4d5ff77;border-radius:50%;transform:rotateX(65deg) rotate(-30deg);box-shadow:0 0 40px #bba3ff}.avant .section{background:#0d0b20}.avant .tile{background:#15122d;border-color:#40386a}.avant .stage{background:radial-gradient(circle at 70% 20%,#302056,#0c0a1a 65%);border-color:#413b70}.nodes{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.node{border:1px solid #7760ba;padding:20px;border-radius:15px;background:#201742}.connector{color:#a58bf8}@keyframes float{50%{transform:translateY(-18px) rotate(7deg)}}
/* 06 tradition: warm workshop narrative */.tradition{--accent:#d9b57e;--ink:#163c31;background:#f1e7d5;color:#193b30}.tradition header{background:#193b30;color:#f5e9d3}.tradition .hero{background:linear-gradient(90deg,#193b30 0 49%,transparent 49%),#d4bd98;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.tradition .hero>div:first-child{color:#f8ebd5}.tradition .hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;font-size:clamp(50px,6vw,100px)}.tradition .craft{height:430px;border:12px solid #aa845b;background:repeating-linear-gradient(90deg,#8a5a36 0 12px,#945f3a 13px 25px);position:relative;box-shadow:12px 12px 0 #142f26}.tradition .craft:before{content:'';position:absolute;inset:15%;background:linear-gradient(155deg,#dfcfab 0 33%,#506f5e 34% 55%,#273e32 56% 70%,#d1b88c 71%)}.tradition .craft:after{content:'VAKWERK • SINDS GENERATIES';position:absolute;bottom:16px;left:12px;background:#f1e7d5;padding:10px;font:11px Georgia}.tradition .section{border-top:1px solid #cbb99d}.tradition .tile{background:#e9d8bc;border-color:#c7ad8c}.tradition .stage{background:#f8efdf;border-color:#b69a76}
@media(max-width:850px){.executive .hero,.quiet .hero,.avant .hero,.tradition .hero{grid-template-columns:1fr}.executive .cinema,.quiet .art,.tradition .craft{height:280px;min-height:280px}.tradition .hero{background:#193b30}.tradition .craft{margin-top:25px}.avant .orb{margin:40px auto}.executive .projectview{grid-template-columns:1fr}}