:root{--navy:#0B1F33;--deep:#071424;--blue:#1D5C8A;--water:#5FB4D8;--foam:#EEF4F7;--teal:#00C2B8;--coral:#00C2B8;--brand:#003A70;--sky:#0098D8;--ink:#0B1F33;--muted:#5B6B7A;--line:#DBE6EE}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Figtree,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
h1,h2,h3,h4{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.05}a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 32px;color:#fff;background:rgba(7,20,36,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
nav .logo{display:block;line-height:0}nav .logo img{height:38px;width:auto;display:block}
nav ul{display:flex;gap:28px;list-style:none;font-size:14px;font-weight:500}nav a{text-decoration:none;opacity:.85}nav a.on{opacity:1;border-bottom:2px solid currentColor;padding-bottom:2px}
.hero{position:relative;min-height:72vh;background:radial-gradient(1200px 700px at 70% 45%,#123a5e 0%,var(--navy) 45%,var(--deep) 100%);color:#fff;overflow:hidden;display:flex;align-items:center}
.hero canvas{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{width:100%;position:relative;z-index:2;padding-top:140px;padding-bottom:100px}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--water);font-weight:600;margin-bottom:22px}
.hero h1{font-size:clamp(36px,4.6vw,60px);max-width:18ch;font-weight:600;line-height:1.08}.hero h1 em{font-style:normal;color:var(--teal)}
.hero p{margin-top:22px;max-width:52ch;font-size:18px;color:#c7d6e2}
.hero .line{margin-top:40px;font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-size:20px;border-left:3px solid var(--coral);padding-left:16px}
section{padding:100px 0}section.alt{background:var(--foam)}
.kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:16px}
h2.t{font-size:clamp(32px,4.4vw,50px);max-width:20ch;margin-bottom:18px}.lead{font-size:19px;color:var(--muted);max-width:60ch}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px}
.usp div{border-top:3px solid var(--navy);padding-top:18px}.usp h3{font-size:20px;margin-bottom:8px}.usp p{color:var(--muted);font-size:15px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.card h3{font-size:23px;margin-bottom:10px}.card p{color:var(--muted);font-size:15.5px}.card .ev{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;color:var(--blue)}
.steps{counter-reset:s;list-style:none;margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.steps li{counter-increment:s;border-top:3px solid var(--blue);padding-top:16px}
.steps li:before{content:"0" counter(s);font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-weight:700;color:var(--blue);font-size:13px;letter-spacing:.1em;display:block;margin-bottom:8px}
.steps h3{font-size:20px;margin-bottom:8px}.steps p{color:var(--muted);font-size:15px}.steps .ev{margin-top:10px;font-size:13px;color:var(--blue)}
.crit{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;align-items:start}.crit ul{list-style:none}
.crit li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;color:var(--muted)}.crit li b{color:var(--ink);font-weight:600}
.photo{border-radius:18px;overflow:hidden;background:var(--line);aspect-ratio:4/3}.photo img{width:100%;height:100%;object-fit:cover;display:block}
.pfcard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.pfcard .img{height:150px;background:linear-gradient(135deg,#123a5e,var(--blue));position:relative}
.pfcard .img img{width:100%;height:100%;object-fit:cover;display:block}.pfcard .img span{position:absolute;left:14px;top:12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:600;background:rgba(7,20,36,.55);padding:4px 8px;border-radius:999px}
.pfcard .body{padding:18px 20px 22px}.pfcard h3{font-size:21px;margin-bottom:4px}.pfcard p{color:var(--muted);font-size:14px}.pfcard .st{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:var(--blue)}
.dark{background:var(--navy);color:#fff;position:relative;overflow:hidden}.dark canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.dark .wrap{position:relative}.dark .kicker{color:var(--water)}.dark .lead{color:#b9c9d6}.dark h2.t{color:#fff}
.dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff}.dark .card p{color:#b9c9d6}.dark .card .ev{border-color:rgba(255,255,255,.14);color:var(--water)}
.who{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--water);font-weight:600;margin-bottom:10px}
.cases{list-style:none;margin-top:40px;max-width:860px}.cases li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line);font-size:15.5px}.cases li:last-child{border-bottom:1px solid var(--line)}
.cases b{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;color:var(--blue)}.cases span strong{font-weight:600;color:var(--ink)}.cases span{color:var(--muted)}
.team{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;max-width:720px}.member{display:flex;gap:18px;align-items:center}.member .av{width:72px;height:72px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--brand),var(--sky));color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Bricolage Grotesque",Figtree,sans-serif;font-weight:600;font-size:22px;overflow:hidden}.member .av img{width:100%;height:100%;object-fit:cover}.member h3{font-size:21px}.member p{color:var(--muted);font-size:14.5px}
.faq{margin-top:40px;max-width:800px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-weight:700;font-size:19px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{margin-top:10px;color:var(--muted);font-size:15.5px;max-width:64ch}
.contact h2{font-size:clamp(28px,3.6vw,42px);max-width:26ch}.contact a.mail{display:inline-block;margin-top:28px;font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-size:28px;font-weight:700;text-decoration:none;color:var(--navy)}
.doors{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:-80px;position:relative;z-index:3}
.door{background:#fff;border-radius:22px;padding:40px;border:1px solid var(--line);box-shadow:0 20px 50px rgba(7,20,36,.12);text-decoration:none;display:block}
.door .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--blue);margin-bottom:12px}.door h2{font-size:32px;margin-bottom:12px}.door p{color:var(--muted);font-size:16px}.door span{display:inline-block;margin-top:24px;padding:10px 18px;border:1.5px solid var(--blue);border-radius:999px;font-weight:600;font-size:14px;color:var(--blue)}.door{transition:transform .2s,box-shadow .2s}.door:hover{transform:translateY(-3px);box-shadow:0 28px 60px rgba(7,20,36,.18)}.door:first-child{border-top:4px solid var(--teal)}
.door.tech{background:var(--navy);color:#fff;border-color:transparent}.door.tech .k,.door.tech span{color:var(--water)}.door.tech p{color:#b9c9d6}
.log{list-style:none;margin-top:40px;max-width:760px}.log li{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:16.5px}.log li:last-child{border-bottom:1px solid var(--line)}.log b{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;color:var(--blue)}
footer{background:var(--deep);color:#8fa6b8;padding:48px 0;font-size:14px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}footer b{color:#fff;font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-size:18px}footer img.flogo{height:34px;width:auto;display:block;margin-bottom:10px}
@media(max-width:900px){.g2,.g3,.g4,.crit,.team,.doors,.steps{grid-template-columns:1fr}.doors{margin-top:-40px}}
@media(max-width:700px){nav{padding:12px 16px}nav ul{gap:14px;font-size:13px}nav .logo img{height:28px}section{padding:72px 0}.hero{min-height:auto}.hero .wrap{padding-top:120px;padding-bottom:88px}.hero canvas{opacity:.35}.door{padding:28px}.door h2{font-size:26px}.crit li{grid-template-columns:90px 1fr}}

.prog{list-style:none;margin-top:48px}
.prog li{border-top:1px solid var(--line)}
.prog li:last-child{border-bottom:1px solid var(--line)}
.prog summary{display:grid;grid-template-columns:120px 1fr 32px;gap:24px;align-items:center;padding:26px 0;cursor:pointer;list-style:none}
.prog summary::-webkit-details-marker{display:none}
.prog .own{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:600}
.prog h3{font-size:26px}
.prog summary small{display:block;font-family:Figtree;font-weight:400;font-size:15px;color:var(--muted);margin-top:4px;letter-spacing:0}
.prog .pl{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-size:28px;color:var(--blue);text-align:right;transition:transform .2s}
.prog details[open] .pl{transform:rotate(45deg)}
.prog .body{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:0 0 32px}
.prog .body>div{grid-column:2}
.prog .cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.prog h4{font-size:15px;margin-bottom:8px}
.prog p,.prog .cols li{color:var(--muted);font-size:15.5px}
.prog .cols ul{list-style:none}.prog .cols li{padding:6px 0;border-top:1px solid var(--line)}
.prog .cases-in{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.prog .cases-in a{font-size:13px;font-weight:600;color:var(--blue);background:#e4f0f7;padding:6px 12px;border-radius:999px;text-decoration:none}
.casegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.case{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;scroll-margin-top:90px}
.case .tag{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--blue);margin-bottom:10px;text-decoration:none}
.case h3{font-size:21px;margin-bottom:8px}.case p{color:var(--muted);font-size:14.5px}.case .yr{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;color:var(--blue);font-size:13px;margin-top:12px;display:inline-block;margin-right:16px}
.case .rol{display:inline-block;font-size:13px;color:var(--muted);margin-top:12px}
.case.ph{border-style:dashed;color:var(--muted)}
@media(max-width:900px){.prog summary,.prog .body{grid-template-columns:1fr}.prog .body>div{grid-column:1}.prog .cols,.casegrid{grid-template-columns:1fr}.prog .pl{display:none}}

.logos{display:flex;flex-wrap:wrap;gap:18px 44px;align-items:center;margin-top:28px}
.logos span{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-weight:700;font-size:20px;color:#6B7C8C;letter-spacing:-.01em}
.logos img{height:34px;width:auto;opacity:.75;filter:grayscale(1)}
.logos img:hover{opacity:1;filter:none}

.svc{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.svc.three{grid-template-columns:repeat(3,1fr)}
.svcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 32px;display:flex;flex-direction:column}
.svcard h3{font-size:26px;margin-bottom:6px}
.svcard .sub{color:var(--blue);font-weight:600;font-size:14px;margin-bottom:14px}
.svcard p{color:var(--muted);font-size:15.5px}
.svcard ul{list-style:none;margin:18px 0 22px}
.svcard li{padding:9px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}
.svcard li:last-child{border-bottom:1px solid var(--line)}
.svcard a{margin-top:auto;font-weight:600;color:var(--blue);text-decoration:none;font-size:15px}
.svcard a:after{content:" \2192"}
@media(max-width:900px){.svc,.svc.three{grid-template-columns:1fr}}

.over{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center;margin-top:32px}
.over-media{aspect-ratio:1/1;border-radius:24px;background:radial-gradient(70% 60% at 50% 42%,#ffffff 0%,#f3f9fb 55%,#dcEef4 100%);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(7,20,36,.25),inset 0 -40px 80px -40px rgba(0,152,216,.18);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.over-media video{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.over{grid-template-columns:1fr}}

.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::after{content:"+";font-weight:500;font-size:24px;color:var(--blue);line-height:1;transition:transform .2s}.faq details[open] summary::after{transform:rotate(45deg)}
section[id],header[id]{scroll-margin-top:84px}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(min-width:701px){.hero canvas{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 35%,#000 65%);mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 35%,#000 65%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero canvas{display:none}}
.over-media:after{content:"";position:absolute;left:22%;right:22%;bottom:13%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,58,112,.22),transparent);pointer-events:none}

.zz{margin-top:52px;display:flex;flex-direction:column;gap:56px}
.zrow{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.zrow.rev .zimg{order:2}
.zimg{border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:var(--foam);box-shadow:0 30px 60px -34px rgba(7,20,36,.45)}
.zimg img{width:100%;height:100%;object-fit:cover;display:block}
.znum{font-size:12px;letter-spacing:.14em;color:var(--teal);font-weight:700}
.ztxt h3{font-size:clamp(24px,2.4vw,32px);margin:8px 0 14px;max-width:18ch}
.ztxt p{color:var(--muted);font-size:17px;max-width:46ch}
.ztxt .ev{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:14.5px;color:var(--blue);max-width:46ch}
.ztxt .ev a{color:var(--blue);font-weight:600}
@media(max-width:900px){.zrow{grid-template-columns:1fr;gap:22px}.zrow.rev .zimg{order:0}}

.pill-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;margin-top:44px}
.pill-img{border-radius:24px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 30px 60px -34px rgba(7,20,36,.5)}.pill-img img{width:100%;height:100%;display:block}
.pill{padding:22px 0;border-top:1px solid var(--line)}.pill:last-child{border-bottom:1px solid var(--line)}
.pill h3{font-size:24px;margin:6px 0 8px}.pill p{color:var(--muted);font-size:16px;max-width:50ch}
@media(max-width:900px){.pill-wrap{grid-template-columns:1fr;gap:28px}}

/* v1.0 componenten */
.sit{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.sit>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px}
.sit .sic{display:flex;width:52px;height:52px;border-radius:14px;background:var(--foam);align-items:center;justify-content:center;margin-bottom:18px}.sit .sic svg{width:30px;height:30px}
.sit h3{font-size:19px;line-height:1.2;margin-bottom:10px}.sit p{color:var(--muted);font-size:14.5px}
.why{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 40px;margin-top:40px}
.why>div{padding:22px 0;border-top:1px solid var(--line)}.why h3{font-size:20px;margin-bottom:6px}.why p{color:var(--muted);font-size:15.5px}.why a{color:var(--blue);font-weight:600}
.forms2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.forms2 .card{border-top:4px solid var(--teal)}
.roles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid var(--line)}
.roles>div{padding:22px 22px 0 0}.roles .r{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:700}.roles h3{font-size:19px;margin:8px 0}.roles p{color:var(--muted);font-size:14.5px}
.person{display:flex;gap:20px;align-items:center;margin-top:28px}.person .av{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--sky));color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Bricolage Grotesque",Figtree,sans-serif;font-size:26px;flex:none;overflow:hidden}.person .av img{width:100%;height:100%;object-fit:cover}
.person h3{font-size:22px}.person p{color:var(--muted)}.person a{color:var(--blue);text-decoration:none;font-weight:600}
.contact a.mail{font-size:20px;color:var(--muted);margin-top:18px}
footer a{color:inherit;text-decoration:none}
.prog-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px}
.pcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pcard:hover{transform:translateY(-3px);box-shadow:0 26px 54px -26px rgba(7,20,36,.35)}
.pcard .pimg{aspect-ratio:16/8;background:var(--navy);overflow:hidden}.pcard .pimg img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .pb{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}.pcard .who{color:var(--blue)}
.pcard h3{font-size:24px;margin-bottom:8px}.pcard p{color:var(--muted);font-size:15px}.pcard .go{margin-top:auto;padding-top:16px;font-weight:600;color:var(--blue)}.pcard .go:after{content:" \2192"}
.press{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
.press>div{border-top:3px solid var(--sky);padding-top:14px}.press .m{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--blue)}.press h3{font-size:18px;margin:6px 0}.press p{font-size:14px;color:var(--muted)}
.common{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
.common>div{border-top:3px solid var(--teal);padding-top:16px}.common h3{font-size:20px;margin-bottom:6px}.common p{color:var(--muted);font-size:15px}
@media(max-width:1000px){.sit,.roles,.press,.common{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sit,.roles,.press,.common,.why,.forms2,.prog-cards{grid-template-columns:1fr}.roles>div{padding-right:0}}
.team{max-width:none;gap:32px}.member{align-items:flex-start}.member p{max-width:46ch;line-height:1.5}

.logowall{display:flex;flex-wrap:wrap;align-items:center;gap:28px 56px;margin-top:36px}
.logowall figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.logowall img{height:46px;width:auto;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
.logowall figure:hover img{filter:none;opacity:1}
.logowall figcaption{font-size:12px;color:var(--muted)}
@media(max-width:700px){.logowall{gap:22px 32px}.logowall img{transform:scale(.8)}}
.dt-intro{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center}
.dt-person{text-align:center}.dt-person .av.big{width:200px;height:200px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(135deg,var(--brand),var(--sky));color:#fff;display:flex;align-items:center;justify-content:center;font:600 54px "Bricolage Grotesque",Figtree,sans-serif;overflow:hidden}.dt-person .av.big img{width:100%;height:100%;object-fit:cover}
.dt-person h3{font-size:24px}.dt-person p{color:var(--muted);font-size:14.5px;margin-top:4px}
.band{background:var(--foam);padding:56px 0}.band .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}.band h2{font-size:clamp(24px,2.6vw,32px)}.band p{color:var(--muted);margin-top:10px}.band a.go{display:inline-block;margin-top:16px;font-weight:600;color:var(--blue);text-decoration:none}.band a.go:after{content:" \2192"}
.band .logowall{margin-top:0;justify-content:flex-end}
@media(max-width:900px){.dt-intro,.band .wrap{grid-template-columns:1fr}.band .logowall{justify-content:flex-start}}

.feat{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.fcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.fcard:hover{transform:translateY(-3px);box-shadow:0 28px 56px -28px rgba(7,20,36,.35)}
.fimg{aspect-ratio:16/10;overflow:hidden;background:var(--foam)}.fimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.fcard:hover .fimg img{transform:scale(1.03)}
.fb{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}.fl{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--teal)}
.fb h3{font-size:24px;margin:8px 0}.fb p{color:var(--muted);font-size:15.5px}.fb .go{margin-top:auto;padding-top:16px;font-weight:600;color:var(--blue)}.fb .go:after{content:" \2192"}
@media(max-width:800px){.feat{grid-template-columns:1fr}}

.lwgroup{margin-top:36px}.lwgroup .logowall{margin-top:14px}
.lwlab{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lname{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.01em;color:#5f6b7a;opacity:.85;line-height:46px}
@media(max-width:700px){.lname{font-size:21px}}

.phviz{margin:48px 0 0}.phviz svg{width:100%;height:auto;display:block;border-radius:18px;overflow:hidden}
.phviz figcaption{font-size:13px;color:var(--muted);margin-top:12px;max-width:80ch}
.steps.ph4{gap:0;margin-top:28px}.steps.ph4 li{padding-right:24px}.steps.ph4 li:before{display:none}
.phf{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}
@media(max-width:900px){.phviz .phlab text{display:none}.phviz .phnum{font-size:26px}.steps.ph4 li{padding-right:0;margin-bottom:22px}.steps.ph4 li:before{display:block}}

.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.sector{display:flex;align-items:center;gap:20px;padding:26px 26px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:background .2s,border-color .2s,transform .2s}
.sector:hover{background:rgba(0,194,184,.10);border-color:rgba(0,194,184,.45);transform:translateY(-2px)}
.sector svg{width:52px;height:52px;flex:none;color:var(--teal);padding:10px;border-radius:14px;background:rgba(0,194,184,.12);box-sizing:content-box}
.sector h3{font-size:22px;color:#fff;font-weight:600}
@media(max-width:900px){.sectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sector{flex-direction:column;align-items:flex-start;padding:18px;gap:12px;min-width:0}.sector svg{width:34px;height:34px;padding:8px}.sector h3{font-size:16px;overflow-wrap:anywhere}}

.pcard .pex{list-style:none;margin:14px 0 0;padding:0;font-size:14px;color:var(--ink,#0b1b2e)}.pcard .pex li{padding:6px 0 6px 18px;border-top:1px solid var(--line);position:relative}.pcard .pex li:before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:var(--blue)}

.pill-img img{object-fit:cover}

/* 3D-hero: glazen Motini-dolfijn */
.hero .herovid{position:absolute;top:6%;right:max(0px,calc((100vw - 1240px)/2 - 160px));height:88%;mix-blend-mode:screen;width:auto;max-width:none;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 46% 52% at 66% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 46% 52% at 66% 50%,#000 62%,transparent 100%)}
@media (max-width:1400px){.hero .herovid{height:72%;top:14%}}
.hero .herovid~canvas{opacity:.12}
@media (max-width:760px){.hero .herovid{right:-35%;opacity:.4}}
@media (prefers-reduced-motion:reduce){.hero .herovid{display:none}.hero{background:url(../img/hero/motini_hero_poster.jpg) 62% 50%/cover no-repeat,var(--deep)}}

/* 3D-pijlerbeelden */
.door .dimg{margin:-40px -40px 26px;border-radius:21px 21px 0 0;overflow:hidden;aspect-ratio:16/7;background:#071424}
.door:first-child .dimg{border-radius:18px 18px 0 0}
.door .dimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.door:hover .dimg img{transform:scale(1.04)}
@media (max-width:760px){.door .dimg{margin:-28px -28px 20px}}
.hero .heroobj{position:absolute;top:18%;right:calc((100vw - 1240px)/2 - 40px);height:60%;animation:zweef 7s ease-in-out infinite;width:auto;z-index:0;pointer-events:none;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 48% 52% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 48% 52% at 50% 50%,#000 60%,transparent 100%)}
.hero .heroobj~canvas{opacity:.12}
@media (max-width:1100px){.hero .heroobj{opacity:.35;right:-25%}}

/* Over Motini: glazen dolfijn */
.over-media.vid{background:#071424;border-color:transparent}
.over-media.vid:after{display:none}
.over-media.vid{background:radial-gradient(75% 70% at 50% 50%,#0f3354 0%,#071424 80%)}
.over-media.vid video{object-fit:contain;transform:scale(1.22) translateX(-12.5%);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 46% 34% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 52% 27% at 50% 50%,#000 72%,transparent 100%)}
@keyframes zweef{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.hero .heroobj{animation:none}}

/* sectoren in twee lagen */
.sectors-l1{grid-template-columns:repeat(3,minmax(0,1fr))}
.sector-l1{align-items:flex-start;padding:30px}
.sector-l1 h3{font-size:26px}
.subsec{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.subsec li{font-size:14px;color:#cfe0ea;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
@media (max-width:760px){.sectors-l1{grid-template-columns:1fr}.sector-l1{flex-direction:row;padding:20px}.sector-l1 h3{font-size:20px}}
/* mobiel: menu op een eigen regel onder het logo, zodat er zes items passen */
@media (max-width:560px){nav{flex-wrap:wrap;row-gap:8px;padding:10px 16px 8px}nav ul{width:100%;justify-content:space-between;gap:0;font-size:13px}nav ul a{white-space:nowrap}.hero .wrap{padding-top:136px}}
.brein-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

.hero .heroobj.klein{height:42%;top:27%;opacity:.8}
@media (max-width:1100px){.hero .heroobj.klein{opacity:.3}}