:root{--navy:#061830;--blue:#1761dc;--orange:#f06424;--lime:#d6f35d;--ice:#edf5fb;--ink:#0a1c35}.working-method-page{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.working-method-page *{box-sizing:border-box}.method-shell{width:min(1180px,91vw);margin-inline:auto}.method-eyebrow{display:block;color:var(--blue);font-size:.68rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.method-hero{background:radial-gradient(circle at 80% 22%,#1f579b,var(--navy) 47%);color:#fff}.method-hero-grid{display:grid;min-height:760px;grid-template-columns:1.15fr .65fr;gap:8vw;align-items:center;padding:140px 0 85px}.method-hero nav{display:flex;gap:10px;margin-bottom:38px;color:#aabdd0;font-size:.74rem}.method-hero nav a{color:inherit;text-decoration:none}.method-hero .method-eyebrow{color:var(--lime)}.method-hero h1{margin:24px 0 30px;font-size:clamp(4rem,7.4vw,7.2rem);line-height:.82;letter-spacing:-.075em}.method-hero h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}.method-hero p{max-width:750px;color:#c6d4e3;font-size:1.12rem;line-height:1.75}.method-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.method-actions a,.method-contact a,.method-discovery a{padding:15px 20px;border-radius:999px;background:var(--orange);color:#fff;font-size:.76rem;font-weight:900;text-decoration:none}.method-actions a+ a{border:1px solid rgba(255,255,255,.35);background:transparent}.method-hero aside{padding:34px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.07)}.method-hero aside small{color:var(--lime);font-weight:900;text-transform:uppercase}.method-hero aside strong{display:block;margin:45px 0 18px;font-size:2rem;line-height:1.08}.method-hero aside p{font-size:.95rem}.method-fit,.method-phases,.method-certainty,.method-discovery,.method-contact{padding:110px 0}.method-fit{background:#f5f8fb}.method-fit header,.method-phases header,.method-certainty header{display:grid;grid-template-columns:.35fr 1fr;gap:7vw;margin-bottom:50px}.method-fit h2,.method-phases h2,.method-certainty h2,.method-discovery h2,.method-contact h2{margin:0;font-size:clamp(2.8rem,5.2vw,5.4rem);line-height:.9;letter-spacing:-.06em}.method-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ccd8e1}.method-fit article{min-height:290px;padding:32px;background:#fff}.method-fit article b{color:var(--orange)}.method-fit h3{margin:70px 0 15px;font-size:1.55rem}.method-fit p,.method-phases p,.method-certainty dd,.method-discovery p,.method-contact p{color:#596e82;line-height:1.7}.method-phases header>p{margin:0}.method-phases ol{margin:0;padding:0;border-top:1px solid #cbd7e0;list-style:none}.method-phases li{display:grid;grid-template-columns:70px 1fr minmax(230px,.55fr);gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid #cbd7e0}.method-phases li>b{color:var(--orange);font-size:.75rem}.method-phases small{color:var(--blue);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.method-phases h3{margin:7px 0 8px;font-size:1.55rem}.method-phases li p{margin:0}.method-phases li>span{color:#526a80;font-size:.8rem;font-weight:900}.method-certainty{background:var(--navy);color:#fff}.method-certainty .method-eyebrow{color:var(--lime)}.method-certainty dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:rgba(255,255,255,.18)}.method-certainty dl>div{min-height:230px;padding:30px;background:#0b2340}.method-certainty dt{font-size:1.25rem;font-weight:900}.method-certainty dd{margin:50px 0 0;color:#bdcad7}.method-discovery{background:var(--ice)}.method-discovery .method-shell,.method-contact .method-shell{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:center}.method-discovery p{margin-top:0}.method-discovery a{display:inline-flex;margin-top:14px;background:var(--blue)}.method-contact .method-shell>div:last-child{display:flex;flex-direction:column;gap:10px}.method-contact a{text-align:center}.method-contact a+ a{border:1px solid #cedae3;background:#fff;color:var(--ink)}@media(max-width:850px){.method-hero-grid,.method-fit header,.method-phases header,.method-certainty header,.method-discovery .method-shell,.method-contact .method-shell{grid-template-columns:1fr}.method-hero-grid{padding-top:125px}.method-fit-grid,.method-certainty dl{grid-template-columns:1fr}.method-phases li{grid-template-columns:45px 1fr}.method-phases li>span{grid-column:2}}@media(max-width:620px){.method-hero-grid{min-height:0;padding:115px 0 70px}.method-hero h1{font-size:15vw}.method-fit,.method-phases,.method-certainty,.method-discovery,.method-contact{padding:75px 0}.method-actions{align-items:stretch;flex-direction:column}.method-actions a{text-align:center}.method-fit h2,.method-phases h2,.method-certainty h2,.method-discovery h2,.method-contact h2{font-size:12vw}.method-fit article{min-height:0}.method-fit h3{margin-top:42px}.method-phases li{grid-template-columns:1fr}.method-phases li>span{grid-column:auto}}

.method-collaboration{margin:34px 0 42px;border:1px solid #d7dee6;border-radius:22px;overflow:hidden;background:#061830;box-shadow:0 18px 48px #06183014}
.method-collaboration img{display:block;width:100%;height:auto}
.method-collaboration figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:17px 22px;color:#e4ecf5;font-size:14px;line-height:1.5}
.method-collaboration figcaption span{color:#acbfd4;font-size:11px}
@media(max-width:760px){.method-collaboration{margin:26px 0 32px;border-radius:15px}.method-collaboration figcaption{padding:14px 16px;font-size:12px}}

/* Houd de toelichting direct onder de fasenkop, in dezelfde kolom. */
.method-phases header{column-gap:7vw;row-gap:20px;align-items:start}
.method-phases header>p{grid-column:2;max-width:720px;margin:0}
@media(max-width:850px){.method-phases header{row-gap:16px}.method-phases header>p{grid-column:1}}

.method-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw;padding-top:160px;padding-bottom:80px}
.method-hero-grid>div{min-width:0}
.method-hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.02}
.method-hero-visual{position:relative}
.method-hero-image{margin:0;overflow:hidden;border-radius:24px;border:1px solid #ffffff26;background:#07172f;box-shadow:0 24px 65px #00000038}
.method-hero-image img{display:block;width:100%;height:auto}
.method-hero-image figcaption{padding:17px 20px;color:#c9d8e8;font-size:12px;line-height:1.5;border-top:1px solid #ffffff16}
.method-hero .method-hero-visual aside{margin:22px 0 0;padding:0 0 0 18px;border:0;border-left:2px solid #f06424;border-radius:0;background:transparent;box-shadow:none}
.method-hero .method-hero-visual aside strong{font-size:21px;line-height:1.25;margin:8px 0}
.method-hero .method-hero-visual aside p{font-size:14px;line-height:1.6;margin:8px 0 0}
@media(max-width:900px){.method-hero-grid{grid-template-columns:1fr;gap:36px;padding-top:145px;padding-bottom:60px}.method-hero h1{font-size:clamp(46px,8vw,72px)}.method-hero-image{border-radius:18px}}
@media(max-width:620px){.method-hero-grid{padding-top:125px}.method-hero h1{font-size:clamp(40px,11.5vw,64px)}}
