/* Three tangible decisions in the existing scroll chapter. */
.home .chapter#aanpak .copy{width:min(52%,700px);max-width:700px}.method-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px;max-width:690px}.method-flow a{position:relative;display:flex;min-height:205px;flex-direction:column;gap:14px;padding:20px 16px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.method-flow a:before{content:'';position:absolute;inset:auto 0 0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.method-flow a:hover,.method-flow a:focus-visible{transform:translateY(-5px);border-color:var(--accent)}.method-flow a:hover:before,.method-flow a:focus-visible:before{transform:scaleX(1)}.method-flow span{font:10px monospace;letter-spacing:.08em;color:var(--accent)}.method-flow strong{font-size:20px;line-height:1.15;letter-spacing:-.04em;font-weight:600}.method-flow small{font-size:11px;line-height:1.5;color:var(--muted)}.method-flow em{font-style:normal;font-size:10px;margin-top:auto;color:var(--accent)}
@media(max-width:1150px){.home .chapter#aanpak .copy{width:55%}.method-flow{grid-template-columns:1fr;max-width:420px}.method-flow a{min-height:auto;gap:6px;padding:10px 12px}.method-flow strong{font-size:15px}.method-flow small{font-size:10px}.method-flow em{display:none}}
@media(max-width:700px){.home .chapter#aanpak .copy{width:100%}.method-flow{max-width:none;margin-top:15px}.method-flow a{padding:12px}.method-flow strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.method-flow a,.method-flow a:before{transition:none!important}}
@media(min-width:1151px){.home .chapter#aanpak .copy h2{font-size:clamp(52px,5.2vw,74px);line-height:.98;margin-bottom:22px}.home .chapter#aanpak .method-flow{margin-top:20px}.home .chapter#aanpak .method-flow a{min-height:165px}}
/* One continuous visual line across the travelling cards. */
.journey-track{position:relative;height:3px;margin:12px 0 0;background:#ffffff35;border-radius:9px;overflow:visible}.journey-track:before,.journey-track:after{content:'';position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.65}.journey-track:before{left:20%}.journey-track:after{left:80%}.journey-track i{display:block;width:calc(var(--journey)*100%);height:100%;background:#ff8dbb;box-shadow:0 0 18px #ff8dbb;transform:scaleX(.12);transform-origin:left;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.panel.is-active .journey-track i,.mobile-panel .journey-track i{transform:scaleX(1)}.panel.pink .journey-track{background:#541b3c50}.panel.pink .journey-track i{background:#142738;box-shadow:0 0 13px #14273870}
.panel .journey-track+h2{margin-top:18px}.process-panel{background:radial-gradient(circle at 75% 72%,#335a65 0%,#132b3a 42%,#0b1b2b 100%)}.process-panel .panel-content{position:relative}.process-panel .panel-content:before{content:'';position:absolute;width:210px;height:210px;right:-68px;bottom:-73px;border:1px solid #62cfb065;border-radius:50%;box-shadow:0 0 0 25px #58c6aa0b,0 0 0 55px #58c6aa08;pointer-events:none}.process-panel h2{font-size:31px;margin:17px 0 8px!important}.grow-card-chart{height:64px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #9bd8c26d;padding:0 5px;margin-top:11px}.grow-card-chart i{flex:1;max-width:38px;height:24%;border-radius:3px 3px 0 0;background:linear-gradient(#94f0d0,#39a895);opacity:.85;transform-origin:bottom;animation:growChart .9s both}.grow-card-chart i:nth-child(2){height:38%;animation-delay:.1s}.grow-card-chart i:nth-child(3){height:47%;animation-delay:.2s}.grow-card-chart i:nth-child(4){height:59%;animation-delay:.3s}.grow-card-chart i:nth-child(5){height:76%;animation-delay:.4s}.grow-card-chart i:nth-child(6){height:92%;animation-delay:.5s}@keyframes growChart{from{transform:scaleY(.08);opacity:.2}to{transform:scaleY(1);opacity:.85}}.grow-card-steps{display:flex;gap:8px;justify-content:space-between;margin-top:13px;font:9px monospace;color:#cde6db}.grow-card-steps span{display:flex;gap:5px;align-items:baseline}.grow-card-steps b{color:#80dfbb;font-size:16px}.process-panel .grow-card-foot{font:9px/1.4 monospace;color:#afc6c8;margin:12px 0 0}
@media(max-width:1000px){.process-panel h2{font-size:26px}.grow-card-chart{height:48px;margin-top:6px}.grow-card-steps{font-size:8px;margin-top:10px}.grow-card-steps b{font-size:14px}}
@media(max-width:700px){.journey-track{margin-top:9px}.mobile-panel.process-panel{min-height:280px}.mobile-panel.process-panel h2{font-size:23px}.mobile-panel .grow-card-chart{height:50px}.mobile-panel .grow-card-steps{font-size:8px}}
@media(prefers-reduced-motion:reduce){.journey-track i{transition:none;transform:scaleX(1)}.grow-card-chart i{animation:none}}
.process-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px}.process-links a{padding:10px 0;border-bottom:1px solid currentColor;color:var(--accent);font-size:12px;transition:transform .25s}.process-links a:hover{transform:translateY(-3px)}
.journey-legend{display:flex;justify-content:space-between;margin-top:9px;font:8px monospace;letter-spacing:.04em;text-transform:uppercase;opacity:.6}.journey-legend[data-stage=discovery] span:first-child,.journey-legend[data-stage=build] span:nth-child(2),.journey-legend[data-stage=grow] span:last-child{color:#ff98bf;opacity:1;font-weight:700}.panel.pink .journey-legend[data-stage=build] span:nth-child(2){color:#172638}.journey-legend+h2{margin-top:11px}.process-panel .journey-legend+h2{margin-top:10px!important}.mobile-panel .journey-legend{font-size:7px}
.method-flow a{border-radius:10px;box-shadow:0 12px 25px #0d1b2a12}.method-flow a:hover,.method-flow a:focus-visible{box-shadow:0 17px 30px #0d1b2a27}.method-flow em{display:block!important;font-size:11px}.method-flow small{font-size:11px}.method-flow strong{font-size:18px}
@media(max-width:700px){.method-flow a{min-height:105px;padding:13px 15px;gap:6px}.method-flow strong{font-size:16px}.method-flow small{font-size:11px}.method-flow em{font-size:10px}}