1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Mon Sep 29 2025 09:41:54 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="ph-ramm-capital.webflow.io" data-wf-page="6867c8037e5d917878a6a20e" data-wf-site="6867c8037e5d917878a6a16c" lang="nl"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Waarom het werkt</title><meta content="Waarom het werkt" property="og:title"/><meta content="Waarom het werkt" name="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/css/ph-ramm-capital.webflow.shared.4f035b96d.css" rel="stylesheet" type="text/css"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/6867c8037e5d917878a6a1d4_RAMM_FAV.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/6867c8037e5d917878a6a1d5_Webclip_256x256.jpg" rel="apple-touch-icon"/><link rel="dns-prefetch" href="https://assets.website-files.com"> 2<link rel="preconnect" href="https://assets.website-files.com" crossorigin> 3 4<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/lenis.css"> 5<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> 6 7<style> 8 9 10[data-split], 11[data-split-sticky], 12.sticky-container.is--second { 13 visibility: hidden; 14} 15 16 17 18 19.navbar_menu-content { 20 scrollbar-width: none; /* Firefox */ 21 -ms-overflow-style: none; /* Internet Explorer/Edge */ 22} 23 24.navbar_menu-content::-webkit-scrollbar { 25 display: none; /* Chrome, Safari, Opera */ 26} 27 28.c-error-message.cc-shown { 29 display: block !important; 30} 31 32/* Allow visibility in Webflow Designer/Editor */ 33.wf-design-mode [data-split], 34.w-editor [data-split-sticky], 35.wf-design-mode .sticky-container.is--second, 36.w-editor .sticky-container.is--second { 37 visibility: visible !important; 38 opacity: 1 !important; 39} 40 41 42 43.menu-icon_line-top, 44.menu-icon_line-middle-inner, 45.menu-icon_line-bottom { 46 transition: transform 0.6s ease, opacity 0.4s ease; 47} 48 49.menu-icon.is-active .menu-icon_line-top { 50 transform: translateY(7px) rotate(45deg); 51} 52 53.menu-icon.is-active .menu-icon_line-middle-inner { 54 opacity: 0; 55} 56 57.menu-icon.is-active .menu-icon_line-bottom { 58 transform: translateY(-7px) rotate(-45deg); 59 60} 61</style> 62 63</head><body><div class="page-wrapper"><div class="global-custom-code"><div class="global-styles w-embed"><style> 64 65/* remove scroll bounce at page top and bottom */ 66body {
67 overscroll-behavior: none; 68 69} 70 71 72 73 74/* Make text look crisper and more legible in all browsers */ 75body { 76 -webkit-font-smoothing: antialiased; 77 -moz-osx-font-smoothing: grayscale; 78 font-smoothing: antialiased; 79 text-rendering: optimizeLegibility; 80} 81 82/* Focus state style for keyboard navigation for the focusable elements */ 83*[tabindex]:focus-visible, 84 input[type="file"]:focus-visible { 85 outline: 0.125rem solid #4d65ff; 86 outline-offset: 0.125rem; 87} 88 89/* Get rid of top margin on first element in any rich text element */ 90.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 91 margin-top: 0 !important; 92} 93 94/* Get rid of bottom margin on last element in any rich text element */ 95.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 96 margin-bottom: 0 !important; 97} 98 99/* Prevent all click and hover interaction with an element */ 100.pointer-events-off { 101 pointer-events: none; 102} 103 104/* Enables all click and hover interaction with an element */ 105.pointer-events-on { 106 pointer-events: auto; 107} 108 109/* Create a class of .div-square which maintains a 1:1 dimension of a div */ 110.div-square::after { 111 content: ""; 112 display: block; 113 padding-bottom: 100%; 114} 115 116/* Make sure containers never lose their center alignment */ 117.container-medium,.container-small, .container-large { 118 margin-right: auto !important; 119 margin-left: auto !important; 120} 121 122/* Link color inherits from parent font color */ 123a, 124.w-input { 125 color: inherit; 126} 127
128/* 129Make the following elements inherit typography styles from the parent and not have hardcoded values. 130Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 131Uncomment this CSS to use it in the project. Leave this message for future hand-off. 132*/ 133/* 134a, 135.w-input, 136.w-select, 137.w-tab-link, 138.w-nav-link, 139.w-dropdown-btn, 140.w-dropdown-toggle, 141.w-dropdown-link { 142 color: inherit; 143 text-decoration: inherit; 144 font-size: inherit; 145} 146*/ 147 148/* Apply "..." after 3 lines of text */ 149.text-style-3lines { 150 display: -webkit-box; 151 overflow: hidden; 152 -webkit-line-clamp: 3; 153 -webkit-box-orient: vertical; 154} 155 156/* Apply "..." after 2 lines of text */ 157.text-style-2lines { 158 display: -webkit-box; 159 overflow: hidden; 160 -webkit-line-clamp: 2; 161 -webkit-box-orient: vertical; 162} 163 164/* Adds inline flex display */ 165.display-inlineflex { 166 display: inline-flex; 167} 168 169/* These classes are never overwritten */ 170.hide { 171 display: none !important; 172} 173 174@media screen and (max-width: 991px) { 175 .hide, .hide-tablet { 176 display: none !important; 177 } 178} 179 @media screen and (max-width: 767px) { 180 .hide-mobile-landscape{ 181 display: none !important; 182 } 183} 184 @media screen and (max-width: 479px) { 185 .hide-mobile{ 186 display: none !important; 187 } 188} 189 190.margin-0 { 191 margin: 0rem !important; 192} 193 194.padding-0 { 195 padding: 0rem !important; 196} 197 198.spacing-clean { 199padding: 0rem !important; 200margin: 0rem !important; 201} 202 203.margin-top { 204 margin-right: 0rem !important; 205 margin-bottom: 0rem !important; 206 margin-left: 0rem !important; 207} 208 209.padding-top { 210 padding-right: 0rem !important; 211 padding-bottom: 0rem !important; 212 padding-left: 0rem !important; 213} 214 215.margin-right { 216 margin-top: 0rem !important; 217 margin-bottom: 0rem !important; 218 margin-left: 0rem !important; 219} 220 221.padding-right { 222 padding-top: 0rem !important; 223 padding-bottom: 0rem !important; 224 padding-left: 0rem !important; 225} 226 227.margin-bottom { 228 margin-top: 0rem !important; 229 margin-right: 0rem !important; 230 margin-left: 0rem !important; 231} 232 233.padding-bottom { 234 padding-top: 0rem !important; 235 padding-right: 0rem !important; 236 padding-left: 0rem !important; 237} 238 239.margin-left { 240 margin-top: 0rem !important; 241 margin-right: 0rem !important; 242 margin-bottom: 0rem !important; 243} 244 245.padding-left { 246 padding-top: 0rem !important; 247 padding-right: 0rem !important; 248 padding-bottom: 0rem !important; 249} 250 251.margin-horizontal { 252 margin-top: 0rem !important; 253 margin-bottom: 0rem !important; 254} 255 256.padding-horizontal { 257 padding-top: 0rem !important; 258 padding-bottom: 0rem !important; 259} 260 261.margin-vertical { 262 margin-right: 0rem !important; 263 margin-left: 0rem !important; 264} 265 266.padding-vertical { 267 padding-right: 0rem !important; 268 padding-left: 0rem !important; 269} 270 271 272.no-scrollbar { 273 overflow: auto !important; 274 -ms-overflow-style: none !important; /* IE and Edge */ 275 scrollbar-width: none !important; /* Firefox */ 276} 277 278.no-scrollbar::-webkit-scrollbar {
279 display: none !important; /* Chrome, Safari, Edge (Chromium), Opera */ 280} 281 282a[class] { 283 text-decoration: none; 284} 285 286.footer_link { 287 text-decoration: none !important; 288} 289 290.body-no-scroll { 291 overflow: hidden; 292 height: 100vh; /* optional: prevent bounce scroll on iOS */ 293} 294 295.footer .afm_component { 296 position: static; 297 height: auto; 298} 299 300#seriesDropdown { 301 appearance: none; /* removes default arrow on most browsers */ 302 -webkit-appearance: none; 303 -moz-appearance: none; 304} 305 306 html { font-size: calc(0.625rem + 0.41666666666666663vw); } 307 @media screen and (max-width:1920px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } } 308 @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } } 309 @media screen and (max-width:479px) { html { font-size: calc(0.8747384937238494rem + 0.41841004184100417vw); } } 310 311 312 313 314</style></div><div class="global-embed w-embed"><style> 315 316 317[data-border-color="dark"] { 318 border-color: rgba(19, 19, 16, 0.5); 319} 320 321[data-bg-color="light"] { 322 background-color: var(--container--background--primary); 323} 324 325[data-bg-color="dark"] { 326 background-color: var(--container--background--secondary); 327} 328 329 330[colormode="dark"] { 331 background-color: var(--container--background--tertiary); 332 color: var(--text--inverted) !important; 333 --border--color-menu-trigger: var(--neutral--neutral-65); 334 --border--color-menu-bar: #474743; 335 --text--muted: rgba(206, 206, 206, 0.5); 336} 337 338</style></div><div class="global-styles-graph w-embed"><style> 339 340table { 341 border-collapse: collapse; 342 font-size: 10px; 343 width: 100%; 344 table-layout: auto; 345 margin-top: 1rem; 346} 347 348tbody th { 349 background-color: var(--neutral--neutral-90); 350 font-weight: bold; 351} 352 353th, 354td { 355 padding: 0.5rem; 356 border: 1px solid var(--neutral--neutral-85); 357 text-align: center; 358 background-color: rgba(233, 229, 220, 0.3); 359 color: var(--text--primary); 360 min-width: 3rem; 361} 362 363thead { 364 background-color: var(--neutral--neutral-90); 365 font-weight: bold; 366} 367 368.highcharts-root { 369 font-family: 'SuisseIntl', sans-serif !important; 370} 371 372#compareTable h4 { 373 font-size: 1rem; 374 font-family: 'SuisseIntl', sans-serif; 375} 376 377 378/* Default buttons */ 379.highcharts-range-selector-buttons .highcharts-button rect { 380 fill: #F1EDE5 !important; 381} 382 383/* Hover state (optional) */ 384.highcharts-range-selector-buttons .highcharts-button text { 385 fill: #131310 !important; 386 font-weight: normal !important; 387} 388 389/* Hover state (optional) */ 390.highcharts-range-selector-buttons .highcharts-button:hover rect { 391 fill: #E9E5DC !important; 392} 393 394/* Hover state (optional) */ 395.highcharts-range-selector-buttons .highcharts-button:hover text { 396 fill: #131310 !important; 397 font-weight: normal !important; 398} 399 400/* Selected (pressed) button */ 401.highcharts-range-selector-buttons .highcharts-button-pressed rect { 402 fill: #DED7CA !important; 403} 404 405/* Text color for selected button */ 406.highcharts-range-selector-buttons .highcharts-button-pressed text { 407 fill: #131310 !important; 408 font-weight: normal !important; 409} 410 411 412 413 414.highcharts-background { 415 background-color: none !important; 416 fill: none !important; 417} 418 419text { 420 fill: #000000 !important; 421 color: #000000 !important; 422} 423 424.highcharts-title { 425 visibility: hidden !important; 426} 427 428.highcharts-navigator-mask-inside { 429 background-color: rgba(76, 67, 51, 0.05); 430 fill: rgba(76, 67, 51, 0.05); 431} 432 433.highcharts-area path { 434 fill: #000000; !important; 435} 436 437.highcharts-area { 438 fill: #000000; !important; 439} 440 441 442.highcharts-axis.highcharts-yaxis { 443 display: none; 444} 445 446.highcharts-credits { 447 display: none; 448} 449 450.highcharts-axis-labels.highcharts-yaxis-labels { 451 text-align: left !important; 452} 453 454.highcharts-series.highcharts-series-1 path { 455 stroke-dasharray: 3, 2 !important; /* narrow dashes */ 456} 457 458.highcharts-range-selector-group text { 459 font-size: 11px !important; 460} 461 462@media (max-width: 600px) { 463 .highcharts-range-selector-group { 464 display: flex !important; 465 flex-direction: column-reverse !important; 466 align-items: flex-start !important; 467 gap: 0.5rem; 468 } 469 .highcharts-input-group { 470 order: -1 !important; 471 } 472} 473} 474 475</style></div><div class="global-animation w-embed"><style> 476 477/* ========== BUTTON ANIMATIONS ========== */ 478 479.button-primary > .button-arrow-wrp, 480.button-primary > .button-text, 481.button-secondary > .button-arrow-wrp, 482.button-secondary > .button-text, 483.button-link > .button-arrow-wrp { 484 transition: transform 0.6s ease; 485} 486 487.button-primary .button-arrow, 488.button-secondary .button-arrow, 489.button-link .button-arrow { 490 opacity: 0; 491 transition: opacity 0.6s ease; 492} 493 494/* Hover styles only on hover-capable devices */ 495@media (hover: hover) { 496 .button-primary:hover > .button-arrow-wrp, 497 .button-primary:hover > .button-text, 498 .button-secondary:hover > .button-arrow-wrp, 499 .button-secondary:hover > .button-text, 500 .button-link:hover > .button-arrow-wrp { 501 transform: translateX(0.5rem); 502 } 503 504 .button-primary:hover .button-arrow, 505 .button-secondary:hover .button-arrow, 506 .button-link:hover .button-arrow { 507 opacity: 1; 508 } 509} 510 511 512@media screen and (min-width: 992px) { 513 /* Regular nav link: vertical movement on hover */ 514 .button-link.is-navlink:hover .button-arrow-wrp:not(.is-dropdown) { 515 transform: translateY(-0.5rem); 516 opacity: 1; 517 } 518 519 /* Dropdown nav link: horizontal movement on hover */ 520 .button-link.is-navlink:hover .button-arrow-wrp.is-dropdown { 521 transform: translateX(0.5rem); 522 opacity: 1; 523 } 524 525 /* Current page: regular nav link */ 526 a.navbar__link.w--current .button-arrow-wrp:not(.is-dropdown) { 527 transform: translateY(-0.5rem) !important; 528 opacity: 1 !important; 529 transition: none !important; 530 } 531 532 a.navbar__link.w--current .button-arrow-wrp:not(.is-dropdown) .button-arrow { 533 opacity: 1 !important; 534 transition: none !important; 535 color: #b4b2ae; 536 fill: #b4b2ae; 537 } 538 539 /* Current page: dropdown nav link */ 540 a.navbar__link.w--current .button-arrow-wrp.is-dropdown { 541 transform: translateX(0.5rem) !important; 542 opacity: 1 !important; 543 transition: none !important; 544 545 546 } 547 548 a.navbar__link.w--current .button-arrow-wrp.is-dropdown .button-arrow { 549 opacity: 1 !important; 550 transition: none !important; 551 color: #b4b2ae; 552 fill: #b4b2ae; 553 } 554} 555 556 557 558 559/* ========== NAV LINKS Tablet & Below (â¤991px) ========== */ 560 561@media screen and (max-width: 991px) { 562 /* Active nav link (regular, not dropdown) */ 563 a.navbar__link.w--current .button-arrow-wrp:not(.is-dropdown) { 564 transform: translateX(0.5rem) !important; 565 opacity: 1 !important; 566 transition: none !important; 567 } 568 569 a.navbar__link.w--current .button-arrow-wrp:not(.is-dropdown) .button-arrow { 570 opacity: 1 !important; 571 transition: none !important; 572 fill: #b4b2ae; 573 } 574 575 /* Active nav link (dropdown) */ 576 a.navbar__link.w--current .button-arrow-wrp.is-dropdown { 577 transform: translateX(2rem) !important; 578 opacity: 1 !important; 579 transition: none !important; 580 } 581 582 a.navbar__link.w--current .button-arrow-wrp.is-dropdown .button-arrow { 583 opacity: 1 !important; 584 transition: none !important; 585 fill: #b4b2ae; 586 } 587} 588 589 590 591 592 593 594</style></div></div><div colormode="" class="navbar_component"><nav colormode="light" class="navbar"><div class="navbar_container"><a href="/" class="navbar_logo-link w-nav-brand">
594<div colormode="light" class="navbar_logo w-embed"><svg width="100%" height="100%" viewBox="0 0 672 149" fill="none" xmlns="http://www.w3.org/2000/svg"> 595<path d="M67.13 5.46006C75.14 9.08006 81.62 14.0401 86.58 20.3401C91.35 26.8201 93.83 34.4501 93.83 43.2301C93.83 50.2901 92.3 56.5801 89.06 62.1101C85.82 67.6401 81.62 72.4101 76.09 76.2201C70.56 80.2201 64.27 83.0901 57.21 84.8001L84.67 124.66C87.72 128.66 90.96 132.48 94.4 136.49C97.64 140.49 101.27 144.31 104.89 148.12H75.33C73.61 144.5 71.52 140.3 69.04 135.91C66.37 131.52 62.75 125.99 58.36 119.32L35.09 86.9001H22.5V105.78C22.5 112.84 22.69 120.08 23.07 127.14C23.26 134.2 24.21 141.25 25.93 148.12H0C1.72 141.25 2.67 134.2 3.05 127.14C3.24 120.08 3.43 112.84 3.43 105.78V42.6501C3.43 35.5901 3.24 28.3501 3.05 21.2901C2.67 14.2301 1.72 7.18006 0 0.310059H40.43C50.16 0.310059 58.93 2.03006 67.13 5.46006ZM34.71 71.6401C47.11 71.6401 56.64 69.1601 63.32 64.3901C69.99 59.6201 73.24 52.5701 73.24 43.2201C73.24 33.8701 70 26.8201 63.32 22.2401C56.64 17.8501 47.11 15.5601 34.71 15.5601H22.5V71.6301H34.71V71.6401Z" fill="currentColor"/> 596<path d="M212.1 0.310059L259.4 114.74C261.88 120.27 264.55 125.61 267.41 130.76C270.08 135.91 273.32 141.82 277.33 148.12H250.44C249.68 144.12 248.53 139.54 247.2 134.58C245.87 129.81 243.39 123.14 240.14 114.75L235.75 104.26H169L164.61 114.75C161.37 123.14 159.08 129.82 157.74 134.58C156.21 139.54 155.07 144.12 154.31 148.12H127.42C131.42 142.21 134.67 136.68 137.34 131.72C139.82 126.95 142.3 121.8 144.59 116.65L192.64 0.310059H212.1ZM229.45 89.0001L202.37 23.3901L175.29 89.0001H229.45Z" fill="currentColor"/> 597<path d="M377.28 115.13L426.86 0.310059H450.7C448.98 7.18006 448.03 14.2301 447.84 21.2901C447.46 28.3501 447.27 35.5901 447.27 42.6501V105.78C447.27 112.84 447.46 120.08 447.84 127.14C448.03 134.2 448.98 141.25 450.7 148.12H424.76C426.48 141.25 427.43 134.2 427.81 127.14C428 120.08 428.19 112.84 428.19 105.78V37.1201L380.7 148.12H371.55L324.06 37.1201V105.78C324.06 112.84 324.25 120.08 324.63 127.14C324.82 134.2 325.77 141.25 327.49 148.12H302.51C304.23 141.25 305.18 134.2 305.56 127.14C305.75 120.08 305.94 112.84 305.94 105.78V42.6501C305.94 35.5901 305.75 28.3501 305.56 21.2901C305.18 14.2301 304.23 7.18006 302.51 0.310059H328.26L377.27 115.12L377.28 115.13Z" fill="currentColor"/> 598<path d="M561.42 115.13L611.01 0.320059H634.85C633.13 7.19006 632.18 14.2401 631.99 21.3001C631.61 28.3601 631.42 35.6001 631.42 42.6601V105.79C631.42 112.85 631.61 120.09 631.99 127.15C632.18 134.21 633.13 141.26 634.85 148.13H608.91C610.63 141.26 611.58 134.21 611.96 127.15C612.15 120.09 612.34 112.85 612.34 105.79V37.1201L564.85 148.12H555.7L508.21 37.1201V105.78C508.21 112.84 508.4 120.08 508.78 127.14C508.97 134.2 509.92 141.25 511.64 148.12H486.66C488.38 141.25 489.33 134.2 489.71 127.14C489.9 120.08 490.09 112.84 490.09 105.78V42.6501C490.09 35.5901 489.9 28.3501 489.71 21.2901C489.33 14.2301 488.38 7.18006 486.66 0.310059H512.41L561.42 115.12V115.13Z" fill="currentColor"/> 599<path d="M654.05 18.3101C653.13 17.3401 652.4 16.2401 651.9 14.9601C651.4 13.6801 651.14 12.3101 651.14 10.8201C651.14 9.33006 651.4 7.96006 651.9 6.68006C652.4 5.40006 653.13 4.30006 654.05 3.33006C654.97 2.39006 656.04 1.65006 657.3 1.10006C658.56 0.580059 659.95 0.310059 661.44 0.310059C662.93 0.310059 664.32 0.570059 665.58 1.10006C666.84 1.62006 667.94 2.36006 668.85 3.30006C669.77 4.27006 670.5 5.37006 671 6.65006C671.5 7.93006 671.76 9.32006 671.76 10.8101C671.76 12.3001 671.5 13.6701 671 14.9501C670.5 16.2301 669.77 17.3301 668.85 18.3001C667.93 19.2701 666.83 20.0001 665.58 20.5301C664.32 21.0801 662.93 21.3401 661.44 21.3401C659.95 21.3401 658.56 21.0801 657.3 20.5301C656.04 20.0101 654.97 19.2701 654.05 18.3001V18.3101ZM666.99 16.8401C667.64 16.0501 668.17 15.1401 668.54 14.0901C668.88 13.0701 669.06 11.9701 669.06 10.8201C669.06 9.25006 668.75 7.81006 668.14 6.52006C667.51 5.24006 666.62 4.19006 665.49 3.43006C664.34 2.67006 662.98 2.28006 661.4 2.28006C660.22 2.28006 659.17 2.49006 658.26 2.93006C657.32 3.38006 656.53 4.00006 655.88 4.79006C655.23 5.60006 654.7 6.52006 654.36 7.54006C654.02 8.56006 653.84 9.66006 653.84 10.8101C653.84 11.9601 654.02 13.0601 654.36 14.0801C654.7 15.1301 655.22 16.0401 655.88 16.8301C656.53 17.6201 657.32 18.2401 658.26 18.6901C659.18 19.1401 660.22 19.3701 661.4 19.3701C662.58 19.3701 663.63 19.1301 664.57 18.6901C665.51 18.2501 666.32 17.6201 666.98 16.8301L666.99 16.8401ZM663.04 5.69006C663.64 5.98006 664.14 6.37006 664.51 6.84006C664.85 7.31006 665.03 7.84006 665.03 8.44006C665.03 9.15006 664.79 9.78006 664.3 10.3501C663.8 10.9301 663.15 11.3201 662.3
5996 11.5301L664.22 14.3101C664.35 14.4901 664.53 14.7001 664.72 14.9101C664.9 15.1201 665.22 15.4601 665.69 15.9301H663.31C663.07 15.3501 662.63 14.5901 661.95 13.6201L660.59 11.6801H659.83V12.5201C659.83 13.3301 659.86 13.9901 659.91 14.4801C659.94 15.0001 660.01 15.4801 660.12 15.9201H658.02C658.12 15.4701 658.2 15.0001 658.26 14.4801C658.29 13.9801 658.31 13.3301 658.31 12.5201V8.67006C658.31 7.86006 658.28 7.20006 658.26 6.68006C658.21 6.18006 658.13 5.71006 658.02 5.27006H661.01C661.77 5.27006 662.45 5.40006 663.05 5.69006H663.04ZM660.55 10.2201C661.41 10.2201 662.1 10.0601 662.57 9.75006C663.04 9.44006 663.28 8.99006 663.28 8.44006C663.28 7.31006 662.36 6.76006 660.56 6.76006H659.83V10.2201H660.56H660.55Z" fill="currentColor"/> 600</svg></div></a><div colormode="light" data-nav-menu="" class="navbar_menu"><div class="navbar_menu-flex"><div class="navbar_menu-content"><a colormode="light" href="/resultaten" class="navbar__link w-inline-block"><div class="button-link is-navlink"><div class="button-arrow-wrp is-navlink"><div class="button-arrow is-navlink w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 601<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 602</svg></div></div><div class="button-text">Resultaten</div></div></a><a colormode="light" href="/waarom-het-werkt" aria-current="page" class="navbar__link w-inline-block w--current"><div class="button-link is-navlink"><div class="button-arrow-wrp is-navlink"><div class="button-arrow is-navlink w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 603<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 604</svg></div></div><div class="button-text">Waarom het werkt</div></div></a><div class="navbar__link padding-0"><div data-delay="500" data-hover="false" data-w-id="b05897ef-14ff-e458-6fde-396f1a79ac70" class="navbar_menu-dropdown w-dropdown"><div colormode="light" class="navbar_dropdwn-toggle w-dropdown-toggle"><div class="button-link is-navlink"><div class="button-arrow-wrp is-navlink"><div class="button-arrow is-navlink w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 605<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 606</svg></div></div><div class="text-block-2">Fondsen</div><div class="dropdown-chevron w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 607<path fill-rule="evenodd" clip-rule="evenodd" d="M2.55806 6.29544C2.46043 6.19781 2.46043 6.03952 2.55806 5.94189L3.44195 5.058C3.53958 4.96037 3.69787 4.96037 3.7955 5.058L8.00001 9.26251L12.2045 5.058C12.3021 4.96037 12.4604 4.96037 12.5581 5.058L13.4419 5.94189C13.5396 6.03952 13.5396 6.19781 13.4419 6.29544L8.17678 11.5606C8.07915 11.6582 7.92086 11.6582 7.82323 11.5606L2.55806 6.29544Z" fill="currentColor"/> 608</svg></div></div></div><nav class="navbardropdown-list w-dropdown-list"><a colormode="light" href="/fondsen" class="navbar__link navbar_dropdown-link w-inline-block"><div class="button-link is-navlink"><div class="button-arrow-wrp is-navlink is-dropdown"><div class="button-arrow is-dropdown w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 609<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 610</svg></div></div><div class="button-text">Overzicht</div></div></a><div id="cms-nav-dropdown-target" hx-get="/htmx" hx-target="#cms-nav-dropdown-target" hx-swap="innerHTML" hx-select="#cms-nav-dropdown-content" hx-trigger="load" colormode="light"></div></nav></div></div><a colormode="light" href="/over-ons" class="navbar__link w-inline-block"><div class="button-link is-navlink"><div class="button-arrow-wrp is-navlink"><div class="button-arrow is-navlink w-embed">
610<svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 611<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 612</svg></div></div><div class="button-text">Over ons</div></div></a><a colormode="light" href="/inzichten" class="navbar__link w-inline-block"><div class="button-link is-navlink"><div class="button-arrow-wrp is-navlink"><div class="button-arrow is-navlink w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 613<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 614</svg></div></div><div class="button-text">Inzichten</div></div></a><a colormode="light" href="/contact" class="navbar__link w-inline-block"><div class="button-link is-navlink"><div class="button-arrow-wrp is-navlink"><div class="button-arrow is-navlink w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 615<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 616</svg></div></div><div class="button-text">Contact</div></div></a></div><div class="navbar_menu-banner"><a href="https://vincicapital.assetcareportal.com/account/login/?next=/" target="_blank" class="navbar_login w-inline-block"><div class="icon-1x1-small w-embed"><svg width="100%" height="100%" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 617<path d="M1 12C1 9.9375 3.75 9.9375 5.125 8.5625C5.8125 7.875 3.75 7.875 3.75 4.4375C3.75 2.14606 4.66644 1 6.5 1C8.33356 1 9.25 2.14606 9.25 4.4375C9.25 7.875 7.1875 7.875 7.875 8.5625C9.25 9.9375 12 9.9375 12 12" stroke="currentColor" stroke-linecap="square"/> 618</svg></div><div>Log in</div></a><div class="w-locales-list"><div role="list" class="locale-list w-locales-items"><div role="listitem" class="locale w-locales-item"><a hreflang="nl" href="/waarom-het-werkt" aria-current="page" class="locale-link w--current">nl</a></div></div></div></div></div></div><div class="navbar_button-wrapper"><a href="https://vincicapital.assetcareportal.com/account/login/?next=/" target="_blank" class="navbar_login hide-tablet w-inline-block"><div class="icon-1x1-small w-embed"><svg width="100%" height="100%" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 619<path d="M1 12C1 9.9375 3.75 9.9375 5.125 8.5625C5.8125 7.875 3.75 7.875 3.75 4.4375C3.75 2.14606 4.66644 1 6.5 1C8.33356 1 9.25 2.14606 9.25 4.4375C9.25 7.875 7.1875 7.875 7.875 8.5625C9.25 9.9375 12 9.9375 12 12" stroke="currentColor" stroke-linecap="square"/> 620</svg></div><div>Log in</div></a><div class="hide-tablet no-shrink w-locales-list"><div role="list" class="locale-list w-locales-items"><div role="listitem" class="locale w-locales-item"><a href="/waarom-het-werkt" aria-current="page" class="locale-link w--current">nl</a></div></div><div class="w-embed"><style> 621.locale-list .locale:first-child { 622 border-right: 2px solid #868580; 623 height: 14px; 624} 625</style></div></div><div class="navbar_menu-button"><div data-nav-trigger="" class="menu-icon navbar_menu-button"><div class="menu-icon_line-top"></div><div class="menu-icon_line-middle-inner"></div><div class="menu-icon_line-bottom"></div></div></div></div></div><div class="nav_line"></div></nav><div class="ph-grid"><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div><div class="ph-grid-line"></div></div></div><main class="main-wrapper"><div><div class="sticky-section_circle">
625<div sticky-circle-scale="target" class="sticky-container_circle"><div sticky-circle="arrow" class="icon-wrp is-model"><div class="icon-1x1-medium w-embed"><svg width="100%" height="100%" viewBox="0 0 30 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 626<path d="M19.6288 11.1186C16.644 10.0016 13.356 10.0016 10.3712 11.1186L-1.00386e-06 15L15 5.21094e-07L30 15L19.6288 11.1186Z" fill="currentColor"/> 627</svg></div></div><div class="circle_component is-module"><div class="circle-1 is-module w-embed"><svg width="100%" height="100%" viewBox="0 0 1350 1513" fill="none" xmlns="http://www.w3.org/2000/svg"> 628<path d="M589.277 6.08346C727.29 -9.05312 849.864 11.6345 956.976 68.1702L956.977 68.1701C1065.6 124.528 1152.98 206.491 1219.1 314.049L1220.68 316.569C1287.39 423.354 1328.25 545.187 1343.26 682.057C1354.36 783.22 1348.85 881.556 1326.73 977.06L1326.73 977.061C1305.98 1070.87 1270.25 1155.47 1219.54 1230.85C1168.82 1306.24 1104.23 1368.41 1025.79 1417.35C947.323 1466.3 856.713 1496.41 753.965 1507.68C651.217 1518.95 556.235 1509.2 469.027 1478.41L469.024 1478.41C383.364 1447.46 307.606 1400.69 241.757 1338.09L241.752 1338.08C177.44 1275.32 124.991 1200.39 84.4026 1113.31L84.4013 1113.31C43.6455 1024.7 17.7205 929.815 6.62547 828.653C-4.4695 727.49 0.35704
6281 630.005 21.1073 536.199L22.0906 531.808C42.9536 439.755 77.5884 356.707 125.999 282.668L126 282.667L128.38 279.073C178.547 203.81 241.574 142.921 317.46 96.4111C395.921 47.4584 486.531 17.3522 589.277 6.08346Z" stroke="currentColor" stroke-width="1.5"/> 629</svg></div></div><div class="circle_component is-module"><div class="circle-2 is-module w-embed"><svg width="100%" height="100%" viewBox="0 0 1350 1513" fill="none" xmlns="http://www.w3.org/2000/svg"> 630<path d="M589.277 6.08346C727.29 -9.05312 849.864 11.6345 956.976 68.1702L956.977 68.1701C1065.6 124.528 1152.98 206.491 1219.1 314.049L1220.68 316.569C1287.39 423.354 1328.25 545.187 1343.26 682.057C1354.36 783.22 1348.85 881.556 1326.73 977.06L1326.73 977.061C1305.98 1070.87 1270.25 1155.47 1219.54 1230.85C1168.82 1306.24 1104.23 1368.41 1025.79 1417.35C947.323 1466.3 856.713 1496.41 753.965 1507.68C651.217 1518.95 556.235 1509.2 469.027 1478.41L469.024 1478.41C383.364 1447.46 307.606 1400.69 241.757 1338.09L241.752 1338.08C177.44 1275.32 124.991 1200.39 84.4026 1113.31L84.4013 1113.31C43.6455 1024.7 17.7205 929.815 6.62547 828.653C-4.4695 727.49 0.35704
6301 630.005 21.1073 536.199L22.0906 531.808C42.9536 439.755 77.5884 356.707 125.999 282.668L126 282.667L128.38 279.073C178.547 203.81 241.574 142.921 317.46 96.4111C395.921 47.4584 486.531 17.3522 589.277 6.08346Z" stroke="currentColor" stroke-width="1.5"/> 631</svg></div></div></div></div><section class="section is-hero is-sticky"><div data-sticky-title="section" class="sticky-section"><div data-sticky-title="container" class="sticky-container"><div class="text-group is-align-center"><div STYLE="max-width: 80ch;" class="max-width-variable"><h1 data-split-sticky="heading" class="heading-style-h2">Markten raken uit koers. U hoeft dat niet.</h1></div><div STYLE="max-width: 60ch;" class="max-width-variable"><p data-split-sticky="paragraph" class="text-color-muted">RAMM helpt u rationeel blijven. Ook als het sentiment kantelt.</p></div><div data-split-sticky="button" class="icon-wrp is-featured"><div class="icon-1x1-medium w-embed"><svg width="100%" height="100%" viewBox="0 0 30 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 632<path d="M19.6288 11.1186C16.644 10.0016 13.356 10.0016 10.3712 11.1186L-1.00386e-06 15L15 5.21094e-07L30 15L19.6288 11.1186Z" fill="currentColor"/> 633</svg></div></div></div></div><div data-sticky-title="container" class="sticky-container is--second"><div data-sticky-title="wrp" class="text-group is-align-center"><div STYLE="max-width: 60ch;" class="max-width-variable"><h2 data-split-sticky="heading" class="module_heading-2">Inzichten botsen op emoties. In onrustige tijden is het moeilijk om niet te handelen of juist wel. Zo komt niet alleen het rendement onder druk, maar ook de rust om beslissingen te blijven dragen.</h2></div><div data-split-sticky="button" class="icon-wrp is-featured"><div class="icon-1x1-medium w-embed"><svg width="100%" height="100%" viewBox="0 0 30 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 634<path d="M19.6288 11.1186C16.644 10.0016 13.356 10.0016 10.3712 11.1186L-1.00386e-06 15L15 5.21094e-07L30 15L19.6288 11.1186Z" fill="currentColor"/> 635</svg></div></div></div></div><div data-sticky-title="container" class="sticky-container is--last"></div></div></section><section sticky-circle-scale="trigger" class="section overflow-clip is--scroll"><div class="padding-global is-xlarge"><div class="padding-section-xxlarge"><div class="container-large"><div class="module_container-content"><div STYLE="max-width: 40ch;" class="max-width-variable"><div class="text-group is-align-center gap-1"><h3 data-split="heading" class="heading-style-h3 is-model">Uw strategie blijft overeind.</h3><p data-split="paragraph" class="text-color-muted">RAMM beschermt u tegen reflexen die rendement ondermijnen. Een model dat automatisch bijstuurt op basis van marktdynamiek. Zonder emotie. Zonder interpretatie. Zodat u koers houdt. En doorbouwt aan wat telt.</p></div></div></div></div></div></div></section><section sticky-circle-move="trigger" class="section overflow-clip is--second"><div class="padding-global is-xlarge"><div class="padding-section-xxlarge"><div class="container-large"><div class="layout-sticky is-scroll"><div class="layout-sticky_content is-home gap-3-5"><div class="margin-bottom margin-xxlarge"><div class="text-group is-align-center gap-1"><h3 class="heading-style-h3 is-model">Koersvast.<br/>Zonder emotie.</h3><div class="max-width-small"><p class="text-color-muted">Automatische bijsturing zonder emotie.Zodat u koers houdt, zelfs als het stormt.</p></div></div></div><div class="text-group is-align-center gap-1"><div data-animate="border" class="icon-label"><img src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/6867c8037e5d917878a6a187_icon-shield.svg" loading="lazy" alt="" class="icon-height-large"/></div><h3 class="heading-style-h5 is-model-title">Herkent marktdynamiek</h3><div class="max-width-small"><p class="text-color-muted">Ziet vroegtijdig kansen én risicoâs in veranderend sentiment.</p></div></div><div class="divider-horizontal"></div><div class="text-group is-align-center gap-1"><div data-animate="border" class="icon-label"><img src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/6867c8037e5d917878a6a183_icon-explore.svg" loading="lazy" alt="" class="icon-height-large"/></div><h3 class="heading-style-h5 is-model-title">Past automatisch aan</h3><div class="max-width-small"><p class="text-color-muted">Schakelt razendsnel zonder emotie of ruis. Volledig systeemgestuurd.</p></div></div><div class="divider-horizontal"></div><div class="text-group is-align-center gap-1"><div data-animate="border" class="icon-label"><img src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/6867c8037e5d917878a6a188_icon-arrow.svg" loading="lazy" alt="" class="icon-height-small"/></div><h3 class="heading-style-h5 is-model-title">
635U houdt koers</h3><div class="max-width-small"><p class="text-color-muted">Zonder stress of twijfel. Ook als de markt onrustig is.</p></div></div></div></div></div></div></div></section></div><section colormode="dark" class="section_quote"><div class="padding-section-quote"><div class="container-xlarge is-quote"><div class="quote_grid is-hero gap-double"><div id="w-node-_978f7f47-032a-7718-f68b-54eb2b97a8b5-78a6a20e" class="quote_column-text"><div class="padding-section-medium"><div STYLE="max-width: 60ch;" class="text-group is-align-center"><h2 data-split="heading" class="heading-style-quote">âRAMM voorkomt dat ik mijn reflexen volg. En dat zorgt ervoor dat ik blijf doen wat ik wist dat goed was.â</h2><div STYLE="max-width: 40ch;" class="max-width-variable"><p data-split="paragraph" class="text-color-muted">Klant (Ex-ondernemer, vermogen â¬100M+)</p></div><div data-split="button" class="icon-wrp is-featured"><div class="icon-1x1-medium w-embed"><svg width="100%" height="100%" viewBox="0 0 30 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 636<path d="M19.6288 11.1186C16.644 10.0016 13.356 10.0016 10.3712 11.1186L-1.00386e-06 15L15 5.21094e-07L30 15L19.6288 11.1186Z" fill="currentColor"/> 637</svg></div></div></div></div></div><div id="w-node-_978f7f47-032a-7718-f68b-54eb2b97a8c1-78a6a20e" class="quote_img-wrp is-home"><img loading="lazy" src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/6867c8037e5d917878a6a1be_man-walking.avif" alt=""/></div></div></div></div></section><section data-bg-color="light" class="section_cta"><div class="padding-global"><div class="padding-section-large"><div class="container-xlarge"><div class="text-group is-align-center"><div STYLE="max-width: 80ch;"><h2 data-split="heading" class="heading-style-h1">Rustig<br/>zelf bekijken</h2></div><div class="max-width-small"><p data-split="paragraph" class="text-color-muted">Ontdek hoe het werkt, wat het oplevert, en of het past bij uw strategie.</p></div><div data-split="button" class="button-group is-center is-cta"><a href="/aanvragen" class="button-primary w-inline-block"><div class="button-arrow-wrp"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 638<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 639</svg></div></div><div class="button-text">Ontvang overzicht</div></a><a data-border-color="dark" href="/contact" class="button-secondary w-inline-block"><div class="button-arrow-wrp is-secondary"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 640<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 641</svg></div></div><div class="button-text">Plan uw gesprek</div></a></div></div></div></div></div><div class="cta_circles"><div sticky-circle-scale="target" class="circles-container is-cta"><div class="circle_component is-cta"><div class="circle-1 is-cta w-embed"><svg width="100%" height="100%" viewBox="0 0 1350 1513" fill="none" xmlns="http://www.w3.org/2000/svg"> 642<path d="M589.277 6.08346C727.29 -9.05312 849.864 11.6345 956.976 68.1702L956.977 68.1701C1065.6 124.528 1152.98 206.491 1219.1 314.049L1220.68 316.569C1287.39 423.354 1328.25 545.187 1343.26 682.057C1354.36 783.22 1348.85 881.556 1326.73 977.06L1326.73 977.061C1305.98 1070.87 1270.25 1155.47 1219.54 1230.85C1168.82 1306.24 1104.23 1368.41 1025.79 1417.35C947.323 1466.3 856.713 1496.41 753.965 1507.68C651.217 1518.95 556.235 1509.2 469.027 1478.41L469.024 1478.41C383.364 1447.46 307.606 1400.69 241.757 1338.09L241.752 1338.08C177.44 1275.32 124.991 1200.39 84.4026 1113.31L84.4013 1113.31C43.6455 1024.7 17.7205 929.815 6.62547 828.653C-4.4695 727.49 0.35704
6421 630.005 21.1073 536.199L22.0906 531.808C42.9536 439.755 77.5884 356.707 125.999 282.668L126 282.667L128.38 279.073C178.547 203.81 241.574 142.921 317.46 96.4111C395.921 47.4584 486.531 17.3522 589.277 6.08346Z" stroke="currentColor" stroke-width="1.5"/> 643</svg></div></div><div class="circle_component is-cta"><div class="circle-2 is-cta w-embed"><svg width="100%" height="100%" viewBox="0 0 1350 1513" fill="none" xmlns="http://www.w3.org/2000/svg"> 644<path d="M589.277 6.08346C727.29 -9.05312 849.864 11.6345 956.976 68.1702L956.977 68.1701C1065.6 124.528 1152.98 206.491 1219.1 314.049L1220.68 316.569C1287.39 423.354 1328.25 545.187 1343.26 682.057C1354.36 783.22 1348.85 881.556 1326.73 977.06L1326.73 977.061C1305.98 1070.87 1270.25 1155.47 1219.54 1230.85C1168.82 1306.24 1104.23 1368.41 1025.79 1417.35C947.323 1466.3 856.713 1496.41 753.965 1507.68C651.217 1518.95 556.235 1509.2 469.027 1478.41L469.024 1478.41C383.364 1447.46 307.606 1400.69 241.757 1338.09L241.752 1338.08C177.44 1275.32 124.991 1200.39 84.4026 1113.31L84.4013 1113.31C43.6455 1024.7 17.7205 929.815 6.62547 828.653C-4.4695 727.49 0.35704
6441 630.005 21.1073 536.199L22.0906 531.808C42.9536 439.755 77.5884 356.707 125.999 282.668L126 282.667L128.38 279.073C178.547 203.81 241.574 142.921 317.46 96.4111C395.921 47.4584 486.531 17.3522 589.277 6.08346Z" stroke="currentColor" stroke-width="1.5"/> 645</svg></div></div></div></div></section></main><div class="afm_component"><div class="afm_banner"><div>Let op! U belegt buiten AFM-toezicht. Geen vergunning- en prospectusplicht voor deze activiteit.<br/></div><img src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/6867c8037e5d917878a6a191_afm-icon.svg" loading="lazy" alt="" class="afm_icon"/></div></div><section class="footer"><div class="padding-global"><div class="padding-section-footer"><div class="footer_content"><div class="margin-right margin-auto"><div class="footer_column"><div class="footer_title">Organisatie</div><a href="tel:0202101012" class="footer_link no-decoration">020 - 210 10 12</a><a href="#" class="footer_link no-decoration">[email protected]</a><div class="margin-top margin-medium"><div class="footer_link no-decoration">Prinsengracht 769<br/>1017 JZ Amsterdam</div></div></div></div><div class="footer_column-right"><div class="footer_column"><div class="footer_title">Navigatie</div><div class="footer_links"><a href="/" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 646<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 647</svg></div></div><div class="button-text">Home</div></a><a href="/resultaten" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 648<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 649</svg></div></div><div class="button-text">Resultaten</div></a><a href="/waarom-het-werkt" aria-current="page" class="button-link w-inline-block w--current"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 650<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 651</svg></div></div><div class="button-text">Waarom het werkt</div></a><a href="/fondsen" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 652<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 653</svg></div></div><div class="button-text">Fondsen</div></a><a href="/over-ons" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 654<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 655</svg></div></div><div class="button-text">Over ons</div></a><a href="/inzichten" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 656<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 657</svg></div></div><div class="button-text">Inzichten</div></a><a href="/contact" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed">
657<svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 658<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 659</svg></div></div><div class="button-text">Contact</div></a></div></div><div class="footer_column"><div class="footer_title">Informatie</div><div class="footer_links"><a href="https://vincicapital.assetcareportal.com/account/login/?next=/" target="_blank" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 660<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 661</svg></div></div><div class="button-text">Log in</div></a><a href="/downloads" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 662<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 663</svg></div></div><div class="button-text">Factsheets & Docs</div></a><a href="https://www.linkedin.com/company/vincicapital/" target="_blank" class="button-link w-inline-block"><div class="button-arrow-wrp is-link"><div class="button-arrow w-embed"><svg width="100%" height="100%" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 664<path d="M0.887417 11.6288C2.00445 8.64401 2.00445 5.35599 0.887416 2.37123L-5.76775e-07 -6.03337e-07L7 7L6.03337e-07 14L0.887417 11.6288Z" fill="currentColor"/> 665</svg></div></div><div class="button-text">Linkedin</div></a></div></div></div></div></div><div class="footer_legal"><div>© 2025 RAMM. All rights reserved.</div><div class="footer_legal-links"><a href="/terms" class="footer_link is-legal">Privacy Policy</a><a href="/terms" class="footer_link is-legal">Terms of Service</a><a href="/terms" class="footer_link is-legal">Cookie settings</a></div></div></div><div class="afm_component"><div class="afm_banner"><div>Let op! U belegt buiten AFM-toezicht. Geen vergunning- en prospectusplicht voor deze activiteit.<br/></div><img src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/6867c8037e5d917878a6a191_afm-icon.svg" loading="lazy" alt="" class="afm_icon"/></div></div></section></div>
665<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6867c8037e5d917878a6a16c" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
665<script src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript"></script>
665<script src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/js/webflow.schunk.744ced9ce42462fd.js" type="text/javascript"></script>
665<script src="https://cdn.prod.website-files.com/6867c8037e5d917878a6a16c/js/webflow.b1d57333.3fc1ba25a14abc8b.js" type="text/javascript"></script>
665<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
665<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
665<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
665<script type="text/javascript">gsap.registerPlugin(ScrollTrigger,SplitText);</script>
665<script src="https://unpkg.com/[email protected]"></script>
vendor: 1 bytes, line 665
665
666<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 666
666
667<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lenis.min.js"></script>
667
668<script src="https://tools.refokus.com/form-validator/bundle.v1.0.0.js"></script>
668 669 670 671<!-- COOKIE CONSENT -->
672<script> 673document.addEventListener("DOMContentLoaded", () => { 674 const consentBanner = document.getElementById("consentBanner"); 675 const consentClose = document.getElementById("consentClose"); 676 677 // Only show banner if consent not yet accepted 678 if (localStorage.getItem("consentAccepted") !== "true") { 679 consentBanner.style.display = "flex"; // or "flex", depending on your layout 680 } 681 682 consentClose.addEventListener("click", () => { 683 consentBanner.style.display = "none"; 684 localStorage.setItem("consentAccepted", "true"); 685 }); 686}); 687</script>
687 688 689
690<script> 691 // Lenis (with GSAP ScrollTrigger) 692 const lenis = new Lenis({ 693 lerp: 0.08, // adjust between 0 (snappy) and 1 (super smooth) 694 smooth: true, 695 autoRaf: true 696 }); 697 698</script>
698 699 700 701<!-- TEXT SPLIT -->
702<script> 703 gsap.registerPlugin(SplitText, ScrollTrigger); 704 705 document.fonts.ready.then(() => { 706 document.querySelectorAll('.text-group').forEach((group) => { 707 const timeline = gsap.timeline({ 708 scrollTrigger: { 709 trigger: group, 710 start: 'top 80%', 711 once: true 712 } 713 }); 714 715 const elements = group.querySelectorAll('[data-split]'); 716 717 elements.forEach((el, index) => { 718 const type = el.dataset.split; 719 720 if (type === 'heading') { 721 // First split, then reveal to avoid layout shift 722 const split = SplitText.create(el, { 723 type: 'lines', 724 linesClass: 'line' 725 }); 726 727 gsap.set(el, { autoAlpha: 1 }); 728 729 timeline.from(split.lines, { 730 y: '2.5rem', 731 opacity: 0, 732 duration: 1.7, 733 ease: 'power3.out', 734 stagger: 0.1, 735 force3D: true 736 }, index * 0.15); 737 738 } else if (type === 'paragraph' || type === 'button') { 739 gsap.set(el, { autoAlpha: 1 }); 740 741 timeline.fromTo(el, 742 { 743 y: '2.5rem', 744 opacity: 0 745 }, 746 { 747 y: '0rem', 748 opacity: 1, 749 duration: 1.2, 750 ease: 'power3.out', 751 force3D: true 752 }, 753 index * 0.15 754 ); 755 } 756 }); 757 }); 758 }); 759</script>
759 760 761 762 763
764<script> 765// Rotating SVG circles with speed ramp based on scroll 766const baseSpeed = 1; // Normal speed (matches ~120s) 767const fastSpeed = 6; // 2Ã speed on scroll 768let currentSpeed = baseSpeed; 769let targetSpeed = baseSpeed; 770 771const circles1 = document.querySelectorAll('.circle-1'); 772const circles2 = document.querySelectorAll('.circle-2'); 773const rotations1 = []; 774const rotations2 = []; 775 776// Create GSAP animations 777circles1.forEach(el => { 778 const anim = gsap.to(el, { 779 rotation: "+=360", 780 duration: 60, 781 repeat: -1, 782 ease: "linear", 783 transformOrigin: "50% 50%" 784 }); 785 rotations1.push(anim); 786}); 787 788circles2.forEach(el => { 789 const anim = gsap.to(el, { 790 rotation: "-=360", 791 duration: 60, 792 repeat: -1, 793 ease: "linear", 794 transformOrigin: "50% 50%" 795 }); 796 rotations2.push(anim); 797}); 798 799// Smooth speed ramping 800function updateSpeed() { 801 if (Math.abs(currentSpeed - targetSpeed) > 0.01) { 802 currentSpeed += (targetSpeed - currentSpeed) * 0.5; 803 rotations1.forEach(anim => anim.timeScale(currentSpeed)); 804 rotations2.forEach(anim => anim.timeScale(currentSpeed)); 805 } 806 requestAnimationFrame(updateSpeed); 807} 808updateSpeed(); 809 810// Use Lenis scroll listener 811let scrollTimeout; 812lenis.on('scroll', () => { 813 targetSpeed = fastSpeed; 814 clearTimeout(scrollTimeout); 815 scrollTimeout = setTimeout(() => { 816 targetSpeed = baseSpeed; 817 }, 150); 818}); 819 820</script>
820 821 822 823<!-- NAV MENU COLOR -->
824<script defer> 825gsap.registerPlugin(ScrollTrigger); 826 827const navbarComponent = document.querySelector('.navbar_component'); 828const sections = document.querySelectorAll('section'); 829 830function getTopmostSection() { 831 let topmostSection = null; 832 833 sections.forEach(section => { 834 const rect = section.getBoundingClientRect(); 835 836 if (rect.top < window.innerHeight && rect.bottom > 0) { 837 if (!topmostSection || rect.top < topmostSection.getBoundingClientRect().top) { 838 topmostSection = section; 839 } 840 } 841 }); 842 843 return topmostSection; 844} 845 846function updateNav() { 847 const topmostSection = getTopmostSection(); 848 if (!topmostSection) return; 849 850 const isDark = topmostSection.getAttribute('colormode') === 'dark'; 851 852 // Update all elements with a colormode attribute inside .navbar_component 853 navbarComponent.querySelectorAll('[colormode]').forEach(el => { 854 if (isDark) { 855 el.setAttribute('colormode', 'dark'); 856 } else { 857 el.setAttribute('colormode', 'light'); 858 } 859 }); 860} 861 862// Update on scroll, resize, and page load 863window.addEventListener('scroll', updateNav); 864window.addEventListener('resize', updateNav); 865window.addEventListener('DOMContentLoaded', updateNav); 866</script>
866 867 868 869 870 871 872 873<!-- MENU --> 874
875<script defer> 876 877if (window.innerWidth <= 991) { 878 const menuTrigger = document.querySelector('[data-nav-trigger]'); 879 const menuIcon = document.querySelector('.menu-icon'); 880 const menu = document.querySelector('[data-nav-menu]'); 881 const menuLinks = document.querySelectorAll('.navbar_menu-content .navbar__link'); 882 883 let isOpen = false; 884 let isAnimating = false; 885 886 function initMenu() { 887 if (!isOpen && menu) { 888 menu.style.display = 'none'; 889 menu.style.opacity = '0'; 890 menu.style.pointerEvents = 'none'; 891 menu.style.height = '100dvh'; 892 893 menuLinks.forEach((link) => { 894 link.style.opacity = '0'; 895 link.style.transform = 'translateY(100px)'; 896 link.style.transition = 'none'; 897 link.style.transitionDelay = '0s'; 898 }); 899 900 document.body.classList.remove('body-no-scroll'); 901 } else { 902 if (menu) { 903 menu.style.display = 'flex'; 904 menu.style.opacity = '1'; 905 menu.style.pointerEvents = 'auto'; 906 menu.style.height = 'auto'; 907 menu.style.transition = 'none'; 908 } 909 menuLinks.forEach((link) => { 910 link.style.opacity = '1'; 911 link.style.transform = 'translateY(0)'; 912 link.style.transition = 'none'; 913 link.style.transitionDelay = '0s'; 914 }); 915 isOpen = false; 916 menuIcon.classList.remove('is-active'); 917 document.body.classList.remove('body-no-scroll'); 918 } 919 } 920 921 function toggleMenu() { 922 if (isAnimating) return; 923 isAnimating = true; 924 925 if (!isOpen) { 926 menuIcon.classList.add('is-active'); 927 document.body.classList.add('body-no-scroll'); 928 929 menu.style.display = 'flex'; 930 menu.style.pointerEvents = 'auto'; 931 menu.style.height = 'calc(100dvh - 4.5rem)'; 932 menu.style.transition = 'opacity 1s ease'; 933 934 requestAnimationFrame(() => { 935 menu.style.opacity = '1'; 936 }); 937 938 setTimeout(() => { 939 menuLinks.forEach((link, index) => { 940 link.style.transition = 'transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease'; 941 link.style.transitionDelay = `${index * 0.05}s`; 942 link.style.opacity = '1'; 943 link.style.transform = 'translateY(0)'; 944 }); 945 }, 100); 946 947 setTimeout(() => { 948 isAnimating = false; 949 isOpen = true; 950 }, 1600); 951 952 } else { 953 menuIcon.classList.remove('is-active'); 954 document.body.classList.remove('body-no-scroll'); 955 956 const reversedLinks = [...menuLinks].reverse(); 957 reversedLinks.forEach((link, index) => { 958 link.style.transition = 'transform 0.6s cubic-bezier(0.36, 0, 0.22, 0), opacity 0.8s ease'; 959 link.style.transitionDelay = `${index * 0.05}s`; 960 link.style.opacity = '0'; 961 962 setTimeout(() => { 963 link.style.transform = 'translateY(100px)'; 964 }, 150 + index * 40); 965 }); 966 967 const lastLinkDelay = 800 + (reversedLinks.length - 1) * 50; 968 969 setTimeout(() => { 970 menu.style.transition = 'opacity 1s ease'; 971 menu.style.opacity = '0'; 972 menu.style.pointerEvents = 'none'; 973 }, lastLinkDelay); 974 975 setTimeout(() => { 976 menu.style.display = 'none'; 977 isAnimating = false; 978 isOpen = false; 979 }, lastLinkDelay + 1000); 980 } 981 } 982 983 function setupToggle() { 984 if (menuTrigger) { 985 menuTrigger.addEventListener('click', toggleMenu); 986 } 987 } 988 989 initMenu(); 990 setupToggle(); 991 992 window.addEventListener('resize', () => { 993 if (window.innerWidth <= 991 && !isOpen && !isAnimating) { 994 initMenu(); 995 } 996 }); 997 998 document.addEventListener('keydown', (e) => { 999 if (e.key === 'Escape' && isOpen && !isAnimating) { 1000 toggleMenu(); 1001 } 1002 }); 1003} 1004</script>
1004 1005 1006 1007 1008 1009 1010 1011 1012<!-- AFM BANNER -->
1013<script defer> 1014window.addEventListener("scroll", () => { 1015 const afmComponent = document.querySelector(".afm_component:not(.footer *)"); 1016 if (!afmComponent) return; 1017 1018 if (window.scrollY > 100) { 1019 gsap.to(afmComponent, { 1020 opacity: 0, 1021 duration: 0.5, 1022 ease: "power1.out" 1023 }); 1024 } else { 1025 gsap.to(afmComponent, { 1026 opacity: 1, 1027 duration: 0.5, 1028 ease: "power1.out" 1029 }); 1030 } 1031}); 1032</script>
1032<script> 1033gsap.registerPlugin(ScrollTrigger); 1034 1035// === Make second sticky container visible 1036gsap.set('.sticky-container.is--second', { 1037 visibility: 'visible', 1038 opacity: 1 1039}); 1040 1041// === Fade between [data-sticky-title="container"] elements 1042const containers = document.querySelectorAll('[data-sticky-title="container"]'); 1043gsap.set(containers, { visibility: 'visible' }); 1044 1045containers.forEach((container, i) => { 1046 const next = containers[i + 1]; 1047 if (!next) return; 1048 1049 const tl = gsap.timeline({ 1050 scrollTrigger: { 1051 trigger: next, 1052 start: "top 20%", 1053 end: "+=60%", 1054 scrub: true 1055 } 1056 }); 1057 1058 tl.to(container, { opacity: 0, ease: "power2.out" }) 1059 .fromTo(next, { opacity: 0 }, { opacity: 1, ease: "power2.out" }); 1060}); 1061 1062// === Circle scale and move logic 1063const scaleTrigger = document.querySelector('[sticky-circle-scale="trigger"]'); 1064const moveTrigger = document.querySelector('[sticky-circle-move="trigger"]'); 1065const circle = document.querySelector('[sticky-circle-scale="target"]'); 1066 1067let circleScrollTrigger; 1068 1069function setupCircleAnimation() { 1070 if (!scaleTrigger || !circle) return; 1071 1072 if (circleScrollTrigger) { 1073 circleScrollTrigger.kill(); 1074 circleScrollTrigger = null; 1075 } 1076 1077 const isDesktop = window.matchMedia("(min-width: 992px)").matches; 1078 1079 if (isDesktop) { 1080 // === Desktop: reset state 1081 gsap.set(circle, { 1082 width: "100%", 1083 height: "auto", 1084 xPercent: 0, 1085 x: 0, 1086 opacity: 1 1087 }); 1088 1089 // === Desktop: scale down width 1090 circleScrollTrigger = ScrollTrigger.create({ 1091 trigger: scaleTrigger, 1092 start: "top bottom", 1093 end: "top 20%", 1094 scrub: true, 1095 animation: gsap.to(circle, { 1096 width: "40%", 1097 marginRight: "7.5rem", 1098 x: "0vw", 1099 opacity: 1, 1100 ease: "none" 1101 }) 1102 }); 1103 1104 // === Desktop: move left 1105 if (moveTrigger) { 1106 ScrollTrigger.create({ 1107 trigger: moveTrigger, 1108 start: "top 80%", 1109 end: "top 20%", 1110 scrub: true, 1111 animation: gsap.to(circle, { 1112 x: () => { 1113 const vw = window.innerWidth * 0.60; 1114 const rem = parseFloat(getComputedStyle(document.documentElement).fontSize) * 15; 1115 return -(vw - rem); // shift left by 60vw - 7.5rem 1116 }, 1117 ease: "none" 1118 }) 1119 }); 1120 } 1121 1122 } else { 1123 // === Tablet & mobile: scale height + fade out after 1124 gsap.set(circle, { 1125 height: "120%", 1126 width: "100%", 1127 x: 0, 1128 xPercent: 0, 1129 opacity: 1, 1130 display: "block", 1131 visibility: "visible" 1132 }); 1133 1134 // 1. Scale down height 1135 ScrollTrigger.create({ 1136 trigger: scaleTrigger, 1137 start: "top bottom+=40%", 1138 end: "top bottom", 1139 scrub: true, 1140 animation: gsap.to(circle, { 1141 height: "40%", 1142 ease: "none" 1143 }) 1144 }); 1145 1146 // 2. Fade out after scale completes 1147 ScrollTrigger.create({ 1148 trigger: scaleTrigger, 1149 start: "top bottom", 1150 end: "top center", 1151 scrub: true, 1152 animation: gsap.to(circle, { 1153 opacity: 0, 1154 ease: "none" 1155 }) 1156 }); 1157 } 1158} 1159 1160// === Run animation logic 1161window.addEventListener("load", setupCircleAnimation); 1162window.addEventListener("resize", setupCircleAnimation); 1163 1164// === Fade in arrow when .is--second leaves the viewport (scrolls up) 1165const secondSticky = document.querySelector('.sticky-container.is--second'); 1166const arrow = document.querySelector('[sticky-circle="arrow"]'); 1167 1168if (secondSticky && arrow) { 1169 gsap.set(arrow, { opacity: 0, visibility: 'hidden' }); 1170 1171 ScrollTrigger.create({ 1172 trigger: secondSticky, 1173 start: "bottom top", // when .is--second completely leaves the viewport 1174 onEnterBack: () => { 1175 gsap.to(arrow, { 1176 opacity: 0, 1177 visibility: 'hidden', 1178 duration: 0.3, 1179 ease: "power2.out" 1180 }); 1181 }, 1182 onLeave: () => { 1183 gsap.to(arrow, { 1184 opacity: 1, 1185 visibility: 'visible', 1186 duration: 0.3, 1187 ease: "power2.out" 1188 }); 1189 } 1190 }); 1191} 1192</script>
1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203<!-- Text split and fade -->
1204<script> 1205document.fonts.ready.then(() => { 1206 const stickyContainers = document.querySelectorAll('[data-sticky-title="container"]'); 1207 1208 stickyContainers.forEach(container => { 1209 const elements = container.querySelectorAll('[data-split-sticky]'); 1210 1211 elements.forEach((el, index) => { 1212 const type = el.dataset.splitSticky; 1213 1214 if (type === 'heading') { 1215 gsap.set(el, { autoAlpha: 1 }); 1216 const split = SplitText.create(el, { 1217 type: 'lines', 1218 autoSplit: true, 1219 linesClass: 'line' 1220 }); 1221 1222 gsap.from(split.lines, { 1223 y: '2.5rem', 1224 opacity: 0, 1225 duration: 1.7, 1226 ease: 'power3.out', 1227 stagger: 0.1, 1228 scrollTrigger: { 1229 trigger: el, 1230 start: 'top 80%', 1231 toggleActions: 'play none none reset' 1232 } 1233 }); 1234 1235 } else if (type === 'paragraph' || type === 'button') { 1236 gsap.set(el, { autoAlpha: 1 }); 1237 1238 gsap.fromTo(el, 1239 { 1240 y: '2.5rem', 1241 opacity: 0 1242 }, 1243 { 1244 y: '0rem', 1245 opacity: 1, 1246 duration: 1.2, 1247 ease: 'power3.out', 1248 scrollTrigger: { 1249 trigger: el, 1250 start: 'top 80%', 1251 toggleActions: 'play none none reset' 1252 } 1253 } 1254 ); 1255 } 1256 }); 1257 }); 1258}); 1259 1260</script>
1260</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.