{"id":32,"date":"2026-04-29T18:37:09","date_gmt":"2026-04-29T18:37:09","guid":{"rendered":"https:\/\/cv.jorisdufils.nl\/?page_id=32"},"modified":"2026-04-29T20:14:05","modified_gmt":"2026-04-29T20:14:05","slug":"cv-temp","status":"publish","type":"page","link":"https:\/\/cv.jorisdufils.nl\/","title":{"rendered":"CV TEMP"},"content":{"rendered":"\n<section class=\"cv-page\">\n\n  <nav class=\"cv-nav\">\n    <a href=\"#home\" data-nl=\"Home\" data-en=\"Home\">Home<\/a>\n    <a href=\"#profiel\" data-nl=\"Profiel\" data-en=\"Profile\">Profile<\/a>\n    <a href=\"#ervaring\" data-nl=\"Ervaring\" data-en=\"Experience\">Experience<\/a>\n    <a href=\"#opleiding\" data-nl=\"Opleiding\" data-en=\"Education\">Education<\/a>\n    <a href=\"#contact\" data-nl=\"Contact\" data-en=\"Contact\">Contact<\/a>\n\n    <div class=\"lang-switch\">\n      <button class=\"lang-btn\" data-lang=\"nl\" type=\"button\">NL<\/button>\n      <button class=\"lang-btn active\" data-lang=\"en\" type=\"button\">EN<\/button>\n    <\/div>\n  <\/nav>\n\n  <section id=\"home\" class=\"panel hero\">\n    <div class=\"bg-orb orb-1\"><\/div>\n\n    <div class=\"hero-grid fade-up visible\">\n      <div class=\"content\">\n        <p class=\"eyebrow\" data-nl=\"Curriculum Vitae\" data-en=\"Curriculum Vitae\">Curriculum Vitae<\/p>\n        <h1>Joris Dufils<\/h1>\n\n        <h2 data-nl=\"Projectmanager high-tech systemen\" data-en=\"Project Manager High-Tech Systems\">\n          Project Manager High-Tech Systems\n        <\/h2>\n\n        <p data-nl=\"Ervaren projectmanager in complexe multidisciplinaire engineeringomgevingen. Focus op stakeholdermanagement, projectbeheersing en teamontwikkeling.\"\n           data-en=\"Experienced project manager in complex multidisciplinary engineering environments. Focus on stakeholder management, project control and team development.\">\n          Experienced project manager in complex multidisciplinary engineering environments. Focus on stakeholder management, project control and team development.\n        <\/p>\n\n        <div class=\"hero-badges\">\n          <div class=\"hero-badge\">\n            <strong data-nl=\"10+ jaar\" data-en=\"10+ years\">10+ years<\/strong>\n            <span data-nl=\"ervaring\" data-en=\"experience\">experience<\/span>\n          <\/div>\n\n          <div class=\"hero-badge\">\n            <strong>IPMA<\/strong>\n            <span data-nl=\"gecertificeerd\" data-en=\"certified\">certified<\/span>\n          <\/div>\n        <\/div>\n\n        <a class=\"button\" href=\"#profiel\" data-nl=\"Bekijk profiel\" data-en=\"View profile\">View profile<\/a>\n      <\/div>\n\n      <div class=\"photo-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/cv.jorisdufils.nl\/wp-content\/uploads\/2026\/04\/Joris-Dufils-2025-1.jpg\" alt=\"Joris Dufils\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"profiel\" class=\"panel light\">\n    <div class=\"bg-orb orb-2\"><\/div>\n\n    <div class=\"content fade-up\">\n      <p class=\"eyebrow\" data-nl=\"Profiel\" data-en=\"Profile\">Profile<\/p>\n\n      <h2 data-nl=\"Duidelijkheid in complexe projecten.\" data-en=\"Creating clarity in complex projects.\">\n        Creating clarity in complex projects.\n      <\/h2>\n\n      <p data-nl=\"Ik leid high-tech projecten van concept tot oplevering. Mijn kracht zit in het cre\u00ebren van overzicht, het structureren van werk en het ondersteunen van teams bij het maken van de juiste keuzes.\"\n         data-en=\"I lead high-tech projects from concept to delivery. My strength lies in creating overview, structuring work and supporting teams in making the right decisions.\">\n        I lead high-tech projects from concept to delivery. My strength lies in creating overview, structuring work and supporting teams in making the right decisions.\n      <\/p>\n\n      <p data-nl=\"Mijn stijl is mensgericht en gericht op vertrouwen, eigenaarschap en een sterke teamdynamiek.\"\n         data-en=\"My leadership style is people-driven and focused on trust, ownership and strong team dynamics.\">\n        My leadership style is people-driven and focused on trust, ownership and strong team dynamics.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <section id=\"ervaring\" class=\"panel mid\">\n    <div class=\"bg-orb orb-3\"><\/div>\n\n    <div class=\"content fade-up\">\n      <p class=\"eyebrow\" data-nl=\"Ervaring\" data-en=\"Experience\">Experience<\/p>\n      <h2 data-nl=\"Werkervaring\" data-en=\"Work experience\">Work experience<\/h2>\n\n      <div class=\"timeline\">\n\n        <div class=\"timeline-item fade-up stagger\">\n          <span data-nl=\"dec 2022 \u2014 heden\" data-en=\"Dec 2022 \u2014 present\">Dec 2022 \u2014 present<\/span>\n          <h3 data-nl=\"Projectmanager \u00b7 Demcon High-Tech Systems\" data-en=\"Project Manager \u00b7 Demcon High-Tech Systems\">\n            Project Manager \u00b7 Demcon High-Tech Systems\n          <\/h3>\n          <p data-nl=\"Leiding aan high-tech mechatronische systeemprojecten binnen meerdere domeinen, voornamelijk in de semiconductor industrie, van acquisitie en conceptdefinitie tot levering van alpha-level machines.\"\n             data-en=\"Leading high-tech mechatronic system projects across multiple domains, mainly in the semiconductor industry, from acquisition and concept definition through delivery of alpha-level machines.\">\n            Leading high-tech mechatronic system projects across multiple domains, mainly in the semiconductor industry, from acquisition and concept definition through delivery of alpha-level machines.\n          <\/p>\n          <ul>\n            <li data-nl=\"Aansturing van multidisciplinaire engineeringteams van 5\u201320 engineers.\" data-en=\"Leading multidisciplinary engineering teams of 5\u201320 engineers.\">Leading multidisciplinary engineering teams of 5\u201320 engineers.<\/li>\n            <li data-nl=\"Werkvelden: mechanical, electrical, mechatronics, software, multiphysics en prototype engineering.\" data-en=\"Disciplines: mechanical, electrical, mechatronics, software, multiphysics and prototype engineering.\">Disciplines: mechanical, electrical, mechatronics, software, multiphysics and prototype engineering.<\/li>\n            <li data-nl=\"Projectbeheersing op scope, planning, kosten, risico\u2019s en stakeholderverwachtingen.\" data-en=\"Project control on scope, planning, cost, risks and stakeholder expectations.\">Project control on scope, planning, cost, risks and stakeholder expectations.<\/li>\n            <li data-nl=\"Verbetering van project kick-offs met aandacht voor teamdynamiek, feedbackcultuur, reflectie en conflictbehandeling.\" data-en=\"Improved project kick-offs with explicit focus on team dynamics, feedback culture, reflection and conflict handling.\">Improved project kick-offs with explicit focus on team dynamics, feedback culture, reflection and conflict handling.<\/li>\n            <li data-nl=\"Actieve bijdrage aan de ontwikkeling van de PM-community en departementale visieontwikkeling.\" data-en=\"Active contribution to the development of the PM community and departmental vision.\">Active contribution to the development of the PM community and departmental vision.<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"timeline-item fade-up stagger\">\n          <span data-nl=\"jan 2022 \u2014 dec 2024\" data-en=\"Jan 2022 \u2014 Dec 2024\">Jan 2022 \u2014 Dec 2024<\/span>\n          <h3 data-nl=\"Co-founder \u00b7 Brainbow\" data-en=\"Co-founder \u00b7 Brainbow\">Co-founder \u00b7 Brainbow<\/h3>\n          <p data-nl=\"Startup gericht op social engineering: technologie inzetten om het leven van doelgroepen en individuen te verbeteren.\"\n             data-en=\"Startup focused on social engineering: using technology to improve the lives of target groups and individuals.\">\n            Startup focused on social engineering: using technology to improve the lives of target groups and individuals.\n          <\/p>\n          <ul>\n            <li data-nl=\"Ontwikkeling van een low-cost machine voor medische mondmaskers uit gerecycled PET.\" data-en=\"Development of a low-cost machine for medical-grade face masks made from recycled PET.\">Development of a low-cost machine for medical-grade face masks made from recycled PET.<\/li>\n            <li data-nl=\"Machine binnen een jaar ontwikkeld tijdens COVID en geleverd aan een community in Masaka, Uganda.\" data-en=\"Machine developed within one year during COVID and delivered to a community in Masaka, Uganda.\">Machine developed within one year during COVID and delivered to a community in Masaka, Uganda.<\/li>\n            <li data-nl=\"Meerdere projecten voor mensen met een beperking en maatschappelijke doelgroepen.\" data-en=\"Multiple projects for people with disabilities and social target groups.\">Multiple projects for people with disabilities and social target groups.<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"timeline-item fade-up stagger\">\n          <span data-nl=\"jan 2020 \u2014 okt 2022\" data-en=\"Jan 2020 \u2014 Oct 2022\">Jan 2020 \u2014 Oct 2022<\/span>\n          <h3 data-nl=\"Hybrid Teacher Engineering \u00b7 Fontys University of Applied Sciences\" data-en=\"Hybrid Teacher Engineering \u00b7 Fontys University of Applied Sciences\">\n            Hybrid Teacher Engineering \u00b7 Fontys University of Applied Sciences\n          <\/h3>\n          <p data-nl=\"Onderwijsrol binnen engineering, uitgevoerd via TMC. Begeleiding van studenten in technische en projectmatige ontwikkeling.\"\n             data-en=\"Teaching role in engineering, through TMC. Coaching students in technical and project-based development.\">\n            Teaching role in engineering, through TMC. Coaching students in technical and project-based development.\n          <\/p>\n        <\/div>\n\n        <div class=\"timeline-item fade-up stagger\">\n          <span data-nl=\"okt 2019 \u2014 dec 2022\" data-en=\"Oct 2019 \u2014 Dec 2022\">Oct 2019 \u2014 Dec 2022<\/span>\n          <h3 data-nl=\"Community &#038; Project Manager \u00b7 Eindhoven Engine\" data-en=\"Community &#038; Project Manager \u00b7 Eindhoven Engine\">\n            Community &#038; Project Manager \u00b7 Eindhoven Engine\n          <\/h3>\n          <p data-nl=\"Opbouw en groei van een learning community rond systems thinking, design thinking en agile innovatie.\"\n             data-en=\"Built and grew a learning community around systems thinking, design thinking and agile innovation.\">\n            Built and grew a learning community around systems thinking, design thinking and agile innovation.\n          <\/p>\n          <ul>\n            <li data-nl=\"Verbond 50+ bedrijven en 200+ deelnemers.\" data-en=\"Connected 50+ companies and 200+ participants.\">Connected 50+ companies and 200+ participants.<\/li>\n            <li data-nl=\"Stimuleerde samenwerking tussen bedrijven, disciplines en kennisgebieden.\" data-en=\"Stimulated collaboration across companies, disciplines and knowledge areas.\">Stimulated collaboration across companies, disciplines and knowledge areas.<\/li>\n            <li data-nl=\"Organiseerde hackathons, workshops, kennissessies en persoonlijke ontwikkelprogramma\u2019s.\" data-en=\"Organized hackathons, workshops, knowledge-sharing sessions and personal development programs.\">Organized hackathons, workshops, knowledge-sharing sessions and personal development programs.<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"timeline-item fade-up stagger\">\n          <span data-nl=\"jul 2019 \u2014 dec 2022\" data-en=\"Jul 2019 \u2014 Dec 2022\">Jul 2019 \u2014 Dec 2022<\/span>\n          <h3 data-nl=\"Project- en teamleider \u00b7 TMC Entrepreneurial Lab\" data-en=\"Project and Team Leader \u00b7 TMC Entrepreneurial Lab\">\n            Project and Team Leader \u00b7 TMC Entrepreneurial Lab\n          <\/h3>\n          <p data-nl=\"Leiding en begeleiding van internationale social innovation projecten, waaronder de realisatie en inzet van een machine in Uganda voor de productie van mondmaskers uit 100% gerecycled plastic.\"\n             data-en=\"Led and coached international social innovation projects, including the development and deployment of a machine in Uganda producing face masks from 100% recycled plastic.\">\n            Led and coached international social innovation projects, including the development and deployment of a machine in Uganda producing face masks from 100% recycled plastic.\n          <\/p>\n          <ul>\n            <li data-nl=\"Begeleiding van internationale projectteams.\" data-en=\"Coaching international project teams.\">Coaching international project teams.<\/li>\n            <li data-nl=\"Projecten met maatschappelijke impact en technische realisatie.\" data-en=\"Projects combining social impact with technical realization.\">Projects combining social impact with technical realization.<\/li>\n            <li data-nl=\"Initiatief rond het omzetten van ghost fishing nets uit Lake Victoria naar duurzame producten.\" data-en=\"Initiative converting ghost fishing nets from Lake Victoria into sustainable products.\">Initiative converting ghost fishing nets from Lake Victoria into sustainable products.<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"timeline-item fade-up stagger\">\n          <span data-nl=\"jul 2016 \u2014 sep 2019\" data-en=\"Jul 2016 \u2014 Sep 2019\">Jul 2016 \u2014 Sep 2019<\/span>\n          <h3 data-nl=\"Projectmanager \/ Teamleider \u00b7 TNO\" data-en=\"Project Manager \/ Team Leader \u00b7 TNO\">\n            Project Manager \/ Team Leader \u00b7 TNO\n          <\/h3>\n          <p data-nl=\"Project- en teamleiding binnen applied R&#038;D, met projecten in automotive, additive manufacturing, printed electronics, pharmaceuticals en medical devices.\"\n             data-en=\"Project and team leadership in applied R&#038;D, with projects in automotive, additive manufacturing, printed electronics, pharmaceuticals and medical devices.\">\n            Project and team leadership in applied R&#038;D, with projects in automotive, additive manufacturing, printed electronics, pharmaceuticals and medical devices.\n          <\/p>\n          <ul>\n            <li data-nl=\"Geselecteerd voor het TNO Talent Development Program.\" data-en=\"Selected for the TNO Talent Development Program.\">Selected for the TNO Talent Development Program.<\/li>\n            <li data-nl=\"Teamleider Automotive: ondersteuning bij nieuwe afdelingsstructuur, teamopbouw, beleid, processen en coaching.\" data-en=\"Team Leader Automotive: supported a new departmental structure, team building, policies, processes and coaching.\">Team Leader Automotive: supported a new departmental structure, team building, policies, processes and coaching.<\/li>\n            <li data-nl=\"Projectmanager Automotive: projecten rond vehicle safety, testmethodologie en autonomous braking systems.\" data-en=\"Project Manager Automotive: projects in vehicle safety, test methodology and autonomous braking systems.\">Project Manager Automotive: projects in vehicle safety, test methodology and autonomous braking systems.<\/li>\n            <li data-nl=\"Projectmanager Additive Manufacturing \/ 3D Printing: R&#038;D-projecten in printed electronics, pharma en medtech.\" data-en=\"Project Manager Additive Manufacturing \/ 3D Printing: R&#038;D projects in printed electronics, pharma and medtech.\">Project Manager Additive Manufacturing \/ 3D Printing: R&#038;D projects in printed electronics, pharma and medtech.<\/li>\n            <li data-nl=\"Projectmanager in EU-consortia met externe partners en interne engineeringteams.\" data-en=\"Project manager in EU-funded consortia with external partners and internal engineering teams.\">Project manager in EU-funded consortia with external partners and internal engineering teams.<\/li>\n            <li data-nl=\"Versterking van eigenaarschap, kennisdeling en samenwerking binnen multidisciplinaire teams.\" data-en=\"Strengthened ownership, knowledge sharing and collaboration within multidisciplinary teams.\">Strengthened ownership, knowledge sharing and collaboration within multidisciplinary teams.<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"timeline-item fade-up stagger\">\n          <span data-nl=\"jul 2014 \u2014 jun 2016\" data-en=\"Jul 2014 \u2014 Jun 2016\">Jul 2014 \u2014 Jun 2016<\/span>\n          <h3 data-nl=\"Biomedical Development Engineer \u00b7 TMC \/ TNO\" data-en=\"Biomedical Development Engineer \u00b7 TMC \/ TNO\">\n            Biomedical Development Engineer \u00b7 TMC \/ TNO\n          <\/h3>\n          <p data-nl=\"Start van loopbaan binnen technische R&#038;D bij TNO via TMC, met snelle doorgroei richting projectmanagement en teamleiding.\"\n             data-en=\"Start of career in technical R&#038;D at TNO through TMC, with rapid growth toward project management and team leadership.\">\n            Start of career in technical R&#038;D at TNO through TMC, with rapid growth toward project management and team leadership.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"opleiding\" class=\"panel light\">\n    <div class=\"bg-orb orb-4\"><\/div>\n\n    <div class=\"content fade-up\">\n      <p class=\"eyebrow\" data-nl=\"Opleiding &#038; ontwikkeling\" data-en=\"Education &#038; development\">Education &#038; development<\/p>\n      <h2 data-nl=\"Technische basis, continu ontwikkelen.\" data-en=\"Technical foundation, continuous development.\">\n        Technical foundation, continuous development.\n      <\/h2>\n\n      <div class=\"cards\">\n        <div class=\"card fade-up stagger\">\n          <span>01<\/span>\n          <h3 data-nl=\"MSc Biomedical Engineering\" data-en=\"MSc Biomedical Engineering\">MSc Biomedical Engineering<\/h3>\n          <p data-nl=\"TU Eindhoven \u00b7 Soft Tissue Biomechanics &#038; Engineering\"\n             data-en=\"Eindhoven University of Technology \u00b7 Soft Tissue Biomechanics &#038; Engineering\">\n            Eindhoven University of Technology \u00b7 Soft Tissue Biomechanics &#038; Engineering\n          <\/p>\n        <\/div>\n\n        <div class=\"card fade-up stagger\">\n          <span>02<\/span>\n          <h3>IPMA-C \/ IPMA-D<\/h3>\n          <p data-nl=\"Projectmanagement certificering\" data-en=\"Project management certification\">\n            Project management certification\n          <\/p>\n        <\/div>\n\n        <div class=\"card fade-up stagger\">\n          <span>03<\/span>\n          <h3>Change Leadership<\/h3>\n          <p data-nl=\"IDEO U \u00b7 coaching en leiderschapsontwikkeling\"\n             data-en=\"IDEO U \u00b7 coaching and leadership development\">\n            IDEO U \u00b7 coaching and leadership development\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"contact\" class=\"panel contact\">\n    <div class=\"bg-orb orb-5\"><\/div>\n\n    <div class=\"content fade-up\">\n      <p class=\"eyebrow\" data-nl=\"Contact\" data-en=\"Contact\">Contact<\/p>\n      <h2 data-nl=\"Laten we kennismaken.\" data-en=\"Let\u2019s connect.\">Let\u2019s connect.<\/h2>\n      <p data-nl=\"Open om te netwerken en ge\u00efnteresseerd in gesprek over teamontwikkeling binnen technische organisaties.\"\n         data-en=\"Available for project management and team development within technical organizations.\">\n        Open to network and happy to have a chat about team development within technical organizations.\n      <\/p>\n\n      <div class=\"contact-cards\">\n        <a class=\"contact-card\" href=\"mailto:jorisdufils@gmail.com\">\n          <span>Email<\/span>\n          <strong>jorisdufils@gmail.com<\/strong>\n        <\/a>\n\n        <a class=\"contact-card\" href=\"https:\/\/www.linkedin.com\/in\/jorisdufils\/\" target=\"_blank\" rel=\"noopener\">\n          <span>LinkedIn<\/span>\n          <strong>linkedin.com\/in\/jorisdufils<\/strong>\n        <\/a>\n\n        <div class=\"contact-card location-card\">\n          <div>\n            <span data-nl=\"Locatie\" data-en=\"Location\">Location<\/span>\n            <strong data-nl=\"Omgeving Eindhoven\" data-en=\"Eindhoven area\">Eindhoven area<\/strong>\n          <\/div>\n\n          <div class=\"mini-map\">\n            <div class=\"map-grid\"><\/div>\n            <div class=\"map-road road-1\"><\/div>\n            <div class=\"map-road road-2\"><\/div>\n            <div class=\"map-road road-3\"><\/div>\n            <div class=\"map-pin\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/section>\n\n<style>\nhtml { scroll-behavior: auto; }\n\nbody {\n  margin: 0;\n  overflow-x: hidden;\n}\n\n.cv-page {\n  font-family: Inter, Arial, sans-serif;\n  background: #edf3f1;\n  color: #20312d;\n  scroll-snap-type: y proximity;\n}\n\n.cv-nav {\n  position: fixed;\n  top: 24px;\n  right: 32px;\n  z-index: 20;\n  display: flex;\n  gap: 8px;\n  background: rgba(250, 253, 252, .78);\n  backdrop-filter: blur(18px);\n  padding: 10px;\n  border-radius: 999px;\n  box-shadow: 0 18px 60px rgba(20, 60, 55, .12);\n  align-items: center;\n}\n\n.cv-nav a {\n  color: #23423b;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 700;\n  opacity: .58;\n  padding: 9px 13px;\n  border-radius: 999px;\n  transition: all .3s ease;\n}\n\n.cv-nav a.active {\n  opacity: 1;\n  color: #10231f;\n  background: #c8ded8;\n}\n\n.lang-switch {\n  display: flex;\n  gap: 4px;\n  margin-left: 4px;\n  padding-left: 8px;\n  border-left: 1px solid rgba(35,66,59,.16);\n}\n\n.lang-btn {\n  border: 0;\n  background: transparent;\n  color: #23423b;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 800;\n  opacity: .45;\n  padding: 8px 10px;\n  border-radius: 999px;\n  cursor: pointer;\n  transition: all .25s ease;\n}\n\n.lang-btn.active {\n  opacity: 1;\n  background: #10231f;\n  color: #f8fbfa;\n}\n\n.panel {\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  padding: 90px 8vw;\n  box-sizing: border-box;\n  overflow: hidden;\n  scroll-snap-align: start;\n}\n\n.hero {\n  color: #f8fbfa;\n  background:\n    radial-gradient(circle at 82% 18%, rgba(92, 190, 171, .38), transparent 32%),\n    radial-gradient(circle at 15% 85%, rgba(167, 210, 199, .20), transparent 34%),\n    linear-gradient(135deg, #203a35, #42665f);\n}\n\n.panel.light {\n  color: #20312d;\n  background:\n    radial-gradient(circle at 82% 18%, rgba(92, 190, 171, .18), transparent 33%),\n    linear-gradient(135deg, #f2f6f4, #e2ece9);\n}\n\n.panel.mid {\n  color: #20312d;\n  background:\n    radial-gradient(circle at 12% 85%, rgba(65, 135, 122, .18), transparent 34%),\n    linear-gradient(135deg, #dce9e5, #c7dbd5);\n}\n\n.panel.contact {\n  color: #f8fbfa;\n  background:\n    radial-gradient(circle at 78% 22%, rgba(120, 210, 190, .26), transparent 34%),\n    linear-gradient(135deg, #263f39, #345e55);\n}\n\n.hero-grid {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  display: grid;\n  grid-template-columns: minmax(0, 1.4fr) 340px;\n  gap: 70px;\n  align-items: center;\n}\n\n.photo-wrap {\n  width: 330px;\n  height: 410px;\n  border-radius: 32px;\n  overflow: hidden;\n  background: #c8ded8;\n  box-shadow: 0 28px 80px rgba(12, 30, 27, .22);\n  justify-self: end;\n}\n\n.photo-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.hero-badges {\n  display: flex;\n  gap: 16px;\n  margin-top: 28px;\n  flex-wrap: wrap;\n}\n\n.hero-badge {\n  background: rgba(255,255,255,.16);\n  border: 1px solid rgba(255,255,255,.22);\n  backdrop-filter: blur(14px);\n  padding: 18px 22px;\n  border-radius: 24px;\n  min-width: 150px;\n  box-shadow: 0 18px 50px rgba(12, 30, 27, .12);\n}\n\n.hero-badge strong {\n  display: block;\n  font-size: 26px;\n  line-height: 1;\n  color: #f8fbfa;\n}\n\n.hero-badge span {\n  display: block;\n  margin-top: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: #bce9df;\n  text-transform: uppercase;\n  letter-spacing: .08em;\n}\n\n.bg-orb {\n  position: absolute;\n  width: 460px;\n  height: 460px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(97, 190, 172, .23), transparent 65%);\n  pointer-events: none;\n}\n\n.orb-1 { top: 8%; right: 5%; }\n.orb-2 { bottom: 6%; left: -6%; }\n.orb-3 { top: 10%; right: -6%; }\n.orb-4 { bottom: -8%; right: 8%; }\n.orb-5 { bottom: -10%; right: 10%; }\n\n.content {\n  position: relative;\n  z-index: 2;\n  max-width: 930px;\n}\n\n.eyebrow {\n  color: #2f8d7d;\n  text-transform: uppercase;\n  letter-spacing: .16em;\n  font-weight: 800;\n  font-size: 13px;\n}\n\n.hero .eyebrow,\n.contact .eyebrow {\n  color: #bce9df;\n}\n\nh1 {\n  font-size: clamp(56px, 9vw, 112px);\n  line-height: .9;\n  letter-spacing: -0.06em;\n  margin: 12px 0 28px;\n}\n\nh2 {\n  font-size: clamp(34px, 5vw, 62px);\n  line-height: 1.03;\n  letter-spacing: -0.045em;\n  margin: 10px 0 26px;\n  max-width: 950px;\n}\n\nh3 {\n  margin: 0 0 12px;\n  font-size: 24px;\n  letter-spacing: -0.02em;\n}\n\np {\n  font-size: clamp(18px, 1.7vw, 22px);\n  line-height: 1.6;\n  max-width: 790px;\n}\n\n.button {\n  display: inline-block;\n  margin-top: 26px;\n  padding: 15px 24px;\n  background: #10231f;\n  color: #f8fbfa;\n  border-radius: 999px;\n  text-decoration: none;\n  font-weight: 800;\n  box-shadow: 0 18px 50px rgba(18,49,43,.20);\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\n}\n\n.button:hover {\n  transform: translateY(-4px);\n  background: #2f8d7d;\n  box-shadow: 0 26px 70px rgba(47, 141, 125, .25);\n}\n\n.timeline {\n  position: relative;\n  display: grid;\n  gap: 22px;\n  margin-top: 42px;\n  max-width: 980px;\n  padding-left: 34px;\n}\n\n.timeline::before {\n  content: \"\";\n  position: absolute;\n  left: 8px;\n  top: 10px;\n  bottom: 10px;\n  width: 2px;\n  background: linear-gradient(\n    to bottom,\n    rgba(47,141,125,.15),\n    rgba(47,141,125,.65),\n    rgba(47,141,125,.15)\n  );\n}\n\n.timeline-item {\n  position: relative;\n  background: rgba(255,255,255,.62);\n  border: 1px solid rgba(32,49,45,.10);\n  padding: 28px;\n  border-radius: 28px;\n  box-shadow: 0 18px 50px rgba(12, 30, 27, .07);\n  transition: transform .35s ease, box-shadow .35s ease, background .35s ease;\n}\n\n.timeline-item::before {\n  content: \"\";\n  position: absolute;\n  left: -35px;\n  top: 34px;\n  width: 14px;\n  height: 14px;\n  background: #2f8d7d;\n  border: 4px solid rgba(255,255,255,.85);\n  border-radius: 50%;\n  box-shadow: 0 0 0 5px rgba(47,141,125,.12);\n}\n\n.timeline-item span {\n  display: block;\n  color: #2f8d7d;\n  font-weight: 800;\n  margin-bottom: 10px;\n}\n\n.timeline-item p {\n  font-size: 17px;\n  margin-bottom: 12px;\n}\n\n.timeline-item ul {\n  margin: 16px 0 0;\n  padding-left: 20px;\n}\n\n.timeline-item li {\n  font-size: 16px;\n  line-height: 1.55;\n  margin-bottom: 8px;\n}\n\n.timeline-item:hover {\n  transform: translateY(-7px) scale(1.01);\n  background: rgba(255,255,255,.82);\n  box-shadow: 0 30px 90px rgba(12, 30, 27, .13);\n}\n\n.cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-top: 46px;\n}\n\n.card {\n  background: rgba(255,255,255,.62);\n  border: 1px solid rgba(32,49,45,.10);\n  padding: 28px;\n  border-radius: 30px;\n  box-shadow: 0 18px 50px rgba(12, 30, 27, .07);\n  transition: transform .35s ease, box-shadow .35s ease, background .35s ease;\n}\n\n.card span {\n  display: inline-flex;\n  width: 42px;\n  height: 42px;\n  align-items: center;\n  justify-content: center;\n  background: #c8ded8;\n  color: #10231f;\n  border-radius: 50%;\n  font-weight: 900;\n  margin-bottom: 18px;\n}\n\n.card p {\n  font-size: 17px;\n}\n\n.card:hover {\n  transform: translateY(-8px) scale(1.02);\n  background: rgba(255,255,255,.86);\n  box-shadow: 0 30px 90px rgba(12, 30, 27, .14);\n}\n\n.contact-cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  margin-top: 34px;\n  max-width: 980px;\n}\n\n.contact-card {\n  display: block;\n  padding: 24px;\n  border-radius: 26px;\n  background: rgba(255,255,255,.13);\n  border: 1px solid rgba(255,255,255,.18);\n  color: #f8fbfa;\n  text-decoration: none;\n  box-shadow: 0 18px 50px rgba(12, 30, 27, .16);\n  transition: transform .35s ease, background .35s ease, box-shadow .35s ease;\n}\n\n.contact-card span {\n  display: block;\n  color: #bce9df;\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n  margin-bottom: 10px;\n}\n\n.contact-card strong {\n  font-size: 18px;\n  line-height: 1.35;\n}\n\n.contact-card:hover {\n  transform: translateY(-6px);\n  background: rgba(255,255,255,.18);\n  box-shadow: 0 30px 80px rgba(12, 30, 27, .22);\n}\n\n.location-card {\n  display: grid;\n  grid-template-columns: 1fr 120px;\n  gap: 18px;\n  align-items: center;\n  overflow: hidden;\n}\n\n.mini-map {\n  position: relative;\n  width: 120px;\n  height: 86px;\n  border-radius: 18px;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 60% 45%, rgba(188,233,223,.5), transparent 22%),\n    linear-gradient(135deg, rgba(248,251,250,.24), rgba(248,251,250,.08));\n  opacity: .9;\n}\n\n.map-grid {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);\n  background-size: 22px 22px;\n  mask-image: linear-gradient(to left, black 55%, transparent 100%);\n  -webkit-mask-image: linear-gradient(to left, black 55%, transparent 100%);\n}\n\n.map-road {\n  position: absolute;\n  height: 4px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.38);\n  transform-origin: left center;\n  filter: blur(.1px);\n}\n\n.road-1 {\n  width: 115px;\n  left: 8px;\n  top: 38px;\n  transform: rotate(-18deg);\n}\n\n.road-2 {\n  width: 95px;\n  left: 26px;\n  top: 60px;\n  transform: rotate(24deg);\n}\n\n.road-3 {\n  width: 80px;\n  left: 45px;\n  top: 20px;\n  transform: rotate(62deg);\n}\n\n.map-pin {\n  position: absolute;\n  right: 42px;\n  top: 28px;\n  width: 18px;\n  height: 18px;\n  background: #bce9df;\n  border: 4px solid #f8fbfa;\n  border-radius: 50% 50% 50% 0;\n  transform: rotate(-45deg);\n  box-shadow: 0 8px 22px rgba(0,0,0,.24);\n}\n\n.map-pin::after {\n  content: \"\";\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  background: #2f8d7d;\n  border-radius: 50%;\n  top: 2px;\n  left: 2px;\n}\n\n.fade-up {\n  opacity: 0;\n  transform: translateY(80px) scale(.97);\n  filter: blur(12px);\n  transition:\n    opacity 1s ease,\n    transform 1s cubic-bezier(.16, 1, .3, 1),\n    filter 1s ease;\n}\n\n.fade-up.visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  filter: blur(0);\n}\n\n.stagger:nth-child(1){ transition-delay:.1s; }\n.stagger:nth-child(2){ transition-delay:.22s; }\n.stagger:nth-child(3){ transition-delay:.34s; }\n.stagger:nth-child(4){ transition-delay:.46s; }\n\n\/* MOBILE \/ IPHONE *\/\n@media (max-width: 900px) {\n  .hero-grid {\n    grid-template-columns: 1fr;\n    gap: 36px;\n  }\n\n  .photo-wrap {\n    justify-self: start;\n    width: 260px;\n    height: 320px;\n  }\n\n  .cards,\n  .contact-cards {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 800px) {\n  .cv-page {\n    scroll-snap-type: none;\n  }\n\n  .panel {\n    min-height: auto;\n    padding: 96px 20px 64px;\n    overflow: visible;\n  }\n\n  .hero {\n    min-height: 100svh;\n  }\n\n  .cv-nav {\n    left: 10px;\n    right: 10px;\n    top: 10px;\n    padding: 8px;\n    gap: 4px;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .cv-nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  .cv-nav a {\n    font-size: 12px;\n    padding: 8px 10px;\n    white-space: nowrap;\n  }\n\n  .lang-switch {\n    padding-left: 6px;\n  }\n\n  .lang-btn {\n    font-size: 12px;\n    padding: 7px 9px;\n  }\n\n  .hero-grid {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n\n  .photo-wrap {\n    width: 100%;\n    max-width: 320px;\n    height: 360px;\n    justify-self: start;\n  }\n\n  h1 {\n    font-size: clamp(46px, 15vw, 72px);\n  }\n\n  h2 {\n    font-size: clamp(28px, 9vw, 42px);\n  }\n\n  p {\n    font-size: 17px;\n  }\n\n  .hero-badges {\n    gap: 12px;\n  }\n\n  .hero-badge {\n    min-width: 120px;\n    padding: 16px;\n  }\n\n  .timeline {\n    padding-left: 22px;\n    gap: 18px;\n  }\n\n  .timeline-item {\n    padding: 22px;\n    border-radius: 22px;\n  }\n\n  .timeline-item::before {\n    left: -27px;\n    top: 28px;\n  }\n\n  .timeline-item li {\n    font-size: 15px;\n  }\n\n  .contact-card {\n    padding: 22px;\n  }\n\n  .location-card {\n    grid-template-columns: 1fr;\n  }\n\n  .mini-map {\n    width: 100%;\n    height: 120px;\n    margin-top: 10px;\n  }\n\n  .bg-orb {\n    display: none;\n  }\n\n  .fade-up {\n    transform: translateY(36px);\n    filter: none;\n  }\n}\n<\/style>\n\n<script>\ndocument.documentElement.lang = 'en';\n\ndocument.querySelectorAll('.cv-nav a, .button').forEach(a=>{\n  a.addEventListener('click',e=>{\n    const href=a.getAttribute('href');\n    if(!href || !href.startsWith('#')) return;\n    e.preventDefault();\n    const target=document.querySelector(href);\n    window.scrollTo({top:target.offsetTop-70,behavior:'smooth'});\n  });\n});\n\nconst langButtons = document.querySelectorAll('.lang-btn');\nconst translatable = document.querySelectorAll('[data-nl][data-en]');\n\nfunction setLanguage(lang) {\n  translatable.forEach(el => {\n    el.textContent = el.dataset[lang];\n  });\n\n  langButtons.forEach(btn => {\n    btn.classList.toggle('active', btn.dataset.lang === lang);\n  });\n\n  document.documentElement.lang = lang;\n}\n\nsetLanguage('en');\n\nlangButtons.forEach(btn => {\n  btn.addEventListener('click', () => {\n    setLanguage(btn.dataset.lang);\n  });\n});\n\nconst observer = new IntersectionObserver(entries=>{\n  entries.forEach(e=>{\n    e.target.classList.toggle('visible', e.isIntersecting);\n  });\n},{threshold:.22});\n\ndocument.querySelectorAll('.fade-up').forEach(el=>observer.observe(el));\n\nconst sections = document.querySelectorAll(\"section[id]\");\nconst links = document.querySelectorAll(\".cv-nav a\");\n\nwindow.addEventListener(\"scroll\",()=>{\n  let current=\"\";\n  sections.forEach(sec=>{\n    if(scrollY >= sec.offsetTop - 150){\n      current = sec.id;\n    }\n  });\n\n  links.forEach(l=>{\n    l.classList.remove(\"active\");\n    if(l.getAttribute(\"href\") === \"#\" + current){\n      l.classList.add(\"active\");\n    }\n  });\n});\n\nconst orbs = document.querySelectorAll('.bg-orb');\nwindow.addEventListener('scroll',()=>{\n  if (window.innerWidth <= 800) return;\n\n  orbs.forEach((o,i)=>{\n    o.style.transform = `translateY(${scrollY*(0.05+i*0.015)}px)`;\n  });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Home Profile Experience Education Contact NL EN Curriculum Vitae Joris Dufils Project Manager High-Tech Systems Experienced project manager in complex multidisciplinary engineering environments. Focus on stakeholder management, project control and team development. 10+ years experience IPMA certified View profile Profile Creating clarity in complex projects. I lead high-tech projects from concept to delivery. My strength [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page-builder-no-header-footer.php","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cv.jorisdufils.nl\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cv.jorisdufils.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cv.jorisdufils.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cv.jorisdufils.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cv.jorisdufils.nl\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":34,"href":"https:\/\/cv.jorisdufils.nl\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/cv.jorisdufils.nl\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/cv.jorisdufils.nl\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}