{"id":33,"date":"2026-01-15T16:09:02","date_gmt":"2026-01-15T16:09:02","guid":{"rendered":"https:\/\/olah-agency.com\/?page_id=33"},"modified":"2026-10-15T19:15:11","modified_gmt":"2026-10-15T19:15:11","slug":"about","status":"publish","type":"page","link":"https:\/\/olah-agency.com\/fr\/about\/","title":{"rendered":"About OLAH Agency | Creative Studio Based in Belgium"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33\" class=\"elementor elementor-33\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b5d965 e-con-full e-flex e-con e-parent\" data-id=\"3b5d965\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5b2dca elementor-widget elementor-widget-html\" data-id=\"f5b2dca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n <head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Olah Agency Navigation<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@400;700;800;900&family=Manrope:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    body { box-sizing: border-box; margin: 0; padding: 0; }\r\n    *, *::before, *::after { box-sizing: inherit; }\r\n    html, body { height: 100%; width: 100%; }\r\n\r\n    \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .olah-nav-header {\r\n      position: fixed;\r\n      top: 0; left: 0; right: 0;\r\n      width: 100%;\r\n      background: #000000;\r\n      z-index: 9999;\r\n      padding: 20px 40px;\r\n      font-family: 'League Spartan', sans-serif;\r\n    }\r\n\r\n    .olah-nav-container {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n      gap: 40px;\r\n      height: 46px;\r\n    }\r\n\r\n    .olah-nav-section {\r\n      display: flex;\r\n      gap: 30px;\r\n      align-items: center;\r\n      flex: 1;\r\n    }\r\n    .olah-nav-section.left { justify-content: flex-start; }\r\n    .olah-nav-section.right { justify-content: flex-end; }\r\n\r\n    .olah-logo-section {\r\n      flex-shrink: 0;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 LOGO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .olah-logo-wrapper {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n      flex-direction: column;\r\n      gap: 0;\r\n    }\r\n\r\n    \/* OLAH logo image: forced white at rest, true colors on hover *\/\r\n    .olah-logo-wordmark-img {\r\n      height: 34px !important;\r\n      width: auto !important;\r\n      max-width: none !important;\r\n      max-height: 34px !important;\r\n      display: block !important;\r\n      margin: 0 !important;\r\n      align-self: flex-start;\r\n      filter: brightness(0) invert(1);\r\n      transition: filter 300ms ease, transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);\r\n    }\r\n\r\n    .olah-logo-wrapper:hover .olah-logo-wordmark-img {\r\n      filter: none;\r\n      transform: translateY(-6px);\r\n    }\r\n\r\n    \/* AGENCY logo image reveal row (replaces the old bar + text) *\/\r\n    .olah-logo-agency-row {\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      align-items: center;\r\n      align-self: flex-start;\r\n      max-height: 0;\r\n      opacity: 0;\r\n      overflow: hidden;\r\n      transition:\r\n        max-height 0ms ease 300ms,\r\n        opacity 250ms ease 40ms;\r\n    }\r\n\r\n    .olah-logo-wrapper:hover .olah-logo-agency-row {\r\n      max-height: 24px;\r\n      opacity: 1;\r\n      transition:\r\n        max-height 0ms ease 0ms,\r\n        opacity 250ms ease 40ms;\r\n    }\r\n\r\n    .olah-logo-agency-img {\r\n      height: 9px !important;\r\n      width: auto !important;\r\n      max-width: none !important;\r\n      max-height: 9px !important;\r\n      display: block !important;\r\n      margin: 4px 0 0 0 !important;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 NAV LINKS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .olah-nav-link {\r\n      display: flex;\r\n      align-items: center;\r\n      text-decoration: none;\r\n      color: #ffffff;\r\n      position: relative;\r\n      min-height: 30px;\r\n    }\r\n\r\n    .olah-nav-link-inner {\r\n      overflow: hidden;\r\n      height: 28px;\r\n      position: relative;\r\n    }\r\n\r\n    .olah-nav-text-stack {\r\n      display: flex;\r\n      flex-direction: column;\r\n      transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);\r\n      will-change: transform;\r\n    }\r\n\r\n    .olah-nav-text {\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      line-height: 28px;\r\n      white-space: nowrap;\r\n      height: 28px;\r\n      display: block;\r\n      color: #ffffff;\r\n      transition: color 300ms ease;\r\n    }\r\n\r\n    .olah-nav-text.hover-text { color: #fe6f5e; }\r\n\r\n    .olah-nav-link:hover .olah-nav-text-stack,\r\n    .olah-nav-link:focus .olah-nav-text-stack { transform: translateY(-28px); }\r\n\r\n    .olah-nav-link:hover .olah-nav-text,\r\n    .olah-nav-link:focus .olah-nav-text { color: #fe6f5e; }\r\n\r\n    .olah-nav-link.always-orange .olah-nav-text { color: #fe6f5e; }\r\n\r\n    .olah-nav-link:focus { outline: 2px solid #ffffff; outline-offset: 4px; }\r\n\r\n    \/* \u2500\u2500\u2500 SHIMMER (LET'S TALK + IMPACT) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .olah-nav-link.always-orange .olah-nav-text:not(.hover-text) {\r\n      background: linear-gradient(\r\n        105deg,\r\n        #fe6f5e 0%, #fe6f5e 30%,\r\n        #ffcec7 44%, #ffffff 50%,\r\n        #ffcec7 56%, #fe6f5e 70%, #fe6f5e 100%\r\n      );\r\n      background-size: 250% 100%;\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      color: transparent;\r\n      animation: letstalk-shimmer 3.2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes letstalk-shimmer {\r\n      0%   { background-position: 150% center; }\r\n      100% { background-position: -50% center; }\r\n    }\r\n\r\n    .olah-nav-link.always-orange:hover .olah-nav-text:not(.hover-text) {\r\n      animation-play-state: paused;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 MOBILE ELEMENTS (cach\u00e9s sur desktop) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .olah-mobile-logo    { display: none; }\r\n    .olah-menu-btn       { display: none; }\r\n    .olah-mobile-spacer  { display: none; }\r\n\r\n    \/* \u2500\u2500\u2500 FIX ELEMENTOR \u2014 reset complet des boutons \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .olah-close-btn,\r\n    .olah-menu-btn {\r\n      background: none !important;\r\n      background-color: transparent !important;\r\n      background-image: none !important;\r\n      border: none !important;\r\n      border-radius: 0 !important;\r\n      box-shadow: none !important;\r\n      -webkit-appearance: none !important;\r\n      appearance: none !important;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      outline: none !important;\r\n      text-shadow: none !important;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 FULLSCREEN MENU \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .olah-fullscreen-menu {\r\n      position: fixed;\r\n      inset: 0;\r\n      background: #000000;\r\n      z-index: 99999;\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 24px 24px 48px;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transform: translateY(-10px);\r\n      transition: opacity 350ms ease, transform 350ms ease;\r\n    }\r\n\r\n    .olah-fullscreen-menu.open {\r\n      opacity: 1;\r\n      pointer-events: all;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .olah-menu-top {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    .olah-close-btn {\r\n      color: #ffffff !important;\r\n      font-family: 'League Spartan', sans-serif !important;\r\n      font-weight: 700 !important;\r\n      font-size: 18px !important;\r\n      letter-spacing: 0.08em !important;\r\n      text-transform: uppercase !important;\r\n      cursor: pointer !important;\r\n      opacity: 0.9;\r\n      transition: opacity 200ms ease;\r\n    }\r\n\r\n    .olah-close-btn:hover { opacity: 1; }\r\n\r\n    .olah-menu-links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n      margin-top: auto;\r\n    }\r\n\r\n    .olah-menu-item {\r\n      text-decoration: none;\r\n      font-family: 'League Spartan', sans-serif;\r\n      font-weight: 900;\r\n      font-size: clamp(42px, 10vw, 72px);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.02em;\r\n      color: #fe6f5e;\r\n      line-height: 1;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: opacity 300ms ease, transform 300ms ease, color 200ms ease;\r\n    }\r\n\r\n    .olah-menu-item:hover { color: #ffffff; }\r\n\r\n    .olah-fullscreen-menu.open .olah-menu-item:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 80ms; }\r\n    .olah-fullscreen-menu.open .olah-menu-item:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 140ms; }\r\n    .olah-fullscreen-menu.open .olah-menu-item:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 200ms; }\r\n    .olah-fullscreen-menu.open .olah-menu-item:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 260ms; }\r\n    .olah-fullscreen-menu.open .olah-menu-item:nth-child(5) { opacity: 1; transform: translateY(0); transition-delay: 320ms; }\r\n\r\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .olah-nav-text-stack { transition: none; }\r\n      .olah-logo-wordmark-img { transition: none; }\r\n      .olah-nav-link.always-orange .olah-nav-text:not(.hover-text) { animation: none; }\r\n      .olah-menu-btn { animation: none !important; }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .olah-nav-container { gap: 20px; }\r\n      .olah-nav-section { gap: 20px; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .olah-nav-section.left,\r\n      .olah-nav-section.right,\r\n      .olah-logo-section { display: none; }\r\n\r\n      .olah-nav-header { padding: 16px 24px; }\r\n\r\n      .olah-nav-container {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr;\r\n        align-items: center;\r\n        gap: 0;\r\n        height: auto;\r\n      }\r\n\r\n      .olah-mobile-spacer {\r\n        display: block;\r\n        justify-self: start;\r\n      }\r\n\r\n      .olah-mobile-logo {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        text-decoration: none;\r\n        justify-self: center;\r\n        flex-direction: column;\r\n        gap: 0;\r\n      }\r\n\r\n      .olah-mobile-logo .olah-logo-wordmark-img {\r\n        height: 20px !important;\r\n        max-height: 20px !important;\r\n      }\r\n\r\n      .olah-mobile-logo .olah-logo-agency-img {\r\n        height: 6px !important;\r\n        max-height: 6px !important;\r\n        margin-top: 3px !important;\r\n      }\r\n\r\n      .olah-menu-btn {\r\n        display: flex !important;\r\n        align-items: center;\r\n        justify-self: end;\r\n        cursor: pointer !important;\r\n        font-family: 'League Spartan', sans-serif !important;\r\n        font-weight: 700 !important;\r\n        font-size: 18px !important;\r\n        letter-spacing: 0.08em !important;\r\n        text-transform: uppercase !important;\r\n        background: linear-gradient(\r\n          105deg,\r\n          #fe6f5e 0%, #fe6f5e 30%,\r\n          #ffcec7 44%, #ffffff 50%,\r\n          #ffcec7 56%, #fe6f5e 70%, #fe6f5e 100%\r\n        ) !important;\r\n        background-size: 250% 100% !important;\r\n        background-clip: text !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        animation: letstalk-shimmer 3.2s ease-in-out infinite !important;\r\n      }\r\n\r\n      .olah-menu-btn:hover { animation-play-state: paused !important; }\r\n    }\r\n  <\/style>\r\n <\/head>\r\n <body>\r\n\r\n  <!-- \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <header class=\"olah-nav-header\">\r\n   <nav class=\"olah-nav-container\">\r\n\r\n    <!-- Desktop gauche : WORKS \u2014 ABOUT \u2014 JOURNAL -->\r\n    <div class=\"olah-nav-section left\">\r\n      <a href=\"https:\/\/olah-agency.com\/works\/\" class=\"olah-nav-link\">\r\n        <div class=\"olah-nav-link-inner\">\r\n          <div class=\"olah-nav-text-stack\">\r\n            <span class=\"olah-nav-text\">WORKS<\/span>\r\n            <span class=\"olah-nav-text hover-text\">WORKS<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/olah-agency.com\/about\/\" class=\"olah-nav-link\">\r\n        <div class=\"olah-nav-link-inner\">\r\n          <div class=\"olah-nav-text-stack\">\r\n            <span class=\"olah-nav-text\">ABOUT<\/span>\r\n            <span class=\"olah-nav-text hover-text\">ABOUT<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/olah-agency.com\/journal-logbook-guestbook\/\" class=\"olah-nav-link\">\r\n        <div class=\"olah-nav-link-inner\">\r\n          <div class=\"olah-nav-text-stack\">\r\n            <span class=\"olah-nav-text\">JOURNAL<\/span>\r\n            <span class=\"olah-nav-text hover-text\">JOURNAL<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Logo desktop centr\u00e9 \u2014 image OLAH forc\u00e9e en blanc, AGENCY en reveal au survol -->\r\n    <div class=\"olah-logo-section\">\r\n      <a href=\"https:\/\/olah-agency.com\/\" class=\"olah-logo-wrapper\" id=\"olahLogoWrapper\" aria-label=\"Olah Agency \u2014 Home\">\r\n        <img decoding=\"async\" class=\"olah-logo-wordmark-img\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/OLAH-scaled.png\" alt=\"OLAH\" width=\"120\" height=\"34\">\r\n        <div class=\"olah-logo-agency-row\">\r\n          <img decoding=\"async\" class=\"olah-logo-agency-img\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/AGENCY-scaled.png\" alt=\"AGENCY\" width=\"80\" height=\"12\">\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Desktop droite : IMPACT \u2014 LET'S TALK -->\r\n    <div class=\"olah-nav-section right\">\r\n      <a href=\"https:\/\/olah-agency.com\/impact\/\" class=\"olah-nav-link always-orange\">\r\n        <div class=\"olah-nav-link-inner\">\r\n          <div class=\"olah-nav-text-stack\">\r\n            <span class=\"olah-nav-text\">IMPACT<\/span>\r\n            <span class=\"olah-nav-text hover-text\">IMPACT<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/\" class=\"olah-nav-link always-orange\">\r\n        <div class=\"olah-nav-link-inner\">\r\n          <div class=\"olah-nav-text-stack\">\r\n            <span class=\"olah-nav-text\">LET'S TALK<\/span>\r\n            <span class=\"olah-nav-text hover-text\">LET'S TALK<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Spacer invisible mobile (colonne gauche) -->\r\n    <div class=\"olah-mobile-spacer\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Logo mobile centr\u00e9 \u2014 m\u00eame structure image -->\r\n    <a href=\"https:\/\/olah-agency.com\/\" class=\"olah-mobile-logo olah-logo-wrapper\" id=\"olahMobileLogo\" aria-label=\"Olah Agency \u2014 Home\">\r\n      <img decoding=\"async\" class=\"olah-logo-wordmark-img\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/OLAH-scaled.png\" alt=\"OLAH\" width=\"120\" height=\"34\">\r\n      <div class=\"olah-logo-agency-row\">\r\n        <img decoding=\"async\" class=\"olah-logo-agency-img\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/AGENCY-scaled.png\" alt=\"AGENCY\" width=\"80\" height=\"12\">\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- Bouton MENU mobile (colonne droite) -->\r\n    <button class=\"olah-menu-btn\" id=\"menuBtn\" aria-label=\"Ouvrir le menu\" aria-expanded=\"false\" aria-controls=\"fullMenu\">\r\n      MENU\r\n    <\/button>\r\n\r\n   <\/nav>\r\n  <\/header>\r\n\r\n  <!-- \u2500\u2500\u2500 MENU PLEIN \u00c9CRAN MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"olah-fullscreen-menu\" id=\"fullMenu\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Menu de navigation\">\r\n    <div class=\"olah-menu-top\">\r\n      <button class=\"olah-close-btn\" id=\"closeBtn\" aria-label=\"Fermer le menu\">CLOSE<\/button>\r\n    <\/div>\r\n    <nav class=\"olah-menu-links\">\r\n      <a href=\"https:\/\/olah-agency.com\/works\/\" class=\"olah-menu-item\">WORKS<\/a>\r\n      <a href=\"https:\/\/olah-agency.com\/about\/\" class=\"olah-menu-item\">ABOUT<\/a>\r\n      <a href=\"https:\/\/olah-agency.com\/journal-logbook-guestbook\/\" class=\"olah-menu-item\">JOURNAL<\/a>\r\n      <a href=\"https:\/\/olah-agency.com\/impact\/\" class=\"olah-menu-item\">IMPACT<\/a>\r\n      <a href=\"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/\" class=\"olah-menu-item\">LET'S TALK<\/a>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/* \u2500\u2500\u2500 MENU MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    const menu     = document.getElementById('fullMenu');\r\n    const menuBtn  = document.getElementById('menuBtn');\r\n    const closeBtn = document.getElementById('closeBtn');\r\n\r\n    function openMenu() {\r\n      menu.classList.add('open');\r\n      menuBtn.setAttribute('aria-expanded', 'true');\r\n      document.body.style.overflow = 'hidden';\r\n      closeBtn.focus();\r\n    }\r\n\r\n    function closeMenu() {\r\n      menu.classList.remove('open');\r\n      menuBtn.setAttribute('aria-expanded', 'false');\r\n      document.body.style.overflow = '';\r\n      menuBtn.focus();\r\n    }\r\n\r\n    menuBtn.addEventListener('click', openMenu);\r\n    closeBtn.addEventListener('click', closeMenu);\r\n    document.addEventListener('keydown', e => {\r\n      if (e.key === 'Escape' && menu.classList.contains('open')) closeMenu();\r\n    });\r\n  <\/script>\r\n\r\n <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34608e7 e-con-full e-flex e-con e-parent\" data-id=\"34608e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f86d7b elementor-widget elementor-widget-html\" data-id=\"1f86d7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>OLAH AGENCY<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@300;400;500;700;800;900&family=Manrope:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n  <style>\n    *, *::before, *::after {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    :root {\n      --bg: #000000;\n      --text-primary: #f5f5f5;\n      --text-secondary: #bdbdbd;\n      --accent: #fe6f5e;\n      --video-w-desktop: 140px;\n      --video-h-desktop: 88px;\n      --video-w-mobile: 80px;\n      --video-h-mobile: 52px;\n      --radius: 10px;\n    }\n\n    html, body {\n      background: var(--bg);\n      color: var(--text-primary);\n      min-height: 100vh;\n      overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500\u2500 HERO SECTION \u2500\u2500\u2500 *\/\n    .hero {\n      width: 100%;\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: clamp(3rem, 8vw, 7rem) 2%;\n    }\n\n    \/* \u2500\u2500\u2500 EYEBROW \u2500\u2500\u2500 *\/\n    .hero__eyebrow {\n      font-family: 'League Spartan', sans-serif;\n      font-weight: 400;\n      font-size: clamp(0.6rem, 0.9vw, 0.78rem);\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      color: var(--text-secondary);\n      margin-bottom: clamp(2.5rem, 5vw, 4.5rem);\n      opacity: 0;\n      animation: fadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;\n    }\n\n    \/* \u2500\u2500\u2500 EDITORIAL BLOCK \u2500\u2500\u2500 *\/\n    .hero__editorial {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n\n    \/* Each line is a flex row that can contain words + video clips *\/\n    .line {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 0.45em;\n      line-height: 1;\n      padding: 0.08em 0;\n    }\n\n    .line + .line {\n      margin-top: 0;\n    }\n\n    \/* word wrapper for staggered reveal *\/\n    .word-wrap {\n      display: inline-flex;\n      padding: 0.05em 0;\n    }\n\n    .word {\n      font-family: 'League Spartan', sans-serif;\n      font-weight: 500;\n      text-transform: uppercase;\n      font-size: clamp(1.9rem, 5.6vw, 6rem);\n      letter-spacing: 0.005em;\n      color: var(--text-primary);\n      display: inline-block;\n      opacity: 0;\n      transform: translateY(30px);\n      will-change: transform, opacity;\n    }\n\n    \/* accent word with light shimmer *\/\n    .word--accent {\n      background: linear-gradient(\n        100deg,\n        var(--accent) 0%,\n        var(--accent) 30%,\n        #ffd4bc 48%,\n        #ffffff 52%,\n        #ffd4bc 56%,\n        var(--accent) 72%,\n        var(--accent) 100%\n      );\n      background-size: 250% 100%;\n      background-position: 100% center;\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      animation: shimmer 3.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    }\n\n    @keyframes shimmer {\n      0%   { background-position: 160% center; }\n      60%  { background-position: -60% center; }\n      100% { background-position: -60% center; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .word--accent {\n        animation: none;\n        background-position: 100% center;\n      }\n    }\n\n    \/* \u2500\u2500\u2500 SEPARATOR LINE \u2500\u2500\u2500 *\/\n    .line--gap {\n      height: clamp(0.6rem, 1.5vw, 1.2rem);\n    }\n\n    \/* \u2500\u2500\u2500 VIDEO EMBED \u2500\u2500\u2500 *\/\n    .vid-wrap {\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n      overflow: hidden;\n      border-radius: var(--radius);\n      width: var(--video-w-desktop);\n      height: var(--video-h-desktop);\n      opacity: 0;\n      transform: scale(0.92) translateY(8px);\n      will-change: opacity, transform;\n      margin-bottom: 0.08em;\n    }\n\n    .vid-wrap video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* \u2500\u2500\u2500 FOOTER META \u2500\u2500\u2500 *\/\n    .hero__meta {\n      margin-top: clamp(3rem, 6vw, 5rem);\n      display: flex;\n      align-items: flex-start;\n      gap: clamp(2rem, 6vw, 6rem);\n      opacity: 0;\n      animation: fadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 1.4s forwards;\n    }\n\n    .meta__item {\n      display: flex;\n      flex-direction: column;\n      gap: 0.3rem;\n    }\n\n    .meta__label {\n      font-family: 'League Spartan', sans-serif;\n      font-weight: 500;\n      font-size: clamp(0.7rem, 1vw, 0.9rem);\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--accent);\n    }\n\n    .meta__value {\n      font-family: 'League Spartan', sans-serif;\n      font-weight: 300;\n      font-size: clamp(0.85rem, 1.2vw, 1.05rem);\n      letter-spacing: 0.06em;\n      color: var(--text-secondary);\n    }\n\n    \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(18px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    .word.revealed {\n      opacity: 1;\n      transform: translateY(0);\n      transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),\n                  transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .vid-wrap.revealed {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n      transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),\n                  transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n    @media (max-width: 768px) {\n      :root {\n        --video-w-desktop: var(--video-w-mobile);\n        --video-h-desktop: var(--video-h-mobile);\n      }\n\n      .hero {\n        justify-content: flex-start;\n        padding-top: clamp(4rem, 14vw, 6rem);\n      }\n\n      .line {\n        gap: 0.35em;\n      }\n\n      .hero__meta {\n        flex-direction: column;\n        gap: 1.5rem;\n      }\n    }\n\n    \/* \u2500\u2500\u2500 REDUCED MOTION \u2500\u2500\u2500 *\/\n    @media (prefers-reduced-motion: reduce) {\n      .word, .vid-wrap {\n        opacity: 1 !important;\n        transform: none !important;\n        transition: none !important;\n      }\n      .hero__eyebrow, .hero__meta {\n        animation: none !important;\n        opacity: 1 !important;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <section class=\"hero\" aria-label=\"OLAH AGENCY \u2014 Hero\">\n\n    <div class=\"hero__editorial\">\n\n      <div class=\"line\">\n        <span class=\"word-wrap\"><span class=\"word\">CLARITY<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">CREATES<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word word--accent\">DIRECTION.<\/span><\/span>\n      <\/div>\n\n      <div class=\"line--gap\"><\/div>\n\n      <!-- EVERY BRAND HAS A STORY [vid1] THAT -->\n      <div class=\"line\">\n        <span class=\"word-wrap\"><span class=\"word\">EVERY<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">BRAND<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">HAS<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">A<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">STORY<\/span><\/span>\n        <span class=\"vid-wrap\" id=\"vid1\">\n          <video\n            src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/02\/copy_100703A2-0064-496F-AAFD-5A5D129E0F84.mov\"\n            autoplay muted loop playsinline\n            preload=\"auto\"\n            type=\"video\/mp4\"\n          ><\/video>\n        <\/span>\n        <span class=\"word-wrap\"><span class=\"word\">THAT<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">DESERVES<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">TO<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">BE<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word word--accent\">SEEN.<\/span><\/span>\n      <\/div>\n\n      <div class=\"line--gap\"><\/div>\n\n      <div class=\"line\">\n        <span class=\"word-wrap\"><span class=\"word\">WE<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">BUILD<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">VISUALS<\/span><\/span>\n        <span class=\"vid-wrap\" id=\"vid2\">\n          <video\n            src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/02\/copy_A740F26E-C79B-478C-A524-FBC9844D58BE.mov\"\n            autoplay muted loop playsinline\n            preload=\"auto\"\n            type=\"video\/mp4\"\n          ><\/video>\n        <\/span>\n        <span class=\"word-wrap\"><span class=\"word\">THAT<\/span><\/span>\n      <\/div>\n\n      <div class=\"line\">\n        <span class=\"word-wrap\"><span class=\"word\">MAKE<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word\">YOU<\/span><\/span>\n        <span class=\"word-wrap\"><span class=\"word word--accent\">GROW.<\/span><\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"hero__meta\">\n      <div class=\"meta__item\">\n        <span class=\"meta__label\">Services<\/span>\n        <span class=\"meta__value\">Brand Identity \u00b7 Visual Strategy<\/span>\n      <\/div>\n      <div class=\"meta__item\">\n        <span class=\"meta__label\">Reach<\/span>\n        <span class=\"meta__value\">Working Worldwide<\/span>\n      <\/div>\n      <div class=\"meta__item\">\n        <span class=\"meta__label\">Est.<\/span>\n        <span class=\"meta__value\">OLAH AGENCY<\/span>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <script>\n    (function () {\n      const allNodes = [];\n      document.querySelectorAll('.word, .vid-wrap').forEach(el => {\n        allNodes.push(el);\n      });\n\n      const BASE_DELAY = 220;\n      const STEP = 60;\n\n      allNodes.forEach((el, i) => {\n        const delay = BASE_DELAY + i * STEP;\n        setTimeout(() => {\n          el.classList.add('revealed');\n        }, delay);\n      });\n\n      document.querySelectorAll('.vid-wrap video').forEach(video => {\n        video.addEventListener('error', () => {\n          video.closest('.vid-wrap').style.display = 'none';\n        });\n        const playPromise = video.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(() => {});\n        }\n      });\n    })();\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8384524 e-con-full e-flex e-con e-parent\" data-id=\"8384524\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5c6351 elementor-widget elementor-widget-html\" data-id=\"b5c6351\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\" style=\"height: 100%;\">\n <head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>OLAH \u2014 About<\/title>\n  <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600&amp;display=swap\" rel=\"stylesheet\">\n  <style>\n    body {\n      box-sizing: border-box;\n    }\n  <\/style>\n  <style>@view-transition { navigation: auto; }<\/style>\n  <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n  <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body style=\"height: 100%; margin: 0; padding: 0; background-color: #000000;\">\n  <div style=\"background-color: #000000; padding: 100px 20px; width: 100%; min-height: 100%;\">\n   <div style=\"max-width: 800px; margin: 0 auto; text-align: center; font-family: 'Manrope', sans-serif;\">\n    <p id=\"intro-paragraph\" style=\"color: #f5f5f5; font-size: 28px; font-weight: 600; margin: 0 0 40px 0; line-height: 1.4; padding: 0;\">CLARITY CREATES DIRECTION.<\/p>\n    <p id=\"paragraph-two\" style=\"color: #bdbdbd; font-size: 18px; margin: 0 0 40px 0; line-height: 1.8; padding: 0;\">OLAH is a creative agency based in Belgium. We help businesses, institutions, creators, and organizations build clear visual communication, digital experiences, and e-commerce ecosystems.<\/p>\n    <p id=\"paragraph-three\" style=\"color: #bdbdbd; font-size: 18px; margin: 0 0 40px 0; line-height: 1.8; padding: 0;\">Through strategy, design, and visual production, we create work that is simple, intentional, and built to evolve.<\/p>\n    <p id=\"closing-statement\" style=\"color: #fe6f5e; font-size: 22px; font-weight: 600; margin: 60px 0 0 0; line-height: 1.4; padding: 0;\">OLAH \u2014 We build what makes you grow.<\/p>\n   <\/div>\n  <\/div>\n  <script>\n    const defaultConfig = {\n      intro_paragraph: 'CLARITY CREATES DIRECTION.',\n      paragraph_two: 'OLAH is a creative agency based in Belgium. We help businesses, institutions, creators, and organizations build clear visual communication, digital experiences, and e-commerce ecosystems.',\n      paragraph_three: 'Through strategy, design, and visual production, we create work that is simple, intentional, and built to evolve.',\n      closing_statement: 'OLAH \u2014 We build what makes you grow.',\n      background_color: '#000000',\n      primary_text_color: '#f5f5f5',\n      secondary_text_color: '#bdbdbd',\n      font_family: 'Manrope',\n      font_size: 16\n    };\n\n    async function onConfigChange(config) {\n      document.getElementById('intro-paragraph').textContent = config.intro_paragraph || defaultConfig.intro_paragraph;\n      document.getElementById('paragraph-two').textContent = config.paragraph_two || defaultConfig.paragraph_two;\n      document.getElementById('paragraph-three').textContent = config.paragraph_three || defaultConfig.paragraph_three;\n      document.getElementById('closing-statement').textContent = config.closing_statement || defaultConfig.closing_statement;\n\n      const bgColor = config.background_color || defaultConfig.background_color;\n      const primaryColor = config.primary_text_color || defaultConfig.primary_text_color;\n      const secondaryColor = config.secondary_text_color || defaultConfig.secondary_text_color;\n      \n      document.body.style.backgroundColor = bgColor;\n      \n      document.getElementById('intro-paragraph').style.color = primaryColor;\n      document.getElementById('paragraph-two').style.color = secondaryColor;\n      document.getElementById('paragraph-three').style.color = secondaryColor;\n      document.getElementById('closing-statement').style.color = '#fe6f5e';\n\n      const fontFamily = config.font_family || defaultConfig.font_family;\n      const baseSize = config.font_size || defaultConfig.font_size;\n      \n      document.body.style.fontFamily = `${fontFamily}, Manrope, sans-serif`;\n      \n      document.getElementById('intro-paragraph').style.fontSize = `${baseSize * 1.75}px`;\n      document.getElementById('paragraph-two').style.fontSize = `${baseSize * 1.125}px`;\n      document.getElementById('paragraph-three').style.fontSize = `${baseSize * 1.125}px`;\n      document.getElementById('closing-statement').style.fontSize = `${baseSize * 1.375}px`;\n    }\n\n    function mapToCapabilities(config) {\n      return {\n        recolorables: [\n          {\n            get: () => config.background_color || defaultConfig.background_color,\n            set: (value) => {\n              config.background_color = value;\n              window.elementSdk.setConfig({ background_color: value });\n            }\n          },\n          {\n            get: () => config.primary_text_color || defaultConfig.primary_text_color,\n            set: (value) => {\n              config.primary_text_color = value;\n              window.elementSdk.setConfig({ primary_text_color: value });\n            }\n          },\n          {\n            get: () => config.secondary_text_color || defaultConfig.secondary_text_color,\n            set: (value) => {\n              config.secondary_text_color = value;\n              window.elementSdk.setConfig({ secondary_text_color: value });\n            }\n          }\n        ],\n        borderables: [],\n        fontEditable: {\n          get: () => config.font_family || defaultConfig.font_family,\n          set: (value) => {\n            config.font_family = value;\n            window.elementSdk.setConfig({ font_family: value });\n          }\n        },\n        fontSizeable: {\n          get: () => config.font_size || defaultConfig.font_size,\n          set: (value) => {\n            config.font_size = value;\n            window.elementSdk.setConfig({ font_size: value });\n          }\n        }\n      };\n    }\n\n    function mapToEditPanelValues(config) {\n      return new Map([\n        ['intro_paragraph', config.intro_paragraph || defaultConfig.intro_paragraph],\n        ['paragraph_two', config.paragraph_two || defaultConfig.paragraph_two],\n        ['paragraph_three', config.paragraph_three || defaultConfig.paragraph_three],\n        ['closing_statement', config.closing_statement || defaultConfig.closing_statement]\n      ]);\n    }\n\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig,\n        onConfigChange,\n        mapToCapabilities,\n        mapToEditPanelValues\n      });\n    }\n  <\/script>\n <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1dee74 e-con-full e-flex e-con e-parent\" data-id=\"c1dee74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7b0d2c elementor-widget elementor-widget-html\" data-id=\"b7b0d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\" class=\"h-full\">\r\n <head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Founder - OLAH AGENCY<\/title>\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@700&amp;family=Manrope:wght@400;500&amp;display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    body {\r\n      box-sizing: border-box;\r\n    }\r\n    \r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n    \r\n    .founder-image {\r\n      filter: grayscale(100%) contrast(1.1);\r\n      transition: filter 500ms cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n    \r\n    .founder-image:hover,\r\n    .founder-block:focus .founder-image,\r\n    .founder-block:focus-within .founder-image {\r\n      filter: grayscale(0%) contrast(1);\r\n    }\r\n    \r\n    @media (prefers-reduced-motion: reduce) {\r\n      .founder-image {\r\n        transition: none;\r\n      }\r\n      .modal-overlay {\r\n        transition: none !important;\r\n      }\r\n      .modal-content {\r\n        transition: none !important;\r\n      }\r\n    }\r\n    \r\n    .modal-overlay {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), visibility 400ms;\r\n    }\r\n    \r\n    .modal-overlay.active {\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n\r\n    \/* Once JS moves the popup to be a direct child of <body> on open, it's\r\n       clear of any ancestor (widget wrapper, Elementor section\/column) that\r\n       could clip, scroll, or otherwise mis-position it \u2014 so position:fixed\r\n       here is safe and always centers on the real, current viewport. *\/\r\n    body > .modal-overlay {\r\n      position: fixed !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      bottom: 0 !important;\r\n      z-index: 999999 !important;\r\n    }\r\n    \r\n    .modal-content {\r\n      opacity: 0;\r\n      transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1), transform 500ms cubic-bezier(0.4, 0, 0.2, 1);\r\n      transform: scale(0.97) translateY(8px);\r\n    }\r\n    \r\n    .modal-overlay.active .modal-content {\r\n      opacity: 1;\r\n      transform: scale(1) translateY(0);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Glass card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .glass-card {\r\n      position: relative;\r\n      background: rgba(24, 24, 24, 0.5);\r\n      -webkit-backdrop-filter: blur(22px) saturate(160%);\r\n      backdrop-filter: blur(22px) saturate(160%);\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-top: 2px solid #fe6f5e;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .glass-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -80%;\r\n      left: -60%;\r\n      width: 45%;\r\n      height: 260%;\r\n      background: linear-gradient(\r\n        115deg,\r\n        transparent 0%,\r\n        rgba(255, 255, 255, 0.05) 40%,\r\n        rgba(255, 255, 255, 0.22) 50%,\r\n        rgba(255, 255, 255, 0.05) 60%,\r\n        transparent 100%\r\n      );\r\n      transform: rotate(12deg);\r\n      animation: glass-shine 6s ease-in-out infinite;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    @keyframes glass-shine {\r\n      0%   { left: -60%; }\r\n      45%  { left: 130%; }\r\n      100% { left: 130%; }\r\n    }\r\n\r\n    .glass-card-content {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .glass-card::before { animation: none; opacity: 0.3; }\r\n    }\r\n    \r\n    .social-icon {\r\n      transition: color 300ms ease;\r\n    }\r\n    \r\n    .social-icon:hover,\r\n    .social-icon:focus {\r\n      color: #fe6f5e;\r\n    }\r\n    \r\n    @media (prefers-reduced-motion: reduce) {\r\n      .social-icon {\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n    \/* Story modal scrollbar styling *\/\r\n    .story-scroll::-webkit-scrollbar {\r\n      width: 6px;\r\n    }\r\n    .story-scroll::-webkit-scrollbar-track {\r\n      background: transparent;\r\n    }\r\n    .story-scroll::-webkit-scrollbar-thumb {\r\n      background: #333;\r\n      border-radius: 3px;\r\n    }\r\n    .story-scroll::-webkit-scrollbar-thumb:hover {\r\n      background: #fe6f5e;\r\n    }\r\n    .story-scroll {\r\n      scrollbar-width: thin;\r\n      scrollbar-color: #333 transparent;\r\n    }\r\n\r\n    .image-trigger {\r\n      cursor: zoom-in;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Hard override against Elementor\/theme pink active background \u2500\u2500\u2500 *\/\r\n    html body #of-close-modal,\r\n    html body #of-close-modal:link,\r\n    html body #of-close-modal:visited,\r\n    html body #of-close-modal:hover,\r\n    html body #of-close-modal:focus,\r\n    html body #of-close-modal:focus-visible,\r\n    html body #of-close-modal:active,\r\n    .elementor-widget-html #of-close-modal,\r\n    .elementor-widget-html #of-close-modal:hover,\r\n    .elementor-widget-html #of-close-modal:active,\r\n    .elementor-element #of-close-modal,\r\n    .elementor-element #of-close-modal:hover,\r\n    .elementor-element #of-close-modal:active {\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      background-image: none !important;\r\n      box-shadow: none !important;\r\n      border: none !important;\r\n      -webkit-tap-highlight-color: transparent !important;\r\n      outline: none !important;\r\n      transition: color 200ms ease, transform 150ms ease;\r\n    }\r\n    html body #of-close-modal:hover,\r\n    html body #of-close-modal:focus {\r\n      color: #fe6f5e !important;\r\n    }\r\n    html body #of-close-modal:active {\r\n      color: #fe6f5e !important;\r\n      transform: scale(0.9);\r\n    }\r\n\r\n    .hl {\r\n      color: #fe6f5e;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Story carousel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .story-carousel {\r\n      position: relative;\r\n    }\r\n\r\n    .story-slides {\r\n      position: relative;\r\n      min-height: 120px;\r\n    }\r\n\r\n    .story-slide {\r\n      display: none;\r\n      opacity: 0;\r\n      transition: opacity 350ms ease;\r\n    }\r\n\r\n    .story-slide.is-active {\r\n      display: block;\r\n      opacity: 1;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .story-slide { transition: none; }\r\n    }\r\n\r\n    .story-nav {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n      margin-top: 28px;\r\n      padding-top: 20px;\r\n      border-top: 1px solid #262626;\r\n    }\r\n\r\n    .story-nav-btn,\r\n    .story-nav-btn:link,\r\n    .story-nav-btn:visited {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 56px;\r\n      height: 56px;\r\n      border-radius: 999px;\r\n      border: 1.5px solid #3a3a3a;\r\n      background-color: transparent !important;\r\n      background-image: none !important;\r\n      color: #f5f5f5;\r\n      cursor: pointer;\r\n      transition: border-color 250ms ease, color 250ms ease, background-color 250ms ease, transform 150ms ease;\r\n      flex-shrink: 0;\r\n      -webkit-tap-highlight-color: transparent !important;\r\n      outline: none !important;\r\n      box-shadow: none !important;\r\n    }\r\n\r\n    .story-nav-btn:hover:not(:disabled) {\r\n      border-color: #fe6f5e;\r\n      color: #fe6f5e;\r\n      background-color: rgba(254, 111, 94, 0.14) !important;\r\n    }\r\n\r\n    .story-nav-btn:focus:not(:disabled),\r\n    .story-nav-btn:focus-visible:not(:disabled) {\r\n      border-color: #fe6f5e;\r\n      color: #fe6f5e;\r\n      background-color: rgba(254, 111, 94, 0.14) !important;\r\n      box-shadow: 0 0 0 3px rgba(254, 111, 94, 0.25) !important;\r\n    }\r\n\r\n    .story-nav-btn:active:not(:disabled) {\r\n      border-color: #fe6f5e !important;\r\n      color: #000000 !important;\r\n      background-color: #fe6f5e !important;\r\n      transform: scale(0.94);\r\n    }\r\n\r\n    .story-nav-btn:disabled {\r\n      opacity: 0.3;\r\n      cursor: default;\r\n    }\r\n\r\n    .story-nav-btn svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    .story-dots {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n    }\r\n\r\n    .story-dot,\r\n    .story-dot:link,\r\n    .story-dot:visited {\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 999px;\r\n      background-color: #3a3a3a !important;\r\n      background-image: none !important;\r\n      border: none;\r\n      padding: 0;\r\n      cursor: pointer;\r\n      transition: background-color 250ms ease, transform 250ms ease;\r\n      outline: none !important;\r\n      box-shadow: none !important;\r\n      -webkit-tap-highlight-color: transparent !important;\r\n    }\r\n\r\n    .story-dot:hover {\r\n      background-color: rgba(254, 111, 94, 0.6) !important;\r\n    }\r\n\r\n    .story-dot:focus,\r\n    .story-dot:focus-visible {\r\n      box-shadow: 0 0 0 3px rgba(254, 111, 94, 0.25) !important;\r\n    }\r\n\r\n    .story-dot:active {\r\n      background-color: #fe6f5e !important;\r\n      transform: scale(1.3);\r\n    }\r\n\r\n    .story-dot.is-active {\r\n      background-color: #fe6f5e !important;\r\n      transform: scale(1.3);\r\n    }\r\n\r\n    .story-step-label {\r\n      font-family: 'Manrope', sans-serif;\r\n      font-size: 0.6875rem;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n      color: #666;\r\n      white-space: nowrap;\r\n    }\r\n  <\/style>\r\n  <style>@view-transition { navigation: auto; }<\/style>\r\n  <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\" style=\"background-color: #000000;\">\r\n  <main class=\"app-wrapper relative h-full w-full\" style=\"background-color: #000000;\"><!-- Founder Section -->\r\n   <section class=\"min-h-full w-full flex items-center justify-center px-6 py-16 md:px-12 lg:px-24\">\r\n    <div class=\"max-w-5xl w-full\"><!-- Founder Block -->\r\n     <div class=\"founder-block outline-none group\" id=\"of-founder-block\">\r\n      <div class=\"flex flex-col lg:flex-row lg:items-end gap-10 lg:gap-16\"><!-- Image Container (opens the popup) -->\r\n       <div class=\"lg:w-1\/2 image-trigger\" tabindex=\"0\" role=\"button\" aria-label=\"View founder profile and story\" id=\"of-story-trigger\">\r\n        <div class=\"aspect-[3\/4] overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/01\/IMG_6642-scaled.jpeg\" alt=\"Charles Verhoye, Founder &amp; Creative Director\" class=\"founder-image w-full h-full object-cover object-top\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%)'; this.alt='Image unavailable';\">\r\n        <\/div>\r\n       <\/div><!-- Text Content (opens the same popup) -->\r\n       <div class=\"lg:w-1\/2 lg:pb-8 cursor-pointer\" tabindex=\"0\" role=\"button\" aria-label=\"View founder profile and story\" id=\"of-profile-trigger\">\r\n        <h1 id=\"of-founder-name\" class=\"text-4xl md:text-5xl lg:text-6xl tracking-tight mb-4\" style=\"color: #f5f5f5; font-family: 'League Spartan', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em;\">Charles Verhoye<\/h1>\r\n        <p id=\"of-founder-role\" class=\"text-base md:text-lg\" style=\"color: #bdbdbd; font-family: 'Manrope', sans-serif; font-weight: 400;\">Founder &amp; Creative Director<\/p>\r\n       <\/div>\r\n      <\/div>\r\n     <\/div>\r\n    <\/div>\r\n   <\/section><!-- Modal Overlay (profile + story, single popup) -->\r\n   <div class=\"modal-overlay absolute inset-0 z-50 flex items-center justify-center px-6\" id=\"of-modal-overlay\" role=\"dialog\" aria-modal=\"true\" style=\"background-color: rgba(0, 0, 0, 0.72);\">\r\n    <div class=\"modal-content w-full max-w-md lg:max-w-4xl relative\" id=\"of-modal-content\">\r\n     <div class=\"glass-card story-scroll\"><!-- Close Button -->\r\n      <button type=\"button\" class=\"absolute rounded-full outline-none\" id=\"of-close-modal\" aria-label=\"Close profile\" style=\"top: 16px; right: 16px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: #bdbdbd; z-index: 2;\">\r\n       <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\r\n       <\/svg>\r\n      <\/button>\r\n      <div class=\"glass-card-content py-8 px-6 md:px-12\"><!-- Profile Meta -->\r\n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6\">\r\n       <div>\r\n        <p class=\"text-xs tracking-widest mb-2\" style=\"color: #666; font-family: 'Manrope', sans-serif;\">FULL NAME<\/p>\r\n        <p id=\"of-modal-name\" class=\"text-lg\" style=\"color: #f5f5f5; font-family: 'Manrope', sans-serif; font-weight: 500;\">Charles Verhoye<\/p>\r\n       <\/div>\r\n       <div>\r\n        <p class=\"text-xs tracking-widest mb-2\" style=\"color: #666; font-family: 'Manrope', sans-serif;\">DATE OF BIRTH<\/p>\r\n        <p id=\"of-modal-dob\" class=\"text-lg\" style=\"color: #f5f5f5; font-family: 'Manrope', sans-serif; font-weight: 500;\">\u2014<\/p>\r\n       <\/div>\r\n       <div>\r\n        <p class=\"text-xs tracking-widest mb-2\" style=\"color: #666; font-family: 'Manrope', sans-serif;\">FAVORITE QUOTE<\/p>\r\n        <p id=\"of-modal-quote\" class=\"text-lg italic\" style=\"color: #fe6f5e; font-family: 'Manrope', sans-serif; font-weight: 500;\">\"No risk, no story\"<\/p>\r\n       <\/div>\r\n      <\/div><!-- Social Icons -->\r\n      <div class=\"flex gap-6 mb-6\"><a href=\"https:\/\/instagram.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon outline-none focus:ring-1 focus:ring-white\/20 rounded p-1\" aria-label=\"Instagram\" style=\"color: #f5f5f5;\">\r\n        <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect> <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path> <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\r\n        <\/svg><\/a> <a href=\"https:\/\/linkedin.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon outline-none focus:ring-1 focus:ring-white\/20 rounded p-1\" aria-label=\"LinkedIn\" style=\"color: #f5f5f5;\">\r\n        <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path> <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect> <circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle>\r\n        <\/svg><\/a>\r\n      <\/div><!-- Separator between profile and story --> <div style=\"height: 1px; background-color: #262626; margin-bottom: 1.5rem;\"><\/div>\r\n      <p class=\"text-xs tracking-widest mb-6\" style=\"color: #666; font-family: 'Manrope', sans-serif;\">MY STORY<\/p>\r\n\r\n      <!-- \u2500\u2500\u2500 Story carousel: 4 steps \u2500\u2500\u2500 -->\r\n      <div class=\"story-carousel\">\r\n       <div class=\"story-slides\" id=\"of-story-slides\" aria-live=\"polite\">\r\n\r\n        <div class=\"story-slide is-active\" data-slide=\"0\" id=\"of-story-text\" style=\"color: #e5e5e5; font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.8;\">\r\n         <p class=\"mb-5\">It all started with a Bachelor's degree in <span class=\"hl\">E-Business<\/span> at <span class=\"hl\">EPHEC<\/span>.<\/p>\r\n         <p class=\"mb-5\">There, I discovered digital, e-commerce, marketplaces, and everything that helps a business build its online presence today.<\/p>\r\n         <p class=\"mb-5\">After my Bachelor's, I decided to continue with a Master's. But I quickly realized it wasn't for me.<\/p>\r\n         <p class=\"mb-5\">Spending hours behind a desk learning theory just to repeat it back in an exam didn't match the way I wanted to move forward.<\/p>\r\n         <p class=\"mb-5\">I needed to do. To test. To learn in the field.<\/p>\r\n         <p class=\"mb-5\">After my Erasmus exchange, I decided to invest in something that had attracted me for a long time: a <span class=\"hl\">drone<\/span>.<\/p>\r\n         <p class=\"mb-5\">Then came a <span class=\"hl\">camera<\/span>.<\/p>\r\n         <p class=\"mb-0\">At the start, there was no agency, no grand strategy, and certainly no studio full of equipment. Just the desire to create, to experiment, and to seize the opportunities that came my way.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"story-slide\" data-slide=\"1\" style=\"color: #e5e5e5; font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.8;\">\r\n         <p class=\"mb-5\">At the same time, I started looking for my first real job.<\/p>\r\n         <p class=\"mb-5\">The interviews went well. The feedback was positive. My background stood out.<\/p>\r\n         <p class=\"mb-5\">But one sentence kept coming back:<\/p>\r\n         <p class=\"mb-5 italic hl\">\"You lack experience.\"<\/p>\r\n         <p class=\"mb-5\">The classic paradox: you needed experience to land a job that was supposed to help you gain it in the first place.<\/p>\r\n         <p class=\"mb-5\">So I didn't just wait around.<\/p>\r\n         <p class=\"mb-0\">I worked as a salesperson. I worked at an artisanal ice cream shop. Jobs with no direct link to my degree, but that taught me something else: human connection, hard work, adaptability, and the importance of moving forward even when the path isn't exactly the one you imagined.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"story-slide\" data-slide=\"2\" style=\"color: #e5e5e5; font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.8;\">\r\n         <p class=\"mb-5\">Then a small e-commerce company put its trust in me.<\/p>\r\n         <p class=\"mb-5\">And that's when everything accelerated.<\/p>\r\n         <p class=\"mb-5\">Marketplaces, logistics, project management, e-commerce, business challenges\u2026<\/p>\r\n         <p class=\"mb-5\">I discovered firsthand how a company really works, and how several moving parts have to come together to generate results.<\/p>\r\n         <p class=\"mb-5\">Meanwhile, photo and video kept taking up more and more space.<\/p>\r\n         <p class=\"mb-5\">I grew my social media, created more content, gradually invested in equipment, and above all, I learned.<\/p>\r\n         <p class=\"mb-5\">Project after project. Client after client. Opportunity after opportunity.<\/p>\r\n         <p class=\"mb-5\">Over time, one thing became clear: my experience in digital and e-commerce on one side, and my mastery of image and social media on the other, weren't two separate paths.<\/p>\r\n         <p class=\"mb-0\">They were part of the same story.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"story-slide\" data-slide=\"3\" style=\"color: #e5e5e5; font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.8;\">\r\n         <p class=\"mb-5\">That's where <span class=\"hl\">OLAH Agency<\/span> was born.<\/p>\r\n         <p class=\"mb-5\">A creative agency that doesn't just want to produce content.<\/p>\r\n         <p class=\"mb-5\">We want to understand your business, build your presence, create images that mean something, and use digital as a real <span class=\"hl\">growth lever<\/span>.<\/p>\r\n         <p class=\"mb-5\">Because a beautiful image can catch attention.<\/p>\r\n         <p class=\"mb-5\">But when it's paired with the right strategy, it can also create <span class=\"hl\">value<\/span>.<\/p>\r\n         <p class=\"mb-1\">From numbers to images, we build what makes you grow.<\/p>\r\n         <p class=\"font-semibold hl mb-0\">We build what makes you grow.<\/p>\r\n        <\/div>\r\n\r\n       <\/div>\r\n\r\n       <div class=\"story-nav\">\r\n        <button type=\"button\" class=\"story-nav-btn\" id=\"of-story-prev\" aria-label=\"Previous part\">\r\n         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n        <\/button>\r\n        <div class=\"story-dots\" id=\"of-story-dots\" role=\"tablist\" aria-label=\"Story parts\">\r\n         <button type=\"button\" class=\"story-dot is-active\" data-goto=\"0\" aria-label=\"Part 1\" aria-selected=\"true\"><\/button>\r\n         <button type=\"button\" class=\"story-dot\" data-goto=\"1\" aria-label=\"Part 2\" aria-selected=\"false\"><\/button>\r\n         <button type=\"button\" class=\"story-dot\" data-goto=\"2\" aria-label=\"Part 3\" aria-selected=\"false\"><\/button>\r\n         <button type=\"button\" class=\"story-dot\" data-goto=\"3\" aria-label=\"Part 4\" aria-selected=\"false\"><\/button>\r\n        <\/div>\r\n        <button type=\"button\" class=\"story-nav-btn\" id=\"of-story-next\" aria-label=\"Next part\">\r\n         <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n        <\/button>\r\n       <\/div>\r\n      <\/div>\r\n\r\n      <\/div>\r\n     <\/div>\r\n    <\/div>\r\n   <\/div>\r\n  <\/main>\r\n  <script>\r\n  (function () {\r\n    const defaultConfig = {\r\n      founder_name: 'Charles Verhoye',\r\n      founder_role: 'Founder & Creative Director',\r\n      founder_quote: '\"No risk, no story\"',\r\n      founder_dob: '\u2014',\r\n      background_color: '#000000',\r\n      primary_text_color: '#f5f5f5',\r\n      secondary_text_color: '#bdbdbd',\r\n      accent_color: '#fe6f5e'\r\n    };\r\n\r\n    \/\/ DOM Elements\r\n    const storyTrigger = document.getElementById('of-story-trigger');\r\n    const profileTrigger = document.getElementById('of-profile-trigger');\r\n    const modalOverlay = document.getElementById('of-modal-overlay');\r\n    const modalContent = document.getElementById('of-modal-content');\r\n    const closeModal = document.getElementById('of-close-modal');\r\n    const founderNameEl = document.getElementById('of-founder-name');\r\n    const founderRoleEl = document.getElementById('of-founder-role');\r\n    const modalNameEl = document.getElementById('of-modal-name');\r\n    const modalDobEl = document.getElementById('of-modal-dob');\r\n    const modalQuoteEl = document.getElementById('of-modal-quote');\r\n\r\n    if (!storyTrigger || !profileTrigger || !modalOverlay) {\r\n      return;\r\n    }\r\n\r\n    \/\/ Modal Functions\r\n    \/\/ On open, move the popup to be a direct child of <body>. Freed from\r\n    \/\/ whatever section\/column it normally lives inside, position:fixed\r\n    \/\/ (enabled by the \"body > .modal-overlay\" CSS rule) then centers it on\r\n    \/\/ the real, current viewport, no matter where on the page it was\r\n    \/\/ triggered from. On close, it's moved back exactly where it came from.\r\n    let originalParent = null;\r\n    let originalNextSibling = null;\r\n\r\n    function openModal() {\r\n      originalParent = modalOverlay.parentNode;\r\n      originalNextSibling = modalOverlay.nextSibling;\r\n      document.body.appendChild(modalOverlay);\r\n\r\n      modalOverlay.classList.add('active');\r\n      document.body.style.overflow = 'hidden';\r\n      closeModal.focus();\r\n    }\r\n\r\n    function closeModalFn() {\r\n      modalOverlay.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n      profileTrigger.focus();\r\n\r\n      \/\/ Let the fade-out transition finish before moving the node back,\r\n      \/\/ so closing still animates smoothly.\r\n      window.setTimeout(() => {\r\n        if (originalParent && !modalOverlay.classList.contains('active')) {\r\n          originalParent.insertBefore(modalOverlay, originalNextSibling);\r\n        }\r\n      }, 420);\r\n    }\r\n\r\n    \/\/ Event Listeners - both the image and the name\/role open the same modal\r\n    [storyTrigger, profileTrigger].forEach((trigger) => {\r\n      trigger.addEventListener('click', openModal);\r\n      trigger.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n          e.preventDefault();\r\n          openModal();\r\n        }\r\n      });\r\n    });\r\n\r\n    closeModal.addEventListener('click', closeModalFn);\r\n\r\n    modalOverlay.addEventListener('click', (e) => {\r\n      if (e.target === modalOverlay) {\r\n        closeModalFn();\r\n      }\r\n    });\r\n\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && modalOverlay.classList.contains('active')) {\r\n        closeModalFn();\r\n      }\r\n    });\r\n\r\n    \/\/ \u2500\u2500\u2500 Story carousel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    const storySlides = Array.from(document.querySelectorAll('#of-story-slides .story-slide'));\r\n    const storyDots = Array.from(document.querySelectorAll('#of-story-dots .story-dot'));\r\n    const storyPrevBtn = document.getElementById('of-story-prev');\r\n    const storyNextBtn = document.getElementById('of-story-next');\r\n    const storyScrollPane = document.querySelector('#of-modal-content .story-scroll');\r\n    let storyIndex = 0;\r\n\r\n    function goToStorySlide(index) {\r\n      if (index < 0 || index >= storySlides.length) return;\r\n      storyIndex = index;\r\n\r\n      storySlides.forEach((slide, i) => {\r\n        slide.classList.toggle('is-active', i === storyIndex);\r\n      });\r\n      storyDots.forEach((dot, i) => {\r\n        const active = i === storyIndex;\r\n        dot.classList.toggle('is-active', active);\r\n        dot.setAttribute('aria-selected', active ? 'true' : 'false');\r\n      });\r\n\r\n      if (storyPrevBtn) storyPrevBtn.disabled = storyIndex === 0;\r\n      if (storyNextBtn) storyNextBtn.disabled = storyIndex === storySlides.length - 1;\r\n\r\n      if (storyScrollPane) storyScrollPane.scrollTop = 0;\r\n    }\r\n\r\n    if (storyPrevBtn) {\r\n      storyPrevBtn.addEventListener('click', () => goToStorySlide(storyIndex - 1));\r\n    }\r\n    if (storyNextBtn) {\r\n      storyNextBtn.addEventListener('click', () => goToStorySlide(storyIndex + 1));\r\n    }\r\n    storyDots.forEach((dot) => {\r\n      dot.addEventListener('click', () => {\r\n        const target = parseInt(dot.getAttribute('data-goto'), 10);\r\n        if (!isNaN(target)) goToStorySlide(target);\r\n      });\r\n    });\r\n\r\n    \/\/ Reset to the first slide whenever the popup opens\r\n    modalOverlay.addEventListener('transitionend', (e) => {\r\n      if (e.target === modalOverlay && modalOverlay.classList.contains('active')) {\r\n        goToStorySlide(0);\r\n      }\r\n    });\r\n    [storyTrigger, profileTrigger].forEach((trigger) => {\r\n      trigger.addEventListener('click', () => goToStorySlide(0));\r\n    });\r\n\r\n    goToStorySlide(0);\r\n\r\n    \/\/ Element SDK Integration\r\n    async function onConfigChange(config) {\r\n      const name = config.founder_name || defaultConfig.founder_name;\r\n      const role = config.founder_role || defaultConfig.founder_role;\r\n      const quote = config.founder_quote || defaultConfig.founder_quote;\r\n      const dob = config.founder_dob || defaultConfig.founder_dob;\r\n      const bgColor = config.background_color || defaultConfig.background_color;\r\n      const primaryColor = config.primary_text_color || defaultConfig.primary_text_color;\r\n      const secondaryColor = config.secondary_text_color || defaultConfig.secondary_text_color;\r\n      const accentColor = config.accent_color || defaultConfig.accent_color;\r\n\r\n      \/\/ Update founder block\r\n      founderNameEl.textContent = name;\r\n      founderRoleEl.textContent = role;\r\n\r\n      \/\/ Update modal content\r\n      modalNameEl.textContent = name;\r\n      modalDobEl.textContent = dob;\r\n      modalQuoteEl.textContent = quote;\r\n\r\n      \/\/ Update colors\r\n      document.body.style.backgroundColor = bgColor;\r\n      const wrapper = document.querySelector('.app-wrapper');\r\n      if (wrapper) wrapper.style.backgroundColor = bgColor;\r\n\r\n      founderNameEl.style.color = primaryColor;\r\n      founderRoleEl.style.color = secondaryColor;\r\n\r\n      modalNameEl.style.color = primaryColor;\r\n      modalDobEl.style.color = primaryColor;\r\n      modalQuoteEl.style.color = primaryColor;\r\n\r\n      \/\/ Update accent color on modal border\r\n      const profileCard = modalContent.querySelector('.glass-card');\r\n      if (profileCard) {\r\n        profileCard.style.borderTopColor = accentColor;\r\n      }\r\n\r\n      \/\/ Update social icons hover color via CSS variable approach\r\n      const socialIcons = document.querySelectorAll('.social-icon');\r\n      socialIcons.forEach(icon => {\r\n        icon.style.setProperty('--accent', accentColor);\r\n        icon.addEventListener('mouseenter', () => icon.style.color = accentColor);\r\n        icon.addEventListener('mouseleave', () => icon.style.color = primaryColor);\r\n        icon.style.color = primaryColor;\r\n      });\r\n    }\r\n\r\n    function mapToCapabilities(config) {\r\n      return {\r\n        recolorables: [\r\n          {\r\n            get: () => config.background_color || defaultConfig.background_color,\r\n            set: (value) => { config.background_color = value; window.elementSdk.setConfig({ background_color: value }); }\r\n          },\r\n          {\r\n            get: () => config.primary_text_color || defaultConfig.primary_text_color,\r\n            set: (value) => { config.primary_text_color = value; window.elementSdk.setConfig({ primary_text_color: value }); }\r\n          },\r\n          {\r\n            get: () => config.secondary_text_color || defaultConfig.secondary_text_color,\r\n            set: (value) => { config.secondary_text_color = value; window.elementSdk.setConfig({ secondary_text_color: value }); }\r\n          },\r\n          {\r\n            get: () => config.accent_color || defaultConfig.accent_color,\r\n            set: (value) => { config.accent_color = value; window.elementSdk.setConfig({ accent_color: value }); }\r\n          }\r\n        ],\r\n        borderables: [],\r\n        fontEditable: undefined,\r\n        fontSizeable: undefined\r\n      };\r\n    }\r\n\r\n    function mapToEditPanelValues(config) {\r\n      return new Map([\r\n        ['founder_name', config.founder_name || defaultConfig.founder_name],\r\n        ['founder_role', config.founder_role || defaultConfig.founder_role],\r\n        ['founder_quote', config.founder_quote || defaultConfig.founder_quote],\r\n        ['founder_dob', config.founder_dob || defaultConfig.founder_dob]\r\n      ]);\r\n    }\r\n\r\n    \/\/ Initialize SDK\r\n    if (window.elementSdk) {\r\n      window.elementSdk.init({\r\n        defaultConfig,\r\n        onConfigChange,\r\n        mapToCapabilities,\r\n        mapToEditPanelValues\r\n      });\r\n    }\r\n  })();\r\n  <\/script>\r\n <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be7511d e-flex e-con-boxed e-con e-parent\" data-id=\"be7511d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad097ef elementor-widget elementor-widget-spacer\" data-id=\"ad097ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e28ca1 e-con-full e-flex e-con e-parent\" data-id=\"6e28ca1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92522dd elementor-widget elementor-widget-spacer\" data-id=\"92522dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-891b549 elementor-widget elementor-widget-html\" data-id=\"891b549\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     OLAH AGENCY \u2014 Pre-footer section\r\n     Drop this block just before your <footer>\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@700&display=swap\" rel=\"stylesheet\" \/>\r\n<style>\r\n  .olah-pf {\r\n    width: 100%;\r\n    background: #000;\r\n    padding: clamp(80px, 12vw, 140px) 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n    z-index: 0;\r\n    overflow: visible;\r\n  }\r\n  .olah-pf__wrap {\r\n    position: relative;\r\n    width: min(420px, 90vw);\r\n    opacity: 0;\r\n    transform: translateY(70px);\r\n    padding-top: 1.8em;\r\n    transition: opacity 900ms cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n                transform 900ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n  .olah-pf__wrap.olah-pf--visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n  .olah-pf__headline {\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 100vw;\r\n    text-align: center;\r\n    z-index: 2;\r\n    top: -0.45em;\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 600;\r\n    font-size: clamp(54px, 15vw, 88px);\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.03em;\r\n    color: #f5f5f5;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0em;\r\n    overflow: visible;\r\n    white-space: nowrap;\r\n    line-height: 0.88;\r\n  }\r\n  .olah-pf__headline span {\r\n    display: block;\r\n  }\r\n  .olah-pf__figure {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    display: block;\r\n    margin: 0;\r\n  }\r\n  .olah-pf__img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center 25%;\r\n    display: block;\r\n    transform: scale(1.05);\r\n    transition: transform 1300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n  .olah-pf__wrap.olah-pf--visible .olah-pf__img {\r\n    transform: scale(1);\r\n  }\r\n  .olah-pf__scrim {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(0,0,0,0.55) 0%,\r\n      rgba(0,0,0,0.00) 40%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n  @media (max-width: 600px) {\r\n    .olah-pf__headline {\r\n      font-size: clamp(28px, 11vw, 54px);\r\n      letter-spacing: -0.02em;\r\n      width: 94vw;\r\n      left: 50%;\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .olah-pf__wrap,\r\n    .olah-pf__img {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n<section class=\"olah-pf\" aria-label=\"Visual Storytellers\">\r\n  <div class=\"olah-pf__wrap\">\r\n    <h2 class=\"olah-pf__headline\">\r\n      <span>Visual<\/span>\r\n      <span>Storytellers<\/span>\r\n    <\/h2>\r\n    <figure class=\"olah-pf__figure\" role=\"img\" aria-label=\"OLAH AGENCY \u2014 on location\">\r\n      <img\r\n        class=\"olah-pf__img\"\r\n        src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/03\/A7405508-3-scaled-e1773932410120.jpg\"\r\n        alt=\"OLAH AGENCY \u2014 behind the scenes on location\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      \/>\r\n      <div class=\"olah-pf__scrim\" aria-hidden=\"true\"><\/div>\r\n    <\/figure>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n(function () {\r\n  var el = document.querySelector('.olah-pf__wrap');\r\n  if (!el) return;\r\n  new IntersectionObserver(function (entries, obs) {\r\n    if (entries[0].isIntersecting) {\r\n      el.classList.add('olah-pf--visible');\r\n      obs.disconnect();\r\n    }\r\n  }, { threshold: 0.12 }).observe(el);\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36933e2 e-con-full e-flex e-con e-parent\" data-id=\"36933e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8614e4 elementor-widget elementor-widget-html\" data-id=\"d8614e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Footer \u2014 Olah Agency<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;500&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n    html, body { background: transparent; }\r\n\r\n    \/* \u2500\u2500 COMMUN \u2500\u2500 *\/\r\n    .footer {\r\n      width: 100%;\r\n      background: #000;\r\n      padding: 5rem 5vw 3rem;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 2rem;\r\n    }\r\n    .footer-bottom a {\r\n      font-family: 'Manrope', sans-serif;\r\n      font-weight: 300;\r\n      font-size: 0.62rem;\r\n      color: #2e2e2e;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      transition: color 300ms ease;\r\n    }\r\n    .footer-bottom a:hover { color: #fe6f5e; }\r\n\r\n    \/* \u2500\u2500 DESKTOP \u2500\u2500 *\/\r\n    .footer-row {\r\n      display: flex;\r\n      align-items: baseline;\r\n      justify-content: center;\r\n      gap: 1.2rem;\r\n      flex-wrap: wrap;\r\n    }\r\n    .row-title {\r\n      font-family: 'Manrope', sans-serif;\r\n      font-weight: 500;\r\n      font-size: 1.64rem;\r\n      color: #f5f5f5;\r\n      letter-spacing: 0.06em;\r\n    }\r\n    .footer-row a {\r\n      font-family: 'Manrope', sans-serif;\r\n      font-weight: 300;\r\n      font-size: 1.56rem;\r\n      color: #555;\r\n      text-decoration: none;\r\n      letter-spacing: 0.04em;\r\n      transition: color 300ms ease;\r\n    }\r\n    .footer-row a:hover { color: #fe6f5e; }\r\n    .dot {\r\n      color: #222;\r\n      font-size: 0.5rem;\r\n      line-height: 1;\r\n      align-self: center;\r\n    }\r\n    .footer-bottom {\r\n      margin-top: 2rem;\r\n      border-top: 1px solid #111;\r\n      padding-top: 2rem;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/* \u2500\u2500 MOBILE : masqu\u00e9 par d\u00e9faut \u2500\u2500 *\/\r\n    .mobile-section,\r\n    .mobile-double,\r\n    .mobile-divider,\r\n    .mobile-bottom { display: none; }\r\n\r\n    \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\r\n    @media (max-width: 640px) {\r\n\r\n      .footer {\r\n        padding: 3rem 6vw 2.5rem;\r\n        align-items: center;\r\n      }\r\n\r\n      \/* Masquer desktop *\/\r\n      .footer-row { display: none; }\r\n      .footer-bottom { display: none; }\r\n\r\n      \/* Afficher mobile *\/\r\n      .mobile-section {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        width: 100%;\r\n      }\r\n      .mobile-double {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 1.5rem;\r\n        width: 100%;\r\n      }\r\n      .mobile-divider {\r\n        display: block;\r\n        border: none;\r\n        border-top: 1px solid #111;\r\n        width: 100%;\r\n      }\r\n      .mobile-bottom {\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n      }\r\n      .mobile-bottom a {\r\n        font-family: 'Manrope', sans-serif !important;\r\n        font-weight: 300 !important;\r\n        font-size: 0.62rem !important;\r\n        color: #2e2e2e !important;\r\n        letter-spacing: 0.12em !important;\r\n        text-transform: uppercase !important;\r\n        text-decoration: none !important;\r\n        transition: color 300ms ease !important;\r\n      }\r\n      .mobile-bottom a:hover { color: #fe6f5e !important; }\r\n\r\n      .mobile-title {\r\n        font-family: 'Manrope', sans-serif;\r\n        font-weight: 500;\r\n        font-size: 1.1rem;\r\n        color: #f5f5f5;\r\n        letter-spacing: 0.08em;\r\n        margin-bottom: 0.75rem;\r\n        text-align: center;\r\n      }\r\n      .mobile-links {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 0.4rem 1rem;\r\n        align-items: center;\r\n      }\r\n      .mobile-links a {\r\n        font-family: 'Manrope', sans-serif;\r\n        font-weight: 300;\r\n        font-size: 1rem;\r\n        color: #555;\r\n        text-decoration: none;\r\n        letter-spacing: 0.04em;\r\n        transition: color 300ms ease;\r\n      }\r\n      .mobile-links a:hover { color: #fe6f5e; }\r\n      .mobile-dot {\r\n        color: #2a2a2a;\r\n        font-size: 0.4rem;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n<footer class=\"footer\">\r\n\r\n  <!-- \u2500\u2500 DESKTOP \u2500\u2500 -->\r\n  <div class=\"footer-row\">\r\n    <span class=\"row-title\">Social<\/span>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <a href=\"https:\/\/www.linkedin.com\/company\/olah-agency\/home\/?viewAsMember=true\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <a href=\"https:\/\/www.instagram.com\/olah_agency?igsh=MTlkdmhndHZzZTdmeg%3D%3D\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <a href=\"https:\/\/www.tiktok.com\/@olah.agency?_r=1&amp;_t=ZG-9AY7KJCEkOe\" target=\"_blank\" rel=\"noopener\">TikTok<\/a>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <a href=\"https:\/\/www.facebook.com\/profile.php?id=61590574315090\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <span class=\"row-title\">Works<\/span>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <a href=\"https:\/\/olah-agency.com\/works\/\">All Projects<\/a>\r\n  <\/div>\r\n  <div class=\"footer-row\">\r\n    <span class=\"row-title\">Let's Talk<\/span>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <a href=\"mailto:contact@olah-agency.com\">Mail<\/a>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <a href=\"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/\" target=\"_blank\" rel=\"noopener\">Booking<\/a>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <span class=\"row-title\">About<\/span>\r\n    <span class=\"dot\">\u25cf<\/span>\r\n    <a href=\"https:\/\/olah-agency.com\/about\/\">About us<\/a>\r\n  <\/div>\r\n  <div class=\"footer-bottom\">\r\n    <a href=\"https:\/\/olah-agency.com\/\">Website made with passion<\/a>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 MOBILE \u2500\u2500 -->\r\n  <div class=\"mobile-section\">\r\n    <p class=\"mobile-title\">Social<\/p>\r\n    <div class=\"mobile-links\">\r\n      <a href=\"https:\/\/www.linkedin.com\/company\/olah-agency\/home\/?viewAsMember=true\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\r\n      <span class=\"mobile-dot\">\u25cf<\/span>\r\n      <a href=\"https:\/\/www.instagram.com\/olah_agency?igsh=MTlkdmhndHZzZTdmeg%3D%3D\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\r\n      <span class=\"mobile-dot\">\u25cf<\/span>\r\n      <a href=\"https:\/\/www.tiktok.com\/@olah.agency?_r=1&amp;_t=ZG-9AY7KJCEkOe\" target=\"_blank\" rel=\"noopener\">TikTok<\/a>\r\n      <span class=\"mobile-dot\">\u25cf<\/span>\r\n      <a href=\"https:\/\/www.facebook.com\/profile.php?id=61590574315090\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mobile-double\">\r\n    <div class=\"mobile-section\">\r\n      <p class=\"mobile-title\">Works<\/p>\r\n      <div class=\"mobile-links\">\r\n        <a href=\"https:\/\/olah-agency.com\/works\/\">All Projects<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"mobile-section\">\r\n      <p class=\"mobile-title\">About<\/p>\r\n      <div class=\"mobile-links\">\r\n        <a href=\"https:\/\/olah-agency.com\/about\/\">About us<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mobile-section\">\r\n    <p class=\"mobile-title\">Let's Talk<\/p>\r\n    <div class=\"mobile-links\">\r\n      <a href=\"mailto:contact@olah-agency.com\">Mail<\/a>\r\n      <span class=\"mobile-dot\">\u25cf<\/span>\r\n      <a href=\"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/\" target=\"_blank\" rel=\"noopener\">Booking<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <hr class=\"mobile-divider\">\r\n\r\n  <div class=\"mobile-bottom\">\r\n    <a href=\"https:\/\/olah-agency.com\/\">Website made with passion<\/a>\r\n  <\/div>\r\n\r\n<\/footer>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Olah Agency Navigation WORKS WORKS ABOUT ABOUT JOURNAL JOURNAL IMPACT IMPACT LET&#8217;S TALK LET&#8217;S TALK MENU CLOSE WORKS ABOUT JOURNAL IMPACT LET&#8217;S TALK OLAH AGENCY CLARITY CREATES DIRECTION. EVERY BRAND HAS A STORY THAT DESERVES TO BE SEEN. WE BUILD VISUALS THAT MAKE YOU GROW. Services Brand Identity \u00b7 Visual Strategy Reach Working Worldwide Est. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1250,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About OLAH Agency | Creative Studio Based in Belgium - olah-agency.com<\/title>\n<meta name=\"description\" content=\"Learn more about OLAH Agency, a Belgium-based creative studio creating impactful branding, visual storytelling, websites...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/olah-agency.com\/fr\/about\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About OLAH Agency | Creative Studio Based in Belgium - olah-agency.com\" \/>\n<meta property=\"og:description\" content=\"Learn more about OLAH Agency, a Belgium-based creative studio creating impactful branding, visual storytelling, websites...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/olah-agency.com\/fr\/about\/\" \/>\n<meta property=\"og:site_name\" content=\"olah-agency.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T19:15:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/06\/A7407376-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/about\\\/\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/about\\\/\",\"name\":\"About OLAH Agency | Creative Studio Based in Belgium - olah-agency.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/about\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/about\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/A7407376-scaled.jpg\",\"datePublished\":\"2026-01-15T16:09:02+00:00\",\"dateModified\":\"2026-10-15T19:15:11+00:00\",\"description\":\"Learn more about OLAH Agency, a Belgium-based creative studio creating impactful branding, visual storytelling, websites...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/about\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/olah-agency.com\\\/about\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/about\\\/#primaryimage\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/A7407376-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/A7407376-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/about\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/olah-agency.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About OLAH Agency | Creative Studio Based in Belgium\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/#website\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/\",\"name\":\"olah-agency.com\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/olah-agency.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About OLAH Agency | Creative Studio Based in Belgium - olah-agency.com","description":"Learn more about OLAH Agency, a Belgium-based creative studio creating impactful branding, visual storytelling, websites...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/olah-agency.com\/fr\/about\/","og_locale":"fr_FR","og_type":"article","og_title":"About OLAH Agency | Creative Studio Based in Belgium - olah-agency.com","og_description":"Learn more about OLAH Agency, a Belgium-based creative studio creating impactful branding, visual storytelling, websites...","og_url":"https:\/\/olah-agency.com\/fr\/about\/","og_site_name":"olah-agency.com","article_modified_time":"2026-10-15T19:15:11+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/06\/A7407376-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/olah-agency.com\/about\/","url":"https:\/\/olah-agency.com\/about\/","name":"About OLAH Agency | Creative Studio Based in Belgium - olah-agency.com","isPartOf":{"@id":"https:\/\/olah-agency.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/olah-agency.com\/about\/#primaryimage"},"image":{"@id":"https:\/\/olah-agency.com\/about\/#primaryimage"},"thumbnailUrl":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/06\/A7407376-scaled.jpg","datePublished":"2026-01-15T16:09:02+00:00","dateModified":"2026-10-15T19:15:11+00:00","description":"Learn more about OLAH Agency, a Belgium-based creative studio creating impactful branding, visual storytelling, websites...","breadcrumb":{"@id":"https:\/\/olah-agency.com\/about\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/olah-agency.com\/about\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/olah-agency.com\/about\/#primaryimage","url":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/06\/A7407376-scaled.jpg","contentUrl":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/06\/A7407376-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/olah-agency.com\/about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/olah-agency.com\/"},{"@type":"ListItem","position":2,"name":"About OLAH Agency | Creative Studio Based in Belgium"}]},{"@type":"WebSite","@id":"https:\/\/olah-agency.com\/#website","url":"https:\/\/olah-agency.com\/","name":"olah-agency.com","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/olah-agency.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":260,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":2005,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/33\/revisions\/2005"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/media\/1250"}],"wp:attachment":[{"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}