:root{--g:#56ef9a;--g2:#a6f8c8;--m:#a9b2ac;--l:#ffffff1d;--exp:#d5b979;--expimg:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 3%,#123d2a,transparent 27%),#050706;color:#f4f0e7;font:16px/1.6 system-ui,-apple-system,sans-serif}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}.w{width:min(1180px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:20;background:#050706e8;border-bottom:1px solid var(--l);backdrop-filter:blur(16px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;letter-spacing:.14em;font-size:13px}.brand b,.ey{color:var(--g2)}.mb{width:52px;height:52px;border:1px solid var(--l);border-radius:50%;background:#ffffff08;display:grid;place-items:center;z-index:41}.mb i{display:block;width:20px;height:1.5px;background:#fff;margin:4px;transition:.35s}.mb.on i:first-child{transform:translateY(5.5px) rotate(45deg)}.mb.on i:nth-child(2){opacity:0}.mb.on i:last-child{transform:translateY(-5.5px) rotate(-45deg)}.ov{position:fixed;inset:0;z-index:40;background:radial-gradient(circle at 82% 18%,#123d2a,transparent 30%),#050706;display:grid;place-items:center;visibility:hidden;opacity:0;clip-path:circle(0 at calc(100% - 46px) 38px);transition:.7s}.ov.open{visibility:visible;opacity:1;clip-path:circle(150% at calc(100% - 46px) 38px)}.ovi{width:min(1100px,90vw);display:grid;grid-template-columns:1fr 300px;gap:70px}.ov nav{display:grid}.ov nav a{font:500 clamp(44px,7vw,84px)/1 Georgia;border-bottom:1px solid var(--l);padding:10px 0}.ov small{font:700 10px system-ui;color:var(--g2);margin-right:18px}.meta{color:var(--m);border-left:1px solid var(--l);padding-left:28px}.hero{min-height:82vh;display:flex;align-items:end;padding:120px 0 70px}.ey{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:900}h1{font:500 clamp(54px,9vw,116px)/.9 Georgia;margin:18px 0;letter-spacing:-.05em;max-width:1050px}h2{font:500 clamp(38px,6vw,70px)/1 Georgia}.lead{font-size:19px;color:var(--m);max-width:740px}.btn,.ghost{display:inline-flex;border-radius:99px;padding:14px 20px;font-weight:850;margin:18px 8px 0 0}.btn{background:var(--g);color:#031009}.ghost{border:1px solid #ffffff35}section{padding:85px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--l);border-radius:25px;padding:27px;background:#ffffff05}.case{min-height:50vh;display:flex;align-items:end;background-size:cover;background-position:center;position:relative;overflow:hidden}.case:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#030504ef)}.case>*{position:relative;z-index:1}.price{font-size:48px;font-weight:900}.package{cursor:pointer;transition:.35s}.package:hover{transform:translateY(-8px);border-color:var(--g)}.package:after{content:'Bekijk pakket →';display:block;color:var(--g2);font-weight:800;margin-top:24px}.featured{border-color:var(--g);transform:translateY(-10px) scale(1.02);box-shadow:0 24px 70px rgba(86,239,154,.16);position:relative;background:linear-gradient(180deg,rgba(86,239,154,.09),rgba(255,255,255,.04))}.featured:before{content:'✦ Meest gekozen';position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--g);color:#031009;padding:7px 13px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.modal{position:fixed;inset:0;z-index:60;background:#020403dd;backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.3s}.modal.open{opacity:1;visibility:visible}.panel{width:min(920px,100%);max-height:90vh;overflow:auto;border:1px solid var(--l);border-radius:30px;background:radial-gradient(circle at 90% 5%,#123d2a,transparent 30%),#090d0a;padding:clamp(25px,5vw,55px)}.close{float:right;width:48px;height:48px;border-radius:50%;border:1px solid var(--l);background:#ffffff08;color:#fff;font-size:25px}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.photo{min-height:620px;border-radius:30px;background:url('https://matter-society-assets.vercel.app/founder.webp') center 25%/cover}.expHero{min-height:72vh;background:linear-gradient(90deg,#050706 3%,#050706d8 52%,#05070655),var(--expimg) center/cover}.branches{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.br{padding:16px;border:1px solid var(--l);border-radius:15px;background:#ffffff06;color:#fff;text-align:left;cursor:pointer;transition:.3s}.br.on,.br:hover{border-color:var(--exp);transform:translateY(-4px)}.br small{display:block;color:var(--m)}.expgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.preview{min-height:430px;border-radius:28px;border:1px solid var(--l);padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,color-mix(in srgb,var(--exp) 48%,#111),#070908)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tags span{border:1px solid var(--l);border-radius:99px;padding:8px 11px;font-size:12px}footer{border-top:1px solid var(--l);padding:35px 0;color:#929b95}.foot{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.legal{display:flex;gap:16px;flex-wrap:wrap}.legal a{font-size:12px;color:#aab3ad}.legal a:hover{color:var(--g2)}.legalPage{padding:110px 0 90px}.legalWrap{width:min(900px,calc(100% - 40px));margin:auto}.legalPage h1{font-size:clamp(48px,8vw,86px)}.legalPage h2{font:500 34px/1.1 Georgia;margin:44px 0 12px}.legalPage p,.legalPage li{color:#c6cdc8}.legalPage li{margin:7px 0}.notice{border:1px solid rgba(86,239,154,.35);background:rgba(86,239,154,.06);border-radius:18px;padding:18px;margin:26px 0}.legalMeta{color:var(--m);font-size:13px;border-top:1px solid var(--l);padding-top:18px;margin-top:45px}.field{border:1px solid var(--l);border-radius:14px;padding:13px;background:#ffffff05;color:#fff;width:100%;font:inherit;margin:7px 0}textarea.field{min-height:120px}@media(max-width:800px){.grid,.ovi,.split,.expgrid{grid-template-columns:1fr}.branches{grid-template-columns:1fr 1fr}.featured{transform:none}.meta{border:0;border-top:1px solid var(--l);padding:22px 0}}

/* Matter Society logo — only branding change */
.brand-logo{display:inline-flex;align-items:center;line-height:0}.brand-logo img{display:block;width:auto;height:24px;filter:brightness(0) invert(1)}