{"id":803,"date":"2026-10-21T11:01:25","date_gmt":"2026-10-21T11:01:25","guid":{"rendered":"https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/?page_id=803"},"modified":"2026-10-25T20:28:14","modified_gmt":"2026-10-25T20:28:14","slug":"malta","status":"publish","type":"page","link":"https:\/\/fscreates.nl\/en\/malta\/","title":{"rendered":"Malta"},"content":{"rendered":"<main id='bde-main'><section id=\"top\" class=\"bde-section-803-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-f-html-code-803-102 bde-f-html-code\">\n\n<style>\n\/* Alleen actief tijdens de overgang vanaf de vertrekpagina. *\/\nhtml.fay-malta-arrival,\nhtml.fay-malta-arrival body {\n  background: #050505 !important;\n}\n\nhtml.fay-malta-arrival body > * {\n  \/* De pagina blijft onder de zwarte titelovergang verborgen. *\/\n}\n\n.fay-malta-arrival-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  background: #050505;\n  color: #f5f1ea;\n  text-align: center;\n  opacity: 1;\n  visibility: visible;\n}\n\n.fay-malta-arrival-overlay__eyebrow {\n  margin-bottom: 23px;\n  font-family: inherit;\n  font-size: clamp(10px, 1.1vw, 13px);\n  font-weight: 400;\n  letter-spacing: .19em;\n  text-transform: uppercase;\n  color: rgba(245, 241, 234, .75);\n  opacity: 0;\n  animation: fayArrivalTextIn .7s ease .12s forwards;\n}\n\n.fay-malta-arrival-overlay__word {\n  font-family: inherit;\n  font-size: clamp(48px, 10vw, 112px);\n  font-weight: 400;\n  line-height: .95;\n  letter-spacing: .16em;\n  padding-left: .16em;\n  transform: scale(1);\n  transform-origin: center;\n}\n\n.fay-malta-arrival-overlay__line {\n  width: clamp(55px, 8vw, 105px);\n  height: 1px;\n  margin-top: 28px;\n  background: rgba(245, 241, 234, .75);\n  transform: scaleX(1);\n  transform-origin: center;\n}\n\n.fay-malta-arrival-overlay.is-leaving {\n  animation: fayArrivalOverlayOut 1.15s cubic-bezier(.65, 0, .35, 1) forwards;\n}\n\n.fay-malta-arrival-overlay.is-leaving .fay-malta-arrival-overlay__word {\n  animation: fayArrivalZoomOut 1.15s cubic-bezier(.2, .7, .2, 1) forwards;\n}\n\n.fay-malta-arrival-overlay.is-leaving .fay-malta-arrival-overlay__eyebrow {\n  animation: fayArrivalTextOut .55s ease forwards;\n}\n\n.fay-malta-arrival-overlay.is-leaving .fay-malta-arrival-overlay__line {\n  animation: fayArrivalLineOut .55s ease forwards;\n}\n\n@keyframes fayArrivalTextIn {\n  to { opacity: 1; }\n}\n\n@keyframes fayArrivalTextOut {\n  to { opacity: 0; transform: translateY(-5px); }\n}\n\n@keyframes fayArrivalLineOut {\n  to { opacity: 0; transform: scaleX(.35); }\n}\n\n@keyframes fayArrivalZoomOut {\n  0% { transform: scale(1); opacity: 1; }\n  100% { transform: scale(1.13); opacity: 0; }\n}\n\n@keyframes fayArrivalOverlayOut {\n  0% { opacity: 1; visibility: visible; }\n  80% { opacity: 1; visibility: visible; }\n  100% { opacity: 0; visibility: hidden; }\n}\n<\/style>\n\n<script>\n(() => {\n  let shouldAnimate = false;\n\n  try {\n    shouldAnimate = sessionStorage.getItem(\"fayMaltaHandoff\") === \"1\";\n    if (shouldAnimate) sessionStorage.removeItem(\"fayMaltaHandoff\");\n  } catch (e) {}\n\n  if (!shouldAnimate) return;\n\n  \/\/ Voorkom dat de bestemming eerst wit opflitst.\n  document.documentElement.classList.add(\"fay-malta-arrival\");\n\n  const startArrival = () => {\n    if (document.querySelector(\".fay-malta-arrival-overlay\")) return;\n\n    const overlay = document.createElement(\"div\");\n    overlay.className = \"fay-malta-arrival-overlay\";\n    overlay.innerHTML = `\n      <div class=\"fay-malta-arrival-overlay__eyebrow\">\n        Fay van der Steeg \u00b7 Visual storyteller\n      <\/div>\n      <div class=\"fay-malta-arrival-overlay__word\">MALTA<\/div>\n      <div class=\"fay-malta-arrival-overlay__line\"><\/div>\n    `;\n\n    document.body.appendChild(overlay);\n\n    \/\/ Houd de titel kort vast en laat hem dan subtiel inzoomen.\n    window.setTimeout(() => {\n      overlay.classList.add(\"is-leaving\");\n    }, 550);\n\n    window.setTimeout(() => {\n      overlay.remove();\n      document.documentElement.classList.remove(\"fay-malta-arrival\");\n    }, 1800);\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", startArrival, { once: true });\n  } else {\n    startArrival();\n  }\n})();\n<\/script>\n\n<\/div><img decoding=\"async\" id=\"fay-home-logo\" class=\"bde-image2-803-107 bde-image2 fay-home-logo\" src=\"https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/Wit-Trans.png\" srcset=\"https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/Wit-Trans.png 667w, https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/Wit-Trans-300x300.png 300w, https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/Wit-Trans-150x150.png 150w\" sizes=\"(max-width: 667px) 100vw, 667px\"><\/div>\n<\/section><section class=\"bde-section-803-101 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-f-html-code-803-106 bde-f-html-code\">\n\n<section class=\"fay-malta-experience\" aria-label=\"Malta \u2014 Fay's Creative Studio\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap');\n\n.fay-malta-experience {\n  --fm-text: #242424;\n  --fm-muted: #777;\n  --fm-accent: #b69a6a;\n\n  position: relative !important;\n  left: 50% !important;\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: -50vw !important;\n\n  height: 100svh;\n  min-height: 620px;\n  max-height: 950px;\n  overflow: hidden;\n  isolation: isolate;\n\n  \/* Geen eigen achtergrond: Breakdance bepaalt de achtergrond. *\/\n  background: transparent !important;\n  color: var(--fm-text);\n  font-family: 'Poppins', sans-serif !important;\n}\n\n.fay-malta-experience *,\n.fay-malta-experience *::before,\n.fay-malta-experience *::after {\n  box-sizing: border-box;\n}\n\n.fay-malta-experience button {\n  font-family: 'Poppins', sans-serif !important;\n}\n\n\/* Verwijder alleen de decoratieve achtergrondlagen. *\/\n.fay-malta-experience__backdrop,\n.fay-malta-experience__wash,\n.fay-malta-experience__shade {\n  display: none !important;\n}\n\n\/* Geen merkregel linksboven. *\/\n.fay-malta-experience__top {\n  display: none !important;\n}\n\n.fay-malta-experience__counter {\n  position: absolute;\n  top: 30px;\n  right: 5%;\n  z-index: 5;\n  color: var(--fm-muted);\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n}\n\n.fay-malta-experience__intro {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 28px;\n  padding: 75px 5%;\n  opacity: 1;\n  transform: scale(1);\n  transition: opacity .5s ease, transform .65s ease;\n}\n\n.fay-malta-experience__intro-label,\n.fay-malta-experience__hint {\n  margin: 0;\n  color: var(--fm-muted);\n  text-align: center;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n}\n\n.fay-malta-experience__strips {\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n  gap: 8px;\n  width: min(760px, 90vw);\n  height: clamp(190px, 36vh, 340px);\n}\n\n.fay-malta-experience__strip {\n  position: relative;\n  flex: 1 1 0;\n  min-width: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  overflow: hidden;\n  background: #ddd;\n  cursor: pointer;\n  transition: flex .65s cubic-bezier(.2,.75,.25,1);\n}\n\n.fay-malta-experience__strip:hover,\n.fay-malta-experience__strip:focus-visible,\n.fay-malta-experience__strip.is-selected {\n  flex: 1.25 1 0;\n  outline: none;\n}\n\n.fay-malta-experience__strip img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: grayscale(1) brightness(.85);\n  transform: scale(1.01);\n  transition: filter .6s ease, transform .8s ease;\n}\n\n.fay-malta-experience__strip:hover img,\n.fay-malta-experience__strip:focus-visible img,\n.fay-malta-experience__strip.is-selected img {\n  filter: grayscale(0) brightness(1);\n  transform: scale(1.05);\n}\n\n.fay-malta-experience__strip::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(0deg, rgba(0,0,0,.4), transparent 45%);\n  pointer-events: none;\n}\n\n.fay-malta-experience__strip-number {\n  position: absolute;\n  z-index: 1;\n  left: 12px;\n  bottom: 13px;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: .1em;\n}\n\n.fay-malta-experience__scene {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 8% 75px;\n  opacity: 0;\n  visibility: hidden;\n  transform: scale(.97);\n  transition:\n    opacity .6s ease,\n    transform .75s ease,\n    visibility 0s linear .6s;\n}\n\n.fay-malta-experience.is-open .fay-malta-experience__intro {\n  opacity: 0;\n  transform: scale(.96);\n  pointer-events: none;\n}\n\n.fay-malta-experience.is-open .fay-malta-experience__scene {\n  opacity: 1;\n  visibility: visible;\n  transform: scale(1);\n  transition-delay: .08s, .08s, 0s;\n}\n\n.fay-malta-experience__hero {\n  position: relative;\n  width: min(1050px, 84vw);\n  height: clamp(340px, 66vh, 680px);\n  overflow: hidden;\n  background: #ddd;\n}\n\n.fay-malta-experience__hero-image {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  animation: fayMaltaImageIn .9s ease both;\n}\n\n@keyframes fayMaltaImageIn {\n  from { transform: scale(1.07); opacity: .5; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n.fay-malta-experience__hero-shade {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(0deg, rgba(0,0,0,.55), transparent 65%);\n  pointer-events: none;\n}\n\n.fay-malta-experience__frame {\n  position: absolute;\n  inset: 17px;\n  border: 1px solid rgba(255,255,255,.55);\n  pointer-events: none;\n}\n\n.fay-malta-experience__content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 35px;\n  text-align: center;\n}\n\n.fay-malta-experience__eyebrow {\n  margin: 0 0 20px;\n  color: rgba(255,255,255,.9);\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n}\n\n.fay-malta-experience__title {\n  max-width: 100%;\n  margin: 0;\n  color: #fff;\n  font-family: 'Poppins', sans-serif !important;\n  font-size: clamp(36px, 6.5vw, 82px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  text-shadow: 0 2px 25px rgba(0,0,0,.2);\n}\n\n.fay-malta-experience__description {\n  max-width: 440px;\n  margin: 22px 0 0;\n  color: rgba(255,255,255,.94);\n  font-size: 13px;\n  font-weight: 300;\n  line-height: 1.9;\n}\n\n.fay-malta-experience__open-story {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 28px;\n  padding: 12px 18px;\n  border: 1px solid rgba(255,255,255,.7);\n  border-radius: 0;\n  color: #fff;\n  background: transparent;\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: background .3s ease, color .3s ease;\n}\n\n.fay-malta-experience__open-story:hover {\n  color: #242424;\n  background: #fff;\n}\n\n.fay-malta-experience__side {\n  position: absolute;\n  top: 50%;\n  width: clamp(70px, 12vw, 180px);\n  height: clamp(220px, 43vh, 420px);\n  padding: 0;\n  overflow: hidden;\n  border: 0;\n  background: #ddd;\n  cursor: pointer;\n  opacity: .45;\n  transform: translateY(-50%);\n  transition: opacity .4s ease;\n}\n\n.fay-malta-experience__side:hover {\n  opacity: .8;\n}\n\n.fay-malta-experience__side--prev { left: -5%; }\n.fay-malta-experience__side--next { right: -5%; }\n\n.fay-malta-experience__side img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.fay-malta-experience__bottom {\n  position: absolute;\n  bottom: 27px;\n  left: 5%;\n  right: 5%;\n  z-index: 5;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n}\n\n.fay-malta-experience__back {\n  padding: 8px 0;\n  border: 0;\n  background: transparent;\n  color: var(--fm-text);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n\n.fay-malta-experience__progress {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.fay-malta-experience__dot {\n  width: 5px;\n  height: 5px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: #c9c9c9;\n  cursor: pointer;\n  transition: all .3s ease;\n}\n\n.fay-malta-experience__dot.is-active {\n  background: #252525;\n  transform: scale(1.5);\n}\n\n.fay-malta-experience__nav {\n  display: flex;\n  gap: 8px;\n}\n\n.fay-malta-experience__nav button {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  padding: 0;\n  border: 1px solid #c9c9c9;\n  border-radius: 50%;\n  color: #242424;\n  background: transparent;\n  cursor: pointer;\n  transition: all .25s ease;\n}\n\n.fay-malta-experience__nav button:hover {\n  color: #fff;\n  background: #242424;\n  border-color: #242424;\n}\n\n.fay-malta-experience__detail {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 30px;\n  background: rgba(255,255,255,.97);\n  opacity: 0;\n}\n\n.fay-malta-experience__detail.is-visible {\n  display: flex;\n  animation: fayMaltaDetailIn .4s ease forwards;\n}\n\n@keyframes fayMaltaDetailIn {\n  to { opacity: 1; }\n}\n\n.fay-malta-experience__detail-inner {\n  width: min(600px, 100%);\n  text-align: center;\n}\n\n.fay-malta-experience__detail-kicker {\n  margin: 0 0 20px;\n  color: var(--fm-accent);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n}\n\n.fay-malta-experience__detail-title {\n  margin: 0;\n  color: #242424;\n  font-family: 'Poppins', sans-serif !important;\n  font-size: clamp(30px, 5vw, 56px);\n  font-weight: 300;\n  line-height: 1.15;\n  text-transform: uppercase;\n}\n\n.fay-malta-experience__detail-copy {\n  max-width: 470px;\n  margin: 24px auto 0;\n  color: #555;\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.9;\n}\n\n.fay-malta-experience__detail-close {\n  margin-top: 30px;\n  padding: 12px 18px;\n  color: #242424;\n  border: 1px solid #bcbcbc;\n  background: transparent;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n\n@media (max-width: 700px) {\n  .fay-malta-experience {\n    min-height: 600px;\n    height: 82svh;\n    max-height: 800px;\n  }\n\n  .fay-malta-experience__counter {\n    top: 22px;\n    right: 20px;\n    font-size: 8px;\n  }\n\n  .fay-malta-experience__intro {\n    padding: 65px 18px;\n    gap: 24px;\n  }\n\n  .fay-malta-experience__strips {\n    width: 94vw;\n    gap: 5px;\n    height: clamp(190px, 32vh, 270px);\n  }\n\n  .fay-malta-experience__strip-number {\n    left: 6px;\n    bottom: 8px;\n    font-size: 8px;\n  }\n\n  .fay-malta-experience__scene {\n    padding: 75px 12px 70px;\n  }\n\n  .fay-malta-experience__hero {\n    width: 100%;\n    height: clamp(360px, 57vh, 540px);\n  }\n\n  .fay-malta-experience__frame { inset: 10px; }\n  .fay-malta-experience__content { padding: 24px; }\n\n  .fay-malta-experience__title {\n    font-size: clamp(30px, 8.5vw, 52px);\n  }\n\n  .fay-malta-experience__description {\n    margin-top: 16px;\n    font-size: 11px;\n    line-height: 1.7;\n  }\n\n  .fay-malta-experience__eyebrow {\n    font-size: 8px;\n    letter-spacing: .14em;\n  }\n\n  .fay-malta-experience__open-story {\n    margin-top: 20px;\n    font-size: 8px;\n  }\n\n  .fay-malta-experience__side {\n    width: 50px;\n    height: 180px;\n    opacity: .3;\n  }\n\n  .fay-malta-experience__side--prev { left: -43px; }\n  .fay-malta-experience__side--next { right: -43px; }\n\n  .fay-malta-experience__bottom {\n    bottom: 17px;\n    left: 20px;\n    right: 20px;\n  }\n\n  .fay-malta-experience__nav button {\n    width: 29px;\n    height: 29px;\n  }\n\n  .fay-malta-experience__back { font-size: 8px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fay-malta-experience *,\n  .fay-malta-experience *::before,\n  .fay-malta-experience *::after {\n    animation-duration: .01ms !important;\n    transition-duration: .01ms !important;\n  }\n}\n  \n\/* === CONTRASTFIX: ALLEEN KLEUREN EN LEESBAARHEID === *\/\n\n\/* Alle teksten op de zwarte Breakdance-achtergrond *\/\n.fay-malta-experience__counter,\n.fay-malta-experience__intro-label,\n.fay-malta-experience__hint,\n.fay-malta-experience__back {\n  color: #ffffff !important;\n}\n\n\/* Onderste navigatie duidelijk zichtbaar *\/\n.fay-malta-experience__dot {\n  background: rgba(255,255,255,.45) !important;\n}\n\n.fay-malta-experience__dot.is-active {\n  background: #ffffff !important;\n}\n\n.fay-malta-experience__nav button {\n  color: #ffffff !important;\n  border-color: rgba(255,255,255,.7) !important;\n  background: transparent !important;\n}\n\n.fay-malta-experience__nav button:hover {\n  color: #111111 !important;\n  background: #ffffff !important;\n  border-color: #ffffff !important;\n}\n\n\/* Maak de tekst ook zichtbaar wanneer de detailtekst opent *\/\n.fay-malta-experience__detail {\n  background: #ffffff !important;\n}\n\n.fay-malta-experience__detail-title {\n  color: #222222 !important;\n}\n\n.fay-malta-experience__detail-copy {\n  color: #444444 !important;\n}\n\n.fay-malta-experience__detail-close {\n  color: #222222 !important;\n  border-color: #888888 !important;\n}\n\n\/* Poppins consequent op alle tekst *\/\n.fay-malta-experience,\n.fay-malta-experience * {\n  font-family: 'Poppins', sans-serif !important;\n}\n\n<\/style>\n\n<!-- INSTELLINGEN: PAS HIER JE TEKSTEN EN AFBEELDINGEN AAN -->\n<script type=\"application\/json\" class=\"fay-malta-settings\">\n{\n  \"chapters\": [\n    {\n      \"title\": \"The Island\",\n      \"eyebrow\": \"01 \u2014 The destination\",\n      \"description\": \"Een eiland vol verhalen, karakter en mediterrane schoonheid.\",\n      \"detail\": \"Malta is een plek waar geschiedenis, architectuur en de zee samenkomen. Ik wilde het eiland ontdekken door niet alleen naar de bekende plekken te kijken, maar ook naar de sfeer en de details.\",\n      \"image\": \"https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/pexels-nbasak-30150458-1.jpg\"\n    },\n    {\n      \"title\": \"Hidden Gems\",\n      \"eyebrow\": \"02 \u2014 Beyond the obvious\",\n      \"description\": \"Kleine straatjes, oude muren en plekken die je bijblijven.\",\n      \"detail\": \"Achter iedere hoek kan iets bijzonders zitten. De kleine straatjes, texturen, schaduwen en onverwachte uitzichten laten zien hoeveel karakter een bestemming kan hebben.\",\n      \"image\": \"https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/pexels-adam-palvolgyi-541517852-16580686-scaled.jpg\"\n    },\n    {\n      \"title\": \"Blue Waters\",\n      \"eyebrow\": \"03 \u2014 The Mediterranean\",\n      \"description\": \"Helderblauw water, ruige rotsen en eindeloze vergezichten.\",\n      \"detail\": \"De kleuren van de Middellandse Zee geven Malta een heel eigen sfeer. Licht, beweging en contrast maken deze landschappen bijzonder om te fotograferen.\",\n      \"image\": \"https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/pexels-x1ntao-zhou-1257907212-37825347-scaled.jpg\"\n    },\n    {\n      \"title\": \"The Little Moments\",\n      \"eyebrow\": \"04 \u2014 Moments in between\",\n      \"description\": \"Niet alleen waar je bent, maar vooral hoe een plek voelt.\",\n      \"detail\": \"Soms zijn het de kleine momenten die een reis bijzonder maken. Een lichtval, een rustig uitzicht of een detail dat je bijna voorbijloopt. Juist die momenten wil ik met mijn camera vastleggen.\",\n      \"image\": \"https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/pexels-alyona-nagel-1468385055-37708234-scaled.jpg\"\n    },\n    {\n      \"title\": \"What I Learned\",\n      \"eyebrow\": \"05 \u2014 My creative journey\",\n      \"description\": \"Wat Malta mij leerde over kijken, cre\u00ebren en mijn eigen stijl ontwikkelen.\",\n      \"detail\": \"Deze reis hielp me bewuster kijken naar licht, compositie en sfeer. Ik leerde momenten niet alleen vast te leggen zoals ze zijn, maar ook na te denken over het gevoel dat een beeld kan overbrengen. Als visual storyteller wil ik blijven experimenteren, mijn eigen stijl ontwikkelen en verhalen maken die mensen echt meenemen naar een plek.\",\n      \"image\": \"https:\/\/fayscreativestud-fj7kn7hihw.live-website.com\/wp-content\/uploads\/2026\/10\/pexels-martinpechy-1049446-scaled.jpg\"\n    }\n  ]\n}\n<\/script>\n\n<div class=\"fay-malta-experience__counter\">MALTA \u2014 <span data-counter>01 \/ 05<\/span><\/div>\n\n<div class=\"fay-malta-experience__intro\">\n  <p class=\"fay-malta-experience__intro-label\">Ontdek Malta, door mijn lens<\/p>\n  <div class=\"fay-malta-experience__strips\"><\/div>\n  <p class=\"fay-malta-experience__hint\">Selecteer een hoofdstuk<\/p>\n<\/div>\n\n<div class=\"fay-malta-experience__scene\" aria-live=\"polite\">\n  <button class=\"fay-malta-experience__side fay-malta-experience__side--prev\" type=\"button\" aria-label=\"Vorig hoofdstuk\">\n    <img decoding=\"async\" data-side-prev alt=\"\" src=\"\">\n  <\/button>\n\n  <article class=\"fay-malta-experience__hero\">\n    <img decoding=\"async\" class=\"fay-malta-experience__hero-image\" data-hero alt=\"\" src=\"\">\n    <div class=\"fay-malta-experience__hero-shade\"><\/div>\n    <div class=\"fay-malta-experience__frame\"><\/div>\n\n    <div class=\"fay-malta-experience__content\">\n      <p class=\"fay-malta-experience__eyebrow\" data-eyebrow><\/p>\n      <h2 class=\"fay-malta-experience__title\" data-title><\/h2>\n      <p class=\"fay-malta-experience__description\" data-description><\/p>\n      <button class=\"fay-malta-experience__open-story\" type=\"button\" data-open-story>\n        Ontdek het verhaal <span>\u2197<\/span>\n      <\/button>\n    <\/div>\n  <\/article>\n\n  <button class=\"fay-malta-experience__side fay-malta-experience__side--next\" type=\"button\" aria-label=\"Volgend hoofdstuk\">\n    <img decoding=\"async\" data-side-next alt=\"\" src=\"\">\n  <\/button>\n<\/div>\n\n<footer class=\"fay-malta-experience__bottom\">\n  <button class=\"fay-malta-experience__back\" type=\"button\" data-back>\u2190 Alle hoofdstukken<\/button>\n  <div class=\"fay-malta-experience__progress\"><\/div>\n  <div class=\"fay-malta-experience__nav\">\n    <button type=\"button\" data-prev aria-label=\"Vorig hoofdstuk\">\u2190<\/button>\n    <button type=\"button\" data-next aria-label=\"Volgend hoofdstuk\">\u2192<\/button>\n  <\/div>\n<\/footer>\n\n<div class=\"fay-malta-experience__detail\" aria-hidden=\"true\">\n  <div class=\"fay-malta-experience__detail-inner\">\n    <p class=\"fay-malta-experience__detail-kicker\" data-detail-kicker><\/p>\n    <h3 class=\"fay-malta-experience__detail-title\" data-detail-title><\/h3>\n    <p class=\"fay-malta-experience__detail-copy\" data-detail-copy><\/p>\n    <button class=\"fay-malta-experience__detail-close\" type=\"button\" data-close-detail>\n      Terug naar de beelden\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  const script = document.currentScript;\n  const root = script && script.closest(\".fay-malta-experience\");\n  if (!root || root.dataset.initialized === \"true\") return;\n  root.dataset.initialized = \"true\";\n\n  const settingsElement = root.querySelector(\".fay-malta-settings\");\n  let scenes;\n\n  try {\n    scenes = JSON.parse(settingsElement.textContent).chapters;\n  } catch (error) {\n    console.error(\"Fay Malta: instellingen konden niet worden gelezen.\", error);\n    return;\n  }\n\n  if (!Array.isArray(scenes) || !scenes.length) return;\n\n  const $ = selector => root.querySelector(selector);\n  const $$ = selector => Array.from(root.querySelectorAll(selector));\n  let current = 0;\n\n  function makeImage(url, alt, className) {\n    const img = document.createElement(\"img\");\n    img.src = url;\n    img.alt = alt || \"\";\n    if (className) img.className = className;\n    return img;\n  }\n\n  \/\/ Fotostrips en navigatiestippen worden uit de instellingen opgebouwd.\n  const stripContainer = $(\".fay-malta-experience__strips\");\n\n  scenes.forEach((scene, index) => {\n    const button = document.createElement(\"button\");\n    button.type = \"button\";\n    button.className = \"fay-malta-experience__strip\";\n    button.dataset.scene = index;\n    button.setAttribute(\"aria-label\", scene.title);\n\n    const img = makeImage(scene.image, scene.title);\n    img.loading = index === 0 ? \"eager\" : \"lazy\";\n\n    const number = document.createElement(\"span\");\n    number.className = \"fay-malta-experience__strip-number\";\n    number.textContent = String(index + 1).padStart(2, \"0\");\n\n    button.append(img, number);\n    stripContainer.appendChild(button);\n  });\n\n  const progress = $(\".fay-malta-experience__progress\");\n\n  scenes.forEach((scene, index) => {\n    const button = document.createElement(\"button\");\n    button.type = \"button\";\n    button.className = \"fay-malta-experience__dot\";\n    button.dataset.dot = index;\n    button.setAttribute(\"aria-label\", \"Hoofdstuk \" + (index + 1));\n    progress.appendChild(button);\n  });\n\n  const title = $(\"[data-title]\");\n  const eyebrow = $(\"[data-eyebrow]\");\n  const description = $(\"[data-description]\");\n  const counter = $(\"[data-counter]\");\n  const detail = $(\".fay-malta-experience__detail\");\n\n  function setImage(img, url, alt) {\n    img.src = url;\n    img.alt = alt || \"\";\n  }\n\n  function render(index) {\n    current = (index + scenes.length) % scenes.length;\n    const scene = scenes[current];\n    const previous = scenes[(current - 1 + scenes.length) % scenes.length];\n    const next = scenes[(current + 1) % scenes.length];\n\n    const oldHero = $(\"[data-hero]\");\n    const newHero = oldHero.cloneNode(false);\n    newHero.src = scene.image;\n    newHero.alt = scene.title + \" \u2014 Malta\";\n    oldHero.replaceWith(newHero);\n\n    title.textContent = scene.title;\n    eyebrow.textContent = scene.eyebrow;\n    description.textContent = scene.description;\n    counter.textContent =\n      String(current + 1).padStart(2, \"0\") + \" \/ \" +\n      String(scenes.length).padStart(2, \"0\");\n\n    setImage($(\"[data-side-prev]\"), previous.image, previous.title);\n    setImage($(\"[data-side-next]\"), next.image, next.title);\n\n    $$(\"[data-scene]\").forEach((button, i) => {\n      button.classList.toggle(\"is-selected\", i === current);\n      button.setAttribute(\"aria-pressed\", i === current ? \"true\" : \"false\");\n    });\n\n    $$(\"[data-dot]\").forEach((button, i) => {\n      button.classList.toggle(\"is-active\", i === current);\n    });\n\n    $(\"[data-detail-title]\").textContent = scene.title;\n    $(\"[data-detail-kicker]\").textContent =\n      \"Malta \u00b7 Chapter \" + String(current + 1).padStart(2, \"0\");\n    $(\"[data-detail-copy]\").textContent = scene.detail;\n  }\n\n  function openScene(index) {\n    render(index);\n    root.classList.add(\"is-open\");\n  }\n\n  function closeDetail() {\n    detail.classList.remove(\"is-visible\");\n    detail.setAttribute(\"aria-hidden\", \"true\");\n  }\n\n  function closeScene() {\n    root.classList.remove(\"is-open\");\n    closeDetail();\n  }\n\n  function openDetail() {\n    detail.classList.add(\"is-visible\");\n    detail.setAttribute(\"aria-hidden\", \"false\");\n  }\n\n  root.addEventListener(\"click\", event => {\n    const strip = event.target.closest(\"[data-scene]\");\n    const dot = event.target.closest(\"[data-dot]\");\n\n    if (strip && root.contains(strip)) {\n      openScene(Number(strip.dataset.scene));\n      return;\n    }\n\n    if (dot && root.contains(dot)) {\n      openScene(Number(dot.dataset.dot));\n    }\n  });\n\n  $(\"[data-prev]\").addEventListener(\"click\", () => openScene(current - 1));\n  $(\"[data-next]\").addEventListener(\"click\", () => openScene(current + 1));\n  $(\".fay-malta-experience__side--prev\").addEventListener(\"click\", () => openScene(current - 1));\n  $(\".fay-malta-experience__side--next\").addEventListener(\"click\", () => openScene(current + 1));\n  $(\"[data-back]\").addEventListener(\"click\", closeScene);\n  $(\"[data-open-story]\").addEventListener(\"click\", openDetail);\n  $(\"[data-close-detail]\").addEventListener(\"click\", closeDetail);\n\n  root.addEventListener(\"keydown\", event => {\n    if (event.key === \"Escape\") {\n      closeDetail();\n      closeScene();\n    }\n    if (root.classList.contains(\"is-open\") && event.key === \"ArrowRight\") {\n      openScene(current + 1);\n    }\n    if (root.classList.contains(\"is-open\") && event.key === \"ArrowLeft\") {\n      openScene(current - 1);\n    }\n  });\n\n  render(0);\n})();\n<\/script>\n\n<\/section>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-803-103 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><\/div>\n<\/section><section class=\"bde-section-803-104 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-f-html-code-803-108 bde-f-html-code\">\n\n<section class=\"fay-reisverhaal\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap');\n\n    .fay-reisverhaal {\n      --fr-tekst: #ffffff;\n      --fr-zacht: rgba(255,255,255,.68);\n      --fr-lijn: rgba(255,255,255,.3);\n      position: relative;\n      width: 100%;\n      padding: clamp(110px, 16vw, 210px) 7% clamp(110px, 14vw, 180px);\n      background: transparent;\n      color: var(--fr-tekst);\n      font-family: 'Poppins', sans-serif;\n      overflow: hidden;\n      isolation: isolate;\n    }\n\n    .fay-reisverhaal *,\n    .fay-reisverhaal *::before,\n    .fay-reisverhaal *::after {\n      box-sizing: border-box;\n    }\n\n    .fay-reisverhaal__inhoud {\n      width: min(1100px, 100%);\n      margin: 0 auto;\n    }\n\n    .fay-reisverhaal__boven {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      margin-bottom: 34px;\n      opacity: 0;\n      transform: translateY(24px);\n      transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);\n    }\n\n    .fay-reisverhaal__nummer {\n      color: var(--fr-zacht);\n      font-size: 11px;\n      letter-spacing: .18em;\n    }\n\n    .fay-reisverhaal__streep {\n      width: 48px;\n      height: 1px;\n      background: var(--fr-lijn);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform .8s ease .2s;\n    }\n\n    .fay-reisverhaal__label {\n      margin: 0;\n      color: var(--fr-zacht);\n      font-size: 10px;\n      font-weight: 400;\n      letter-spacing: .2em;\n      text-transform: uppercase;\n    }\n\n    .fay-reisverhaal__titel {\n      max-width: 900px;\n      margin: 0;\n      font-family: 'Poppins', sans-serif;\n      font-size: clamp(34px, 6.4vw, 86px);\n      font-weight: 300;\n      line-height: 1.12;\n      letter-spacing: -.045em;\n      text-wrap: balance;\n      opacity: 0;\n      transform: translateY(35px);\n      transition: opacity .9s ease .12s, transform .9s cubic-bezier(.2,.7,.2,1) .12s;\n    }\n\n    .fay-reisverhaal__titel span {\n      display: block;\n      color: var(--fr-zacht);\n      font-weight: 300;\n    }\n\n    .fay-reisverhaal__onder {\n      display: grid;\n      grid-template-columns: 1fr minmax(280px, 470px);\n      gap: 50px;\n      align-items: start;\n      margin-top: clamp(45px, 7vw, 85px);\n    }\n\n    .fay-reisverhaal__quote {\n      max-width: 360px;\n      margin: 0;\n      color: var(--fr-tekst);\n      font-size: clamp(18px, 2vw, 24px);\n      font-weight: 300;\n      line-height: 1.65;\n      opacity: 0;\n      transform: translateY(25px);\n      transition: opacity .8s ease .2s, transform .8s ease .2s;\n    }\n\n    .fay-reisverhaal__tekst {\n      margin: 0;\n      color: var(--fr-zacht);\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 2;\n      opacity: 0;\n      transform: translateY(25px);\n      transition: opacity .8s ease .32s, transform .8s ease .32s;\n    }\n\n    .fay-reisverhaal__slot {\n      display: flex;\n      align-items: center;\n      gap: 18px;\n      margin-top: 32px;\n      color: var(--fr-tekst);\n      font-size: 10px;\n      font-weight: 400;\n      letter-spacing: .17em;\n      text-transform: uppercase;\n      opacity: 0;\n      transform: translateY(15px);\n      transition: opacity .8s ease .45s, transform .8s ease .45s;\n    }\n\n    .fay-reisverhaal__slotlijn {\n      width: 38px;\n      height: 1px;\n      background: var(--fr-tekst);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform .7s ease .65s;\n    }\n\n    \/* Active entrance animation *\/\n    .fay-reisverhaal.is-zichtbaar .fay-reisverhaal__boven,\n    .fay-reisverhaal.is-zichtbaar .fay-reisverhaal__titel,\n    .fay-reisverhaal.is-zichtbaar .fay-reisverhaal__quote,\n    .fay-reisverhaal.is-zichtbaar .fay-reisverhaal__tekst,\n    .fay-reisverhaal.is-zichtbaar .fay-reisverhaal__slot {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .fay-reisverhaal.is-zichtbaar .fay-reisverhaal__streep,\n    .fay-reisverhaal.is-zichtbaar .fay-reisverhaal__slotlijn {\n      transform: scaleX(1);\n    }\n\n    \/* Subtle scroll-progress line *\/\n    .fay-reisverhaal__voortgang {\n      position: absolute;\n      top: 0;\n      left: 7%;\n      width: 86%;\n      height: 1px;\n      background: rgba(255,255,255,.12);\n      overflow: hidden;\n    }\n\n    .fay-reisverhaal__voortgang span {\n      display: block;\n      width: 100%;\n      height: 100%;\n      background: rgba(255,255,255,.75);\n      transform: scaleX(0);\n      transform-origin: left;\n    }\n\n    @media (max-width: 700px) {\n      .fay-reisverhaal {\n        padding: 95px 7% 105px;\n      }\n\n      .fay-reisverhaal__boven {\n        gap: 11px;\n        margin-bottom: 25px;\n      }\n\n      .fay-reisverhaal__streep {\n        width: 28px;\n      }\n\n      .fay-reisverhaal__label {\n        font-size: 9px;\n        letter-spacing: .13em;\n      }\n\n      .fay-reisverhaal__titel {\n        font-size: clamp(35px, 10vw, 55px);\n      }\n\n      .fay-reisverhaal__onder {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 35px;\n      }\n\n      .fay-reisverhaal__quote {\n        max-width: 100%;\n        font-size: 20px;\n      }\n\n      .fay-reisverhaal__tekst {\n        font-size: 13px;\n        line-height: 1.9;\n      }\n\n      .fay-reisverhaal__slot {\n        font-size: 9px;\n        letter-spacing: .12em;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .fay-reisverhaal *,\n      .fay-reisverhaal *::before,\n      .fay-reisverhaal *::after {\n        transition-duration: .01ms !important;\n        transform: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"fay-reisverhaal__voortgang\" aria-hidden=\"true\">\n    <span><\/span>\n  <\/div>\n\n  <div class=\"fay-reisverhaal__inhoud\">\n    <div class=\"fay-reisverhaal__boven\">\n      <span class=\"fay-reisverhaal__nummer\">01<\/span>\n      <span class=\"fay-reisverhaal__streep\"><\/span>\n      <p class=\"fay-reisverhaal__label\">Meer dan een herinnering<\/p>\n    <\/div>\n\n    <h2 class=\"fay-reisverhaal__titel\">\n      Elke reis leert je\n      <span>anders kijken.<\/span>\n    <\/h2>\n\n    <div class=\"fay-reisverhaal__onder\">\n      <p class=\"fay-reisverhaal__quote\">\n        Een nieuwe plek ontdekken is ook een nieuwe manier ontdekken om verhalen te vertellen.\n      <\/p>\n\n      <div>\n        <p class=\"fay-reisverhaal__tekst\">\n          Reizen biedt mij de kans om te experimenteren met licht, compositie en perspectief. Tijdens mijn ervaring op Malta leerde ik bewuster kijken naar de wereld om me heen en de sfeer van een moment vast te leggen.\n\n          <br><br>\n\n          Van kleine details tot indrukwekkende landschappen: ieder beeld daagt me uit om mijn creativiteit verder te ontwikkelen en mijn eigen stijl als fotograaf en visual storyteller te versterken.\n        <\/p>\n\n        <div class=\"fay-reisverhaal__slot\">\n          <span class=\"fay-reisverhaal__slotlijn\"><\/span>\n          <span>Niet alleen zien, maar leren kijken<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (() => {\n      const script = document.currentScript;\n      const section = script && script.closest('.fay-reisverhaal');\n      if (!section || section.dataset.ready === 'true') return;\n      section.dataset.ready = 'true';\n\n      const progress = section.querySelector(\n        '.fay-reisverhaal__voortgang span'\n      );\n\n      const reveal = () => {\n        section.classList.add('is-zichtbaar');\n      };\n\n      if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              reveal();\n              observer.unobserve(section);\n            }\n          });\n        }, { threshold: 0.15 });\n\n        observer.observe(section);\n      } else {\n        reveal();\n      }\n\n      let ticking = false;\n\n      const updateProgress = () => {\n        const rect = section.getBoundingClientRect();\n        const height = section.offsetHeight;\n        const viewport = window.innerHeight;\n        const distance = height + viewport;\n        const travelled = viewport - rect.top;\n        const amount = Math.max(0, Math.min(1, travelled \/ distance));\n\n        progress.style.transform = `scaleX(${amount})`;\n        ticking = false;\n      };\n\n      const onScroll = () => {\n        if (!ticking) {\n          window.requestAnimationFrame(updateProgress);\n          ticking = true;\n        }\n      };\n\n      window.addEventListener('scroll', onScroll, { passive: true });\n      window.addEventListener('resize', updateProgress);\n      updateProgress();\n    })();\n  <\/script>\n<\/section>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-803-105 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-icon-803-109 bde-icon fay-return-plane\">\n\n    \n            <div class=\"bde-icon-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M.3 166.9L0 68C0 57.7 9.5 50.1 19.5 52.3l35.6 7.9c10.6 2.3 19.2 9.9 23 20L96 128l127.3 37.6L181.8 20.4C178.9 10.2 186.6 0 197.2 0h40.1c11.6 0 22.2 6.2 27.9 16.3l109 193.8 107.2 31.7c15.9 4.7 30.8 12.5 43.7 22.8l34.4 27.6c24 19.2 18.1 57.3-10.7 68.2c-41.2 15.6-86.2 18.1-128.8 7L121.7 289.8c-11.1-2.9-21.2-8.7-29.3-16.9L9.5 189.4c-5.9-6-9.3-14.1-9.3-22.5zM32 448H608c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32zm96-80a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm128-16a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\"\/><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n\n<\/div><div class=\"bde-f-html-code-803-110 bde-f-html-code\">\n\n<style>\n.fay-return-plane {\n  cursor: pointer;\n  transform-origin: center;\n  animation: fayReturnIdle 3s ease-in-out infinite;\n  will-change: transform;\n}\n\n@keyframes fayReturnIdle {\n  0%, 100% { transform: translateY(0) rotate(2deg); }\n  50% { transform: translateY(-7px) rotate(-2deg); }\n}\n\n.fay-return-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  overflow: hidden;\n  background: #050505;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 1.1s ease;\n  isolation: isolate;\n}\n\n.fay-return-overlay.is-active {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.fay-return-overlay__black {\n  position: absolute;\n  inset: 0;\n  background: #050505;\n  opacity: 0;\n  transition: opacity 2.1s cubic-bezier(.65, 0, .35, 1);\n}\n\n.fay-return-overlay.is-active .fay-return-overlay__black {\n  opacity: 1;\n}\n\n.fay-return-overlay__light {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(\n    ellipse at 45% 45%,\n    rgba(210, 166, 99, .10),\n    transparent 48%\n  );\n  opacity: 0;\n  transition: opacity 1.4s ease;\n}\n\n.fay-return-overlay.is-active .fay-return-overlay__light {\n  opacity: 1;\n}\n\n.fay-return-overlay__route {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  transition: opacity 1.15s ease;\n}\n\n.fay-return-overlay__route path {\n  fill: none;\n  stroke: rgba(236, 219, 188, .9);\n  stroke-width: 1.4;\n  stroke-dasharray: 2 9;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.fay-return-overlay__route path.is-drawing {\n  stroke-dasharray: 1;\n  stroke-dashoffset: 1;\n  animation: fayReturnDraw 1.35s cubic-bezier(.4, 0, .2, 1) forwards;\n}\n\n@keyframes fayReturnDraw {\n  to { stroke-dashoffset: 0; }\n}\n\n.fay-return-overlay__particles {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.fay-return-overlay__particle {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: #f2d6a2;\n  box-shadow: 0 0 12px 2px rgba(242, 214, 162, .45);\n  animation: fayReturnParticle 1.8s ease-out forwards;\n}\n\n@keyframes fayReturnParticle {\n  0% { opacity: 0; transform: scale(.3); }\n  25% { opacity: .9; }\n  100% {\n    opacity: 0;\n    transform: scale(0) translateY(-16px);\n  }\n}\n\n.fay-return-overlay__flare {\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(244, 213, 162, .16),\n    rgba(244, 213, 162, .035) 34%,\n    transparent 70%\n  );\n  transform: translate(-50%, -50%) scale(.4);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.fay-return-overlay.is-active .fay-return-overlay__flare {\n  animation: fayReturnFlare 1.2s ease-out .5s forwards;\n}\n\n@keyframes fayReturnFlare {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(.4);\n  }\n  45% { opacity: 1; }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(1.5);\n  }\n}\n\n.fay-return-overlay__title {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  text-align: center;\n  padding: 24px;\n  color: #f5f1ea;\n  opacity: 0;\n  transform: translateY(12px);\n  transition: opacity 1.1s ease,\n              transform 1.1s cubic-bezier(.2, .7, .2, 1);\n}\n\n.fay-return-overlay.is-title-visible .fay-return-overlay__title {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.fay-return-overlay__eyebrow {\n  margin-bottom: 23px;\n  font-family: inherit;\n  font-size: clamp(10px, 1.1vw, 13px);\n  font-weight: 400;\n  letter-spacing: .19em;\n  text-transform: uppercase;\n  color: rgba(245, 241, 234, .75);\n}\n\n.fay-return-overlay__word {\n  font-family: inherit;\n  font-size: clamp(38px, 8vw, 96px);\n  font-weight: 400;\n  line-height: 1.1;\n  letter-spacing: .12em;\n  text-align: center;\n}\n\n.fay-return-overlay__line {\n  width: 0;\n  height: 1px;\n  margin-top: 28px;\n  background: rgba(245, 241, 234, .75);\n  transition: width 1s ease .35s;\n}\n\n.fay-return-overlay.is-title-visible .fay-return-overlay__line {\n  width: clamp(55px, 8vw, 105px);\n}\n\n.fay-return-overlay.is-route-fading .fay-return-overlay__route,\n.fay-return-overlay.is-route-fading .fay-return-overlay__particles {\n  opacity: 0;\n}\n\n.fay-return-overlay.is-final-black .fay-return-overlay__light {\n  opacity: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fay-return-plane { animation: none; }\n}\n<\/style>\n\n<script>\n(() => {\n  const DESTINATION = \"\/over-mij\/\";\n\n  const init = () => {\n    const plane = document.querySelector(\".fay-return-plane\");\n    if (!plane || plane.dataset.fayReturnReady === \"true\") return;\n\n    plane.dataset.fayReturnReady = \"true\";\n\n    let running = false;\n\n    plane.addEventListener(\"click\", (event) => {\n      if (running) return;\n\n      running = true;\n      event.preventDefault();\n\n      const rect = plane.getBoundingClientRect();\n      const startX = rect.left + rect.width \/ 2;\n      const startY = rect.top + rect.height \/ 2;\n      const width = window.innerWidth;\n      const height = window.innerHeight;\n\n      const overlay = document.createElement(\"div\");\n      overlay.className = \"fay-return-overlay\";\n\n      overlay.innerHTML = `\n        <div class=\"fay-return-overlay__black\"><\/div>\n        <div class=\"fay-return-overlay__light\"><\/div>\n\n        <svg class=\"fay-return-overlay__route\"\n             viewBox=\"0 0 ${width} ${height}\"\n             preserveAspectRatio=\"none\"\n             aria-hidden=\"true\">\n          <path class=\"is-drawing\"\n            pathLength=\"1\"\n            d=\"M ${startX} ${startY}\n               C ${startX - 70} ${startY - 110},\n                 ${width * .60} ${height * .20},\n                 ${width * .45} ${height * .48}\n               S ${width * .18} ${height * .62},\n                 -80 ${height * .15}\" \/>\n        <\/svg>\n\n        <div class=\"fay-return-overlay__particles\"><\/div>\n\n        <div class=\"fay-return-overlay__flare\"\n             style=\"left:${startX}px;top:${startY}px\"><\/div>\n\n        <div class=\"fay-return-overlay__title\">\n          <div class=\"fay-return-overlay__eyebrow\">\n            Fay van der Steeg \u00b7 Visual storyteller\n          <\/div>\n          <div class=\"fay-return-overlay__word\">\n            OVER MIJ\n          <\/div>\n          <div class=\"fay-return-overlay__line\"><\/div>\n        <\/div>\n      `;\n\n      document.body.appendChild(overlay);\n\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          overlay.classList.add(\"is-active\");\n        });\n      });\n\n      const particleLayer = overlay.querySelector(\n        \".fay-return-overlay__particles\"\n      );\n\n      for (let i = 0; i < 13; i++) {\n        const particle = document.createElement(\"span\");\n        particle.className = \"fay-return-overlay__particle\";\n        particle.style.left =\n          (startX + (Math.random() - .5) * 110) + \"px\";\n        particle.style.top =\n          (startY + (Math.random() - .5) * 90) + \"px\";\n        particle.style.animationDelay =\n          (Math.random() * .6) + \"s\";\n        particleLayer.appendChild(particle);\n      }\n\n      window.setTimeout(() => {\n        overlay.classList.add(\"is-title-visible\");\n      }, 1250);\n\n      window.setTimeout(() => {\n        overlay.classList.add(\"is-route-fading\");\n      }, 2250);\n\n      window.setTimeout(() => {\n        overlay.classList.add(\"is-final-black\");\n\n        try {\n          sessionStorage.setItem(\"fayReturnHandoff\", \"1\");\n        } catch (e) {}\n      }, 2900);\n\n      window.setTimeout(() => {\n        window.location.href = DESTINATION;\n      }, 4000);\n    });\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init, { once: true });\n  } else {\n    init();\n  }\n})();\n<\/script>\n\n<\/div><\/div>\n<\/section><\/main>","protected":false},"excerpt":{"rendered":"<p>MALTA \u2014 01 \/ 05 Ontdek Malta, door mijn lens Selecteer een hoofdstuk Ontdek het verhaal \u2197 \u2190 Alle hoofdstukken \u2190 \u2192 Terug naar de beelden 01 Meer dan een herinnering Elke reis leert je anders kijken. Een nieuwe plek ontdekken is ook een nieuwe manier ontdekken om verhalen te vertellen. Reizen biedt mij de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fscreates.nl\/en\/wp-json\/wp\/v2\/pages\/803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fscreates.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fscreates.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fscreates.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fscreates.nl\/en\/wp-json\/wp\/v2\/comments?post=803"}],"version-history":[{"count":38,"href":"https:\/\/fscreates.nl\/en\/wp-json\/wp\/v2\/pages\/803\/revisions"}],"predecessor-version":[{"id":1071,"href":"https:\/\/fscreates.nl\/en\/wp-json\/wp\/v2\/pages\/803\/revisions\/1071"}],"wp:attachment":[{"href":"https:\/\/fscreates.nl\/en\/wp-json\/wp\/v2\/media?parent=803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}