{"id":37,"date":"2026-01-15T16:09:31","date_gmt":"2026-01-15T16:09:31","guid":{"rendered":"https:\/\/olah-agency.com\/?page_id=37"},"modified":"2026-10-15T19:15:29","modified_gmt":"2026-10-15T19:15:29","slug":"lets-talk-book-a-stay","status":"publish","type":"page","link":"https:\/\/olah-agency.com\/fr\/lets-talk-book-a-stay\/","title":{"rendered":"Contact OLAH Agency | Start Your Creative Project"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49c5b69 e-con-full e-flex e-con e-parent\" data-id=\"49c5b69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26d520e elementor-widget elementor-widget-html\" data-id=\"26d520e\" 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-abbd374 e-con-full e-flex e-con e-parent\" data-id=\"abbd374\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d91ad59 elementor-widget elementor-widget-html\" data-id=\"d91ad59\" 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 - Contact<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@400;600&family=League+Spartan:wght@700;800;900&family=Manrope:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    :root {\r\n      --bg:      #000000;\r\n      --text:    #f0ede8;\r\n      --muted:   #888880;\r\n      --faint:   #333330;\r\n      --accent:  #fe6f5e;\r\n      --accent2: #ffa590;\r\n      --error:   #cf6679;\r\n    }\r\n\r\n    #oc-wrap button,\r\n    #oc-wrap button:hover,\r\n    #oc-wrap button:focus,\r\n    #oc-wrap button:active,\r\n    #oc-wrap button:visited,\r\n    #oc-modal button,\r\n    #oc-modal button:hover,\r\n    #oc-modal button:focus,\r\n    #oc-modal button:active,\r\n    #oc-modal button:visited {\r\n      background-color: transparent !important;\r\n      color: inherit !important;\r\n      border-color: inherit !important;\r\n      border-radius: 0 !important;\r\n      box-shadow: none !important;\r\n      outline: none !important;\r\n      -webkit-appearance: none !important;\r\n      appearance: none !important;\r\n      -webkit-text-fill-color: inherit !important;\r\n      text-shadow: none !important;\r\n    }\r\n\r\n    #oc-wrap input,\r\n    #oc-wrap input:hover,\r\n    #oc-wrap input:focus,\r\n    #oc-wrap input:active,\r\n    #oc-modal input,\r\n    #oc-modal input:hover,\r\n    #oc-modal input:focus,\r\n    #oc-modal input:active,\r\n    #oc-wrap textarea,\r\n    #oc-wrap textarea:hover,\r\n    #oc-wrap textarea:focus,\r\n    #oc-modal textarea,\r\n    #oc-modal textarea:hover,\r\n    #oc-modal textarea:focus {\r\n      background-color: transparent !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      border-radius: 0 !important;\r\n      box-shadow: none !important;\r\n      outline: none !important;\r\n      -webkit-appearance: none !important;\r\n      appearance: none !important;\r\n    }\r\n\r\n    #oc-wrap a.choice-card,\r\n    #oc-wrap a.choice-card:hover,\r\n    #oc-wrap a.choice-card:focus,\r\n    #oc-wrap a.choice-card:visited {\r\n      color: var(--text) !important;\r\n      text-decoration: none !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      box-shadow: none !important;\r\n    }\r\n\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    html, body {\r\n      background: var(--bg);\r\n      color: var(--text);\r\n      font-family: 'Manrope', sans-serif;\r\n      min-height: 100vh;\r\n      overflow-x: hidden;\r\n    }\r\n    @media (max-width: 900px) {\r\n      html, body {\r\n        min-height: unset;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n\r\n    #oc-wrap {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      min-height: 100vh;\r\n    }\r\n    @media (max-width: 900px) {\r\n      #oc-wrap {\r\n        display: block;\r\n        min-height: unset;\r\n      }\r\n      #oc-left {\r\n        position: static !important;\r\n        top: auto !important;\r\n        height: auto !important;\r\n        min-height: unset !important;\r\n        overflow: visible !important;\r\n        border-right: none;\r\n        border-bottom: 1px solid #1a1a18;\r\n        padding: 10rem 1.5rem 2rem;\r\n        margin-top: 0 !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        text-align: center;\r\n      }\r\n      html, body {\r\n        margin-top: 0 !important;\r\n        padding-top: 0 !important;\r\n      }\r\n    }\r\n\r\n    #oc-left {\r\n      position: sticky;\r\n      top: 0;\r\n      height: 100vh;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      padding: 3rem;\r\n      border-right: 1px solid #1a1a18;\r\n      overflow: hidden;\r\n    }\r\n    #oc-left::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: radial-gradient(ellipse 80% 60% at 30% 70%, rgba(254,111,94,0.08) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .left-step-name {\r\n      font-family: 'Be Vietnam Pro', sans-serif;\r\n      font-size: clamp(3.5rem, 6.5vw, 7rem);\r\n      font-weight: 600;\r\n      line-height: 0.95;\r\n      letter-spacing: 0.02em;\r\n      padding-bottom: 0.08em;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1.5px #fe6f5e;\r\n      background: linear-gradient(90deg, #fe6f5e 50%, transparent 50%);\r\n      background-size: 200% 100%;\r\n      background-position: 100%;\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      animation: stroke-fill 2.6s cubic-bezier(0.77, 0, 0.18, 1) 400ms infinite alternate;\r\n    }\r\n\r\n    @keyframes stroke-fill {\r\n      0% { background-position: 100%; color: transparent; -webkit-text-stroke: 1.5px #fe6f5e; }\r\n      65%, 100% { background-position: 0%; color: #fe6f5e; -webkit-text-stroke: 0px transparent; }\r\n    }\r\n\r\n    .left-step-sub {\r\n      font-size: 1.125rem;\r\n      color: var(--muted);\r\n      margin-top: 1.5rem;\r\n      line-height: 1.6;\r\n      max-width: 320px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .left-progress { margin-top: 3rem; }\r\n    .left-progress-label {\r\n      font-size: 10px;\r\n      letter-spacing: 0.2em;\r\n      text-transform: uppercase;\r\n      color: #444;\r\n      margin-bottom: 10px;\r\n      font-weight: 600;\r\n    }\r\n    .progress-bar-track {\r\n      width: 160px;\r\n      height: 2px;\r\n      background: #1a1a18;\r\n      position: relative;\r\n      margin: 0 auto;\r\n    }\r\n    .progress-bar-fill {\r\n      height: 100%;\r\n      background: var(--accent);\r\n      transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .left-location { margin-top: 2.5rem; font-size: 13px; color: #555; }\r\n\r\n    #oc-right {\r\n      padding: 4rem 3rem;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n    @media (min-width: 901px) {\r\n      #oc-right { min-height: 100vh; }\r\n    }\r\n    @media (max-width: 900px) {\r\n      #oc-right {\r\n        padding: 2.5rem 1.5rem;\r\n        min-height: unset !important;\r\n        position: static;\r\n        display: block;\r\n        justify-content: unset;\r\n      }\r\n    }\r\n    #oc-right-inner { max-width: 520px; width: 100%; margin: 0 auto; }\r\n\r\n    .mobile-header { display: none; margin-bottom: 2rem; }\r\n    .mobile-step-label {\r\n      font-size: 11px;\r\n      letter-spacing: 0.2em;\r\n      text-transform: uppercase;\r\n      color: var(--accent);\r\n      margin-bottom: 0.5rem;\r\n      font-weight: 600;\r\n    }\r\n    .mobile-progress-track { width: 100%; height: 2px; background: #1a1a18; }\r\n    .mobile-progress-fill {\r\n      height: 100%;\r\n      background: var(--accent);\r\n      transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    #oc-modal {\r\n      display: none;\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: 1000;\r\n      background: rgba(0,0,0,0.85);\r\n      backdrop-filter: blur(6px);\r\n      -webkit-backdrop-filter: blur(6px);\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 1.5rem;\r\n      animation: modalFadeIn 0.3s ease forwards;\r\n    }\r\n    #oc-modal.open {\r\n      display: flex;\r\n    }\r\n    @keyframes modalFadeIn {\r\n      from { opacity: 0; }\r\n      to   { opacity: 1; }\r\n    }\r\n\r\n    #oc-modal-box {\r\n      background: #0a0a08;\r\n      border: 1px solid #1e1e1c;\r\n      width: 100%;\r\n      max-width: 960px;\r\n      max-height: 90vh;\r\n      display: grid;\r\n      grid-template-columns: 260px 1fr;\r\n      overflow: hidden;\r\n      position: relative;\r\n      animation: modalSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n    @keyframes modalSlideUp {\r\n      from { transform: translateY(24px); opacity: 0; }\r\n      to   { transform: translateY(0);    opacity: 1; }\r\n    }\r\n    @media (max-width: 720px) {\r\n      #oc-modal-box {\r\n        grid-template-columns: 1fr;\r\n        max-height: 95vh;\r\n      }\r\n      #modal-sidebar { display: none; }\r\n    }\r\n\r\n    #modal-close {\r\n      position: absolute;\r\n      top: 1.25rem;\r\n      right: 1.25rem;\r\n      width: 36px;\r\n      height: 36px;\r\n      border: 1px solid #2a2a28;\r\n      background: transparent;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--muted);\r\n      transition: border-color 0.2s, color 0.2s;\r\n      z-index: 10;\r\n    }\r\n    #modal-close:hover { border-color: var(--accent); color: var(--accent); }\r\n\r\n    #modal-sidebar {\r\n      background: #050504;\r\n      border-right: 1px solid #1a1a18;\r\n      padding: 2.5rem 2rem;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    #modal-sidebar::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: radial-gradient(ellipse 100% 60% at 20% 80%, rgba(254,111,94,0.07) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .modal-sidebar-title {\r\n      font-family: 'Be Vietnam Pro', sans-serif;\r\n      font-size: 1.6rem;\r\n      font-weight: 600;\r\n      color: var(--accent);\r\n      line-height: 1.1;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .modal-steps-nav {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0;\r\n    }\r\n    .modal-step-item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      padding: 10px 0;\r\n      position: relative;\r\n    }\r\n    .modal-step-item:not(:last-child)::after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 11px;\r\n      top: 32px;\r\n      width: 1px;\r\n      height: calc(100% - 12px);\r\n      background: #1e1e1c;\r\n    }\r\n    .step-dot {\r\n      width: 23px;\r\n      height: 23px;\r\n      border: 1px solid #2a2a28;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n      color: #444;\r\n      transition: all 0.3s;\r\n      position: relative;\r\n      z-index: 1;\r\n      background: #0a0a08;\r\n    }\r\n    .modal-step-item.active .step-dot {\r\n      border-color: var(--accent);\r\n      color: var(--accent);\r\n      background: rgba(254,111,94,0.08);\r\n    }\r\n    .modal-step-item.done .step-dot {\r\n      border-color: var(--accent);\r\n      background: var(--accent);\r\n      color: #000;\r\n    }\r\n    .step-item-label {\r\n      font-size: 12px;\r\n      color: #444;\r\n      font-weight: 500;\r\n      padding-top: 3px;\r\n      transition: color 0.3s;\r\n    }\r\n    .modal-step-item.active .step-item-label { color: var(--text); }\r\n    .modal-step-item.done .step-item-label { color: var(--muted); }\r\n\r\n    .modal-sidebar-bottom {\r\n      font-size: 11px;\r\n      color: #333;\r\n    }\r\n\r\n    #modal-content {\r\n      padding: 3rem 2.5rem;\r\n      overflow-y: auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    @media (max-width: 720px) {\r\n      #modal-content { padding: 2rem 1.5rem; }\r\n    }\r\n\r\n    .modal-mobile-progress {\r\n      display: none;\r\n      margin-bottom: 1.75rem;\r\n    }\r\n    @media (max-width: 720px) { .modal-mobile-progress { display: block; } }\r\n    .modal-mobile-step-label {\r\n      font-size: 10px;\r\n      letter-spacing: 0.18em;\r\n      text-transform: uppercase;\r\n      color: var(--accent);\r\n      margin-bottom: 8px;\r\n      font-weight: 600;\r\n    }\r\n    .modal-mobile-track { width: 100%; height: 1px; background: #1a1a18; }\r\n    .modal-mobile-fill {\r\n      height: 100%;\r\n      background: var(--accent);\r\n      transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .oc-step { display: none; }\r\n    .oc-step.active {\r\n      display: block;\r\n      animation: fadeUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n    @keyframes fadeUp {\r\n      from { opacity: 0; transform: translateY(14px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .modal-step { display: none; }\r\n    .modal-step.active {\r\n      display: block;\r\n      animation: fadeUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n\r\n    .step-q {\r\n      font-family: 'League Spartan', sans-serif;\r\n      font-size: clamp(1.5rem, 3vw, 2rem);\r\n      font-weight: 800;\r\n      line-height: 1.1;\r\n      letter-spacing: -0.02em;\r\n      color: var(--text);\r\n      margin-bottom: 0.6rem;\r\n    }\r\n    .step-sub {\r\n      font-size: 13px;\r\n      color: var(--muted);\r\n      margin-bottom: 2rem;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .choice-grid { display: grid; gap: 10px; margin-bottom: 1.5rem; }\r\n    .choice-grid.cols-2 { grid-template-columns: 1fr 1fr; }\r\n    @media (max-width: 480px) { .choice-grid.cols-2 { grid-template-columns: 1fr; } }\r\n\r\n    .choice-card {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 16px !important;\r\n      padding: 14px 18px !important;\r\n      border: 1px solid var(--faint) !important;\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      cursor: pointer !important;\r\n      transition: border-color 0.25s, background 0.25s !important;\r\n      position: relative !important;\r\n      text-align: left !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      font-family: 'Manrope', sans-serif !important;\r\n      font-size: 13px !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.4 !important;\r\n      appearance: none !important;\r\n      -webkit-appearance: none !important;\r\n      text-decoration: none !important;\r\n      outline: none !important;\r\n      border-radius: 0 !important;\r\n      box-shadow: none !important;\r\n      -webkit-tap-highlight-color: transparent !important;\r\n      user-select: none !important;\r\n      width: 100% !important;\r\n    }\r\n    .choice-card:hover {\r\n      border-color: #555 !important;\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      box-shadow: none !important;\r\n    }\r\n    .choice-card:focus,\r\n    .choice-card:active {\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      box-shadow: none !important;\r\n      outline: none !important;\r\n    }\r\n    .choice-card.selected {\r\n      border-color: var(--accent) !important;\r\n      background: rgba(254,111,94,0.06) !important;\r\n      background-color: rgba(254,111,94,0.06) !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n    }\r\n    .choice-card.selected:hover {\r\n      border-color: var(--accent) !important;\r\n      background: rgba(254,111,94,0.06) !important;\r\n    }\r\n    .choice-card.disabled {\r\n      opacity: 0.38;\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .email-card {\r\n      text-decoration: none !important;\r\n      display: flex !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n    }\r\n    .email-card:hover,\r\n    .email-card:focus,\r\n    .email-card:visited,\r\n    .email-card:active {\r\n      border-color: var(--accent) !important;\r\n      background: rgba(254,111,94,0.06) !important;\r\n      background-color: rgba(254,111,94,0.06) !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      box-shadow: none !important;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .cc-letter {\r\n      font-family: 'League Spartan', sans-serif;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.15em;\r\n      color: var(--accent);\r\n      min-width: 18px;\r\n    }\r\n    .cc-label {\r\n      font-size: 13px;\r\n      font-weight: 500;\r\n      line-height: 1.4;\r\n      flex: 1;\r\n    }\r\n    .cc-label small {\r\n      display: block;\r\n      font-size: 11px;\r\n      color: var(--muted);\r\n      font-weight: 400;\r\n      margin-top: 2px;\r\n    }\r\n    .cc-check {\r\n      width: 18px !important;\r\n      height: 18px !important;\r\n      border: 1px solid var(--faint) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      flex-shrink: 0 !important;\r\n      transition: all 0.2s !important;\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      border-radius: 0 !important;\r\n    }\r\n    .choice-card.selected .cc-check {\r\n      background: var(--accent) !important;\r\n      background-color: var(--accent) !important;\r\n      border-color: var(--accent) !important;\r\n    }\r\n    .cc-check svg { opacity: 0 !important; transition: opacity 0.2s !important; }\r\n    .choice-card.selected .cc-check svg { opacity: 1 !important; }\r\n\r\n    .cc-arrow {\r\n      color: var(--muted);\r\n      transition: color 0.2s, transform 0.2s;\r\n      flex-shrink: 0;\r\n    }\r\n    .email-card:hover .cc-arrow { color: var(--accent); transform: translateX(3px); }\r\n\r\n    .field { margin-bottom: 1.1rem; }\r\n    .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.1rem; }\r\n    @media (max-width: 480px) { .field-row { grid-template-columns: 1fr; } }\r\n\r\n    label.fl {\r\n      display: block;\r\n      font-size: 10px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.15em;\r\n      color: var(--muted);\r\n      margin-bottom: 6px;\r\n      font-weight: 600;\r\n    }\r\n    input.fi, textarea.fi {\r\n      all: unset !important;\r\n      box-sizing: border-box !important;\r\n      display: block !important;\r\n      width: 100% !important;\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      border: 1px solid var(--faint) !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      font-family: 'Manrope', sans-serif !important;\r\n      font-size: 13px !important;\r\n      padding: 11px 13px !important;\r\n      transition: border-color 0.25s !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    }\r\n    input.fi:hover, textarea.fi:hover {\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      box-shadow: none !important;\r\n    }\r\n    input.fi:focus, textarea.fi:focus {\r\n      border-color: var(--accent) !important;\r\n      outline: none !important;\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      box-shadow: none !important;\r\n    }\r\n    input.fi::placeholder, textarea.fi::placeholder { color: #444 !important; }\r\n    input.fi.err, textarea.fi.err { border-color: var(--error) !important; }\r\n    textarea.fi { min-height: 120px !important; resize: vertical !important; }\r\n\r\n    .err-msg { font-size: 11px; color: var(--error); margin-top: 5px; display: none; }\r\n    .err-msg.show { display: block; }\r\n\r\n    #discover-other-wrap { display: none; margin-top: 10px; }\r\n    #discover-other-wrap.show { display: block; }\r\n\r\n    .oc-nav {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-top: 1.75rem;\r\n      padding-top: 1.5rem;\r\n      border-top: 1px solid #1a1a18;\r\n    }\r\n    .btn-back {\r\n      all: unset !important;\r\n      cursor: pointer !important;\r\n      font-size: 11px !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.12em !important;\r\n      color: var(--muted) !important;\r\n      -webkit-text-fill-color: var(--muted) !important;\r\n      font-family: 'Manrope', sans-serif !important;\r\n      font-weight: 500 !important;\r\n      transition: color 0.2s !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      border: none !important;\r\n      box-shadow: none !important;\r\n      border-radius: 0 !important;\r\n    }\r\n    .btn-back:hover,\r\n    .btn-back:focus,\r\n    .btn-back:active {\r\n      color: var(--text) !important;\r\n      -webkit-text-fill-color: var(--text) !important;\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      box-shadow: none !important;\r\n      outline: none !important;\r\n    }\r\n    .btn-back[hidden] { visibility: hidden !important; pointer-events: none !important; }\r\n\r\n    .btn-next {\r\n      all: unset !important;\r\n      cursor: pointer !important;\r\n      background: var(--accent) !important;\r\n      background-color: var(--accent) !important;\r\n      color: #000 !important;\r\n      -webkit-text-fill-color: #000 !important;\r\n      font-family: 'Manrope', sans-serif !important;\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.12em !important;\r\n      padding: 13px 24px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n      transition: background 0.25s, opacity 0.25s !important;\r\n      border-radius: 0 !important;\r\n      box-shadow: none !important;\r\n      text-decoration: none !important;\r\n      border: none !important;\r\n    }\r\n    .btn-next:hover,\r\n    .btn-next:focus,\r\n    .btn-next:active {\r\n      background: var(--accent2) !important;\r\n      background-color: var(--accent2) !important;\r\n      color: #000 !important;\r\n      -webkit-text-fill-color: #000 !important;\r\n      box-shadow: none !important;\r\n      outline: none !important;\r\n    }\r\n    .btn-next:disabled,\r\n    .btn-next.loading {\r\n      opacity: 0.6 !important;\r\n      cursor: not-allowed !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    \/* Spinner inside button *\/\r\n    .btn-spinner {\r\n      display: none;\r\n      width: 12px;\r\n      height: 12px;\r\n      border: 2px solid rgba(0,0,0,0.3);\r\n      border-top-color: #000;\r\n      border-radius: 50%;\r\n      animation: spin 0.7s linear infinite;\r\n    }\r\n    .btn-next.loading .btn-spinner { display: block; }\r\n    .btn-next.loading .btn-label { opacity: 0.7; }\r\n    @keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n    \/* Submit error banner *\/\r\n    #submit-error {\r\n      display: none;\r\n      margin-top: 1rem;\r\n      padding: 10px 14px;\r\n      border: 1px solid var(--error);\r\n      font-size: 12px;\r\n      color: var(--error);\r\n      line-height: 1.5;\r\n    }\r\n    #submit-error.show { display: block; }\r\n\r\n    #modal-step-success { text-align: left; }\r\n    .success-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      border: 1px solid var(--accent);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 1.75rem;\r\n      animation: popIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n    @keyframes popIn {\r\n      from { transform: scale(0.6); opacity: 0; }\r\n      to   { transform: scale(1);   opacity: 1; }\r\n    }\r\n    .success-headline {\r\n      font-family: 'League Spartan', sans-serif;\r\n      font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n      font-weight: 900;\r\n      letter-spacing: -0.02em;\r\n      line-height: 1;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n    .success-body {\r\n      font-size: 14px;\r\n      color: var(--muted);\r\n      line-height: 1.75;\r\n      max-width: 400px;\r\n      margin-bottom: 2rem;\r\n    }\r\n    .success-body strong { color: var(--text); font-weight: 500; }\r\n    .success-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      border: 1px solid var(--faint);\r\n      color: var(--text);\r\n      font-family: 'Manrope', sans-serif;\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.12em;\r\n      padding: 12px 20px;\r\n      text-decoration: none;\r\n      transition: border-color 0.25s, color 0.25s;\r\n      cursor: pointer;\r\n    }\r\n    .success-cta:hover { border-color: var(--accent); color: var(--accent); }\r\n\r\n    .coming-badge {\r\n      font-size: 9px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.12em;\r\n      color: var(--muted);\r\n      border: 1px solid var(--faint);\r\n      padding: 2px 6px;\r\n      font-weight: 600;\r\n      flex-shrink: 0;\r\n    }\r\n    .ta-hint { font-size: 11px; color: #444; margin-top: 5px; }\r\n\r\n    .discover-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 8px;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n    @media (max-width: 480px) { .discover-grid { grid-template-columns: 1fr; } }\r\n\r\n    .step-section-divider {\r\n      margin-top: 1.5rem;\r\n      padding-top: 1.5rem;\r\n      border-top: 1px solid #1a1a18;\r\n    }\r\n    .step-section-label {\r\n      font-size: 10px;\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.18em;\r\n      color: var(--muted);\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .left-step-name { animation: none; color: #fe6f5e; -webkit-text-stroke: 0; background-position: 0%; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"oc-wrap\">\r\n\r\n  <!-- LEFT PANEL -->\r\n  <div id=\"oc-left\">\r\n    <div>\r\n      <div class=\"left-step-name\">Let's Talk<\/div>\r\n      <div class=\"left-step-sub\">Start with the essentials.<br>We'll take it from there.<\/div>\r\n      <div class=\"left-progress\">\r\n        <div class=\"left-progress-label\">Step 1 \/ 5<\/div>\r\n        <div class=\"progress-bar-track\">\r\n          <div class=\"progress-bar-fill\" style=\"width: 20%\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"left-location\">Based in Belgium<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- RIGHT PANEL (Step 1 only) -->\r\n  <div id=\"oc-right\">\r\n    <div id=\"oc-right-inner\">\r\n\r\n      <div class=\"mobile-header\">\r\n        <div class=\"mobile-step-label\">Step 1 \/ 5<\/div>\r\n        <div class=\"mobile-progress-track\">\r\n          <div class=\"mobile-progress-fill\" style=\"width: 20%\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 1 -->\r\n      <div class=\"oc-step active\" id=\"oc-step-1\">\r\n        <div class=\"step-q\">HOW WOULD YOU LIKE<br>TO CONNECT WITH OLAH?<\/div>\r\n        <div class=\"step-sub\">Choose the format that works best for you.<\/div>\r\n        <div class=\"choice-grid\">\r\n          <button type=\"button\" class=\"choice-card\" data-group=\"connect\" data-val=\"form\">\r\n            <span class=\"cc-letter\">A<\/span>\r\n            <span class=\"cc-label\">Fill out the form<small>We'll get back to you shortly<\/small><\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <button type=\"button\" class=\"choice-card\" data-group=\"connect\" data-val=\"call\">\r\n            <span class=\"cc-letter\">B<\/span>\r\n            <span class=\"cc-label\">Book a 30-minute call<small>Pick a slot that suits you<\/small><\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <a href=\"mailto:contact@olah-agency.com\" class=\"choice-card email-card\">\r\n            <span class=\"cc-letter\">C<\/span>\r\n            <span class=\"cc-label\">Email us directly<small>contact@olah-agency.com<\/small><\/span>\r\n            <svg class=\"cc-arrow\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"err-msg\" id=\"err-connect\">Please make a selection to continue.<\/div>\r\n        <div class=\"oc-nav\">\r\n          <button type=\"button\" class=\"btn-back\" hidden style=\"visibility:hidden\">\u2190 Back<\/button>\r\n          <button type=\"button\" class=\"btn-next\" id=\"btn-step1-continue\">Continue \u2192<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- MODAL (Steps 2\u20135 + Success) -->\r\n<div id=\"oc-modal\">\r\n  <div id=\"oc-modal-box\">\r\n\r\n    <button type=\"button\" id=\"modal-close\" aria-label=\"Close\">\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <!-- Sidebar -->\r\n    <div id=\"modal-sidebar\">\r\n      <div>\r\n        <div class=\"modal-sidebar-title\">Let's<br>Talk<\/div>\r\n        <nav class=\"modal-steps-nav\" id=\"modal-steps-nav\">\r\n          <div class=\"modal-step-item\" data-step=\"2\">\r\n            <div class=\"step-dot\">01<\/div>\r\n            <div class=\"step-item-label\">About you<\/div>\r\n          <\/div>\r\n          <div class=\"modal-step-item\" data-step=\"3\">\r\n            <div class=\"step-dot\">02<\/div>\r\n            <div class=\"step-item-label\">Request type<\/div>\r\n          <\/div>\r\n          <div class=\"modal-step-item\" data-step=\"4\">\r\n            <div class=\"step-dot\">03<\/div>\r\n            <div class=\"step-item-label\">Services<\/div>\r\n          <\/div>\r\n          <div class=\"modal-step-item\" data-step=\"5\">\r\n            <div class=\"step-dot\">04<\/div>\r\n            <div class=\"step-item-label\">Your project<\/div>\r\n          <\/div>\r\n        <\/nav>\r\n      <\/div>\r\n      <div class=\"modal-sidebar-bottom\">OLAH Agency \u00b7 Belgium<\/div>\r\n    <\/div>\r\n\r\n    <!-- Content -->\r\n    <div id=\"modal-content\">\r\n\r\n      <div class=\"modal-mobile-progress\">\r\n        <div class=\"modal-mobile-step-label\" id=\"modal-mobile-label\">Step 2 \/ 5<\/div>\r\n        <div class=\"modal-mobile-track\">\r\n          <div class=\"modal-mobile-fill\" id=\"modal-mobile-fill\" style=\"width: 40%\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 2 -->\r\n      <div class=\"modal-step active\" id=\"modal-step-2\">\r\n        <div class=\"step-q\">LET'S GET TO<br>KNOW YOU<\/div>\r\n        <div class=\"step-sub\">A few details so we can continue the conversation.<\/div>\r\n        <div class=\"field-row\">\r\n          <div>\r\n            <label class=\"fl\" for=\"f-fname\">First Name *<\/label>\r\n            <input class=\"fi\" type=\"text\" id=\"f-fname\" autocomplete=\"given-name\">\r\n            <div class=\"err-msg\" id=\"err-fname\">Required<\/div>\r\n          <\/div>\r\n          <div>\r\n            <label class=\"fl\" for=\"f-lname\">Last Name *<\/label>\r\n            <input class=\"fi\" type=\"text\" id=\"f-lname\" autocomplete=\"family-name\">\r\n            <div class=\"err-msg\" id=\"err-lname\">Required<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"field-row\">\r\n          <div>\r\n            <label class=\"fl\" for=\"f-phone\">Phone Number *<\/label>\r\n            <input class=\"fi\" type=\"tel\" id=\"f-phone\" autocomplete=\"tel\">\r\n            <div class=\"err-msg\" id=\"err-phone\">Required<\/div>\r\n          <\/div>\r\n          <div>\r\n            <label class=\"fl\" for=\"f-email\">Email *<\/label>\r\n            <input class=\"fi\" type=\"email\" id=\"f-email\" autocomplete=\"email\">\r\n            <div class=\"err-msg\" id=\"err-email\">Valid email required<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"field\">\r\n          <label class=\"fl\" for=\"f-company\">Company \/ Organization *<\/label>\r\n          <input class=\"fi\" type=\"text\" id=\"f-company\" autocomplete=\"organization\">\r\n          <div class=\"err-msg\" id=\"err-company\">Required<\/div>\r\n        <\/div>\r\n        <div class=\"oc-nav\">\r\n          <button type=\"button\" class=\"btn-back\" id=\"btn-2-back\">\u2190 Back<\/button>\r\n          <button type=\"button\" class=\"btn-next\" id=\"btn-2-next\">Continue \u2192<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 3 -->\r\n      <div class=\"modal-step\" id=\"modal-step-3\">\r\n        <div class=\"step-q\">WHAT IS YOUR<br>REQUEST ABOUT?<\/div>\r\n        <div class=\"step-sub\">Select all that apply.<\/div>\r\n        <div class=\"choice-grid cols-2\">\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"request\" data-val=\"project\">\r\n            <span class=\"cc-letter\">A<\/span><span class=\"cc-label\">A project<\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"request\" data-val=\"collaboration\">\r\n            <span class=\"cc-letter\">B<\/span><span class=\"cc-label\">A collaboration<\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"request\" data-val=\"job\">\r\n            <span class=\"cc-letter\">C<\/span><span class=\"cc-label\">A job application<\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"request\" data-val=\"internship\">\r\n            <span class=\"cc-letter\">D<\/span><span class=\"cc-label\">An internship<\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n        <\/div>\r\n        <div class=\"err-msg\" id=\"err-request\">Please select at least one option.<\/div>\r\n        <div class=\"oc-nav\">\r\n          <button type=\"button\" class=\"btn-back\" id=\"btn-3-back\">\u2190 Back<\/button>\r\n          <button type=\"button\" class=\"btn-next\" id=\"btn-3-next\">Continue \u2192<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 4 -->\r\n      <div class=\"modal-step\" id=\"modal-step-4\">\r\n        <div class=\"step-q\">HOW CAN OLAH<br>HELP YOU?<\/div>\r\n        <div class=\"step-sub\">Select the services that match your needs.<\/div>\r\n        <div class=\"choice-grid\">\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"services\" data-val=\"branding\">\r\n            <span class=\"cc-letter\">A<\/span><span class=\"cc-label\">Branding<small>Visual identity, creative direction<\/small><\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"services\" data-val=\"production\">\r\n            <span class=\"cc-letter\">B<\/span><span class=\"cc-label\">Visual production<small>Photo, video, storytelling<\/small><\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"services\" data-val=\"web\">\r\n            <span class=\"cc-letter\">C<\/span><span class=\"cc-label\">Web & e-commerce<small>Website, online store<\/small><\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"services\" data-val=\"social\">\r\n            <span class=\"cc-letter\">D<\/span><span class=\"cc-label\">Social media<small>Strategy, content<\/small><\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n          <div class=\"choice-card disabled\">\r\n            <span class=\"cc-letter\">E<\/span><span class=\"cc-label\">Motion design<small>Animation, visuals<\/small><\/span>\r\n            <span class=\"coming-badge\">Soon<\/span>\r\n          <\/div>\r\n          <div class=\"choice-card disabled\">\r\n            <span class=\"cc-letter\">F<\/span><span class=\"cc-label\">Strategy & consulting<\/span>\r\n            <span class=\"coming-badge\">Soon<\/span>\r\n          <\/div>\r\n          <button type=\"button\" class=\"choice-card multi\" data-group=\"services\" data-val=\"other\">\r\n            <span class=\"cc-letter\">G<\/span><span class=\"cc-label\">Other<\/span>\r\n            <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n          <\/button>\r\n        <\/div>\r\n        <div class=\"err-msg\" id=\"err-services\">Please select at least one service.<\/div>\r\n        <div class=\"oc-nav\">\r\n          <button type=\"button\" class=\"btn-back\" id=\"btn-4-back\">\u2190 Back<\/button>\r\n          <button type=\"button\" class=\"btn-next\" id=\"btn-4-next\">Continue \u2192<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 5 -->\r\n      <div class=\"modal-step\" id=\"modal-step-5\">\r\n        <div class=\"step-q\">TELL US ABOUT<br>YOUR PROJECT<\/div>\r\n        <div class=\"step-sub\">Context, goals, challenges, deadline, or even a bold idea. The more we know, the better we can help.<\/div>\r\n        <div class=\"field\">\r\n          <label class=\"fl\" for=\"f-message\">Your message *<\/label>\r\n          <textarea class=\"fi\" id=\"f-message\" placeholder=\"Describe your project, vision, constraints\u2026\"><\/textarea>\r\n          <div class=\"ta-hint\">Shift + Enter to add a new line<\/div>\r\n          <div class=\"err-msg\" id=\"err-message\">Please tell us about your project.<\/div>\r\n        <\/div>\r\n        <div class=\"step-section-divider\">\r\n          <div class=\"step-section-label\">How did you discover OLAH?<\/div>\r\n          <div class=\"discover-grid\">\r\n            <button type=\"button\" class=\"choice-card\" data-group=\"discover\" data-val=\"google\">\r\n              <span class=\"cc-letter\">A<\/span><span class=\"cc-label\">Google<\/span>\r\n              <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n            <\/button>\r\n            <button type=\"button\" class=\"choice-card\" data-group=\"discover\" data-val=\"instagram\">\r\n              <span class=\"cc-letter\">B<\/span><span class=\"cc-label\">Instagram<\/span>\r\n              <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n            <\/button>\r\n            <button type=\"button\" class=\"choice-card\" data-group=\"discover\" data-val=\"linkedin\">\r\n              <span class=\"cc-letter\">C<\/span><span class=\"cc-label\">LinkedIn<\/span>\r\n              <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n            <\/button>\r\n            <button type=\"button\" class=\"choice-card\" data-group=\"discover\" data-val=\"video\">\r\n              <span class=\"cc-letter\">D<\/span><span class=\"cc-label\">One of your videos<\/span>\r\n              <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n            <\/button>\r\n            <button type=\"button\" class=\"choice-card\" data-group=\"discover\" data-val=\"recommendation\">\r\n              <span class=\"cc-letter\">E<\/span><span class=\"cc-label\">Recommendation<\/span>\r\n              <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n            <\/button>\r\n            <button type=\"button\" class=\"choice-card\" data-group=\"discover\" data-val=\"other-discover\" id=\"card-discover-other\">\r\n              <span class=\"cc-letter\">F<\/span><span class=\"cc-label\">Other<\/span>\r\n              <div class=\"cc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n            <\/button>\r\n          <\/div>\r\n          <div id=\"discover-other-wrap\">\r\n            <label class=\"fl\" for=\"f-discover-other\">Tell us more<\/label>\r\n            <input class=\"fi\" type=\"text\" id=\"f-discover-other\" placeholder=\"How did you find us?\">\r\n          <\/div>\r\n        <\/div>\r\n        <div id=\"submit-error\">Something went wrong. Please try again or email us directly at contact@olah-agency.com.<\/div>\r\n        <div class=\"oc-nav\">\r\n          <button type=\"button\" class=\"btn-back\" id=\"btn-5-back\">\u2190 Back<\/button>\r\n          <button type=\"button\" class=\"btn-next\" id=\"btn-5-next\">\r\n            <span class=\"btn-label\">Send Request \u2192<\/span>\r\n            <span class=\"btn-spinner\"><\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SUCCESS -->\r\n      <div class=\"modal-step\" id=\"modal-step-success\">\r\n        <div class=\"success-icon\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"success-headline\">THANK YOU,<br><span id=\"success-name\" style=\"color:var(--accent);\">\u2014<\/span><\/div>\r\n        <div class=\"success-body\">\r\n          Your request has been successfully sent. Our team will get back to you shortly to see how OLAH can support your project.<br><br>\r\n          <strong>You've just taken the first step toward unlocking your project's potential.<\/strong><br><br>\r\n          In the meantime, feel free to explore the work we've created for businesses, creators and organizations looking to grow.\r\n        <\/div>\r\n        <a href=\"https:\/\/olah-agency.com\/works\/\" class=\"success-cta\" target=\"_blank\" rel=\"noopener\">\r\n          Explore our work\r\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/modal-content -->\r\n  <\/div><!-- \/modal-box -->\r\n<\/div><!-- \/modal -->\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* \u2500\u2500\u2500 CONFIG \u2500\u2500\u2500 *\/\r\n  var CALENDLY_URL   = 'https:\/\/calendly.com\/charlesverhoye2\/30min';\r\n  var FORMSPREE_URL  = 'https:\/\/formspree.io\/f\/mdavppdk';\r\n\r\n  \/* \u2500\u2500\u2500 STATE \u2500\u2500\u2500 *\/\r\n  var modalStep = 2;\r\n  var MODAL_STEPS = [2, 3, 4, 5];\r\n\r\n  \/* \u2500\u2500\u2500 HELPERS \u2500\u2500\u2500 *\/\r\n  function $(id) { return document.getElementById(id); }\r\n  function clearErr(id) { var el = $(id); if (el) el.classList.remove('show'); }\r\n  function showErr(id)  { var el = $(id); if (el) el.classList.add('show'); }\r\n  function markField(id, bad) { var el = $(id); if (!el) return; bad ? el.classList.add('err') : el.classList.remove('err'); }\r\n  function v(id) { var el = $(id); return el ? el.value.trim() : ''; }\r\n  function isEmail(s) { return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(s); }\r\n\r\n  function getSelected(group) {\r\n    var cards = document.querySelectorAll('[data-group=\"' + group + '\"].selected');\r\n    return Array.prototype.map.call(cards, function(c) { return c.dataset.val; });\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 CARD SELECTION \u2500\u2500\u2500 *\/\r\n  function selectCard(card) {\r\n    var group = card.dataset.group;\r\n    var allInGroup = document.querySelectorAll('[data-group=\"' + group + '\"]');\r\n    Array.prototype.forEach.call(allInGroup, function(c) { c.classList.remove('selected'); });\r\n    card.classList.add('selected');\r\n    clearErr('err-' + group);\r\n  }\r\n\r\n  function toggleCard(card) {\r\n    card.classList.toggle('selected');\r\n  }\r\n\r\n  document.addEventListener('click', function(e) {\r\n    var card = e.target;\r\n    while (card && card !== document) {\r\n      if (card.classList && card.classList.contains('choice-card')) break;\r\n      card = card.parentNode;\r\n    }\r\n    if (!card || !card.classList || !card.classList.contains('choice-card')) return;\r\n    if (card.classList.contains('disabled')) return;\r\n    if (card.tagName === 'A') return;\r\n\r\n    e.preventDefault();\r\n\r\n    if (card.classList.contains('multi')) {\r\n      toggleCard(card);\r\n    } else {\r\n      selectCard(card);\r\n    }\r\n\r\n    if (card.id === 'card-discover-other') {\r\n      var wrap = $('discover-other-wrap');\r\n      if (card.classList.contains('selected')) {\r\n        wrap.classList.add('show');\r\n      } else {\r\n        wrap.classList.remove('show');\r\n      }\r\n    } else if (card.dataset.group === 'discover') {\r\n      $('discover-other-wrap').classList.remove('show');\r\n    }\r\n  }, true);\r\n\r\n  \/* \u2500\u2500\u2500 OPEN \/ CLOSE MODAL \u2500\u2500\u2500 *\/\r\n  function closeModal() {\r\n    var modal = $('oc-modal');\r\n    modal.style.opacity = '0';\r\n    modal.style.transition = 'opacity 0.2s';\r\n    setTimeout(function() {\r\n      modal.classList.remove('open');\r\n      modal.style.opacity = '';\r\n      modal.style.transition = '';\r\n    }, 200);\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  function openModal() {\r\n    var modal = $('oc-modal');\r\n    modal.classList.add('open');\r\n    document.body.style.overflow = 'hidden';\r\n    showModalStep(2);\r\n  }\r\n\r\n  $('modal-close').addEventListener('click', closeModal);\r\n  $('oc-modal').addEventListener('click', function(e) {\r\n    if (e.target === this) closeModal();\r\n  });\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') closeModal();\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 STEP 1 CONTINUE \u2500\u2500\u2500 *\/\r\n  $('btn-step1-continue').addEventListener('click', function() {\r\n    var selected = getSelected('connect');\r\n    if (!selected.length) { showErr('err-connect'); return; }\r\n    clearErr('err-connect');\r\n    if (selected[0] === 'call') {\r\n      window.open(CALENDLY_URL, '_blank');\r\n      return;\r\n    }\r\n    openModal();\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 MODAL NAVIGATION \u2500\u2500\u2500 *\/\r\n  function showModalStep(s) {\r\n    var steps = document.querySelectorAll('.modal-step');\r\n    Array.prototype.forEach.call(steps, function(el) { el.classList.remove('active'); });\r\n    var target = $('modal-step-' + s);\r\n    if (target) target.classList.add('active');\r\n    modalStep = s;\r\n    updateModalProgress(s);\r\n    $('modal-content').scrollTop = 0;\r\n  }\r\n\r\n  function updateModalProgress(s) {\r\n    var stepIndex = MODAL_STEPS.indexOf(s);\r\n    var pct = stepIndex >= 0 ? Math.round(((stepIndex + 1) \/ MODAL_STEPS.length) * 100) + '%' : '100%';\r\n    var fill  = $('modal-mobile-fill');\r\n    var label = $('modal-mobile-label');\r\n    if (fill)  fill.style.width = pct;\r\n    if (label) label.textContent = stepIndex >= 0 ? 'Step ' + (stepIndex + 2) + ' \/ 5' : 'Sent!';\r\n\r\n    var items = document.querySelectorAll('#modal-steps-nav .modal-step-item');\r\n    Array.prototype.forEach.call(items, function(item) {\r\n      var itemStep = parseInt(item.dataset.step, 10);\r\n      item.classList.remove('active', 'done');\r\n      if (itemStep === s) item.classList.add('active');\r\n      else if (itemStep < s) item.classList.add('done');\r\n    });\r\n\r\n    var doneDots = document.querySelectorAll('#modal-steps-nav .modal-step-item.done .step-dot');\r\n    Array.prototype.forEach.call(doneDots, function(dot) {\r\n      dot.innerHTML = '<svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\r\n    });\r\n    var nums = ['01','02','03','04'];\r\n    var notDoneDots = document.querySelectorAll('#modal-steps-nav .modal-step-item:not(.done) .step-dot');\r\n    Array.prototype.forEach.call(notDoneDots, function(dot, i) {\r\n      dot.innerHTML = nums[i] || '';\r\n    });\r\n  }\r\n\r\n  function modalNext() {\r\n    if (!validate(modalStep)) return;\r\n    if (modalStep < 5) showModalStep(modalStep + 1);\r\n    else submit();\r\n  }\r\n\r\n  function modalPrev() {\r\n    if (modalStep === 2) { closeModal(); return; }\r\n    showModalStep(modalStep - 1);\r\n  }\r\n\r\n  $('btn-2-back').addEventListener('click', modalPrev);\r\n  $('btn-2-next').addEventListener('click', modalNext);\r\n  $('btn-3-back').addEventListener('click', modalPrev);\r\n  $('btn-3-next').addEventListener('click', modalNext);\r\n  $('btn-4-back').addEventListener('click', modalPrev);\r\n  $('btn-4-next').addEventListener('click', modalNext);\r\n  $('btn-5-back').addEventListener('click', modalPrev);\r\n  $('btn-5-next').addEventListener('click', modalNext);\r\n\r\n  \/* \u2500\u2500\u2500 VALIDATION \u2500\u2500\u2500 *\/\r\n  function validate(s) {\r\n    var ok = true;\r\n    if (s === 2) {\r\n      var checks = [['f-fname','err-fname'],['f-lname','err-lname'],['f-phone','err-phone'],['f-company','err-company']];\r\n      checks.forEach(function(pair) {\r\n        if (!v(pair[0])) { showErr(pair[1]); markField(pair[0], true); ok = false; }\r\n        else { clearErr(pair[1]); markField(pair[0], false); }\r\n      });\r\n      var em = v('f-email');\r\n      if (!em || !isEmail(em)) { showErr('err-email'); markField('f-email', true); ok = false; }\r\n      else { clearErr('err-email'); markField('f-email', false); }\r\n    }\r\n    if (s === 3) {\r\n      if (!getSelected('request').length) { showErr('err-request'); ok = false; }\r\n      else clearErr('err-request');\r\n    }\r\n    if (s === 4) {\r\n      if (!getSelected('services').length) { showErr('err-services'); ok = false; }\r\n      else clearErr('err-services');\r\n    }\r\n    if (s === 5) {\r\n      var msg = v('f-message');\r\n      if (!msg) { showErr('err-message'); markField('f-message', true); ok = false; }\r\n      else { clearErr('err-message'); markField('f-message', false); }\r\n    }\r\n    return ok;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 LABELS \u2500\u2500\u2500 *\/\r\n  var requestLabels  = { project: 'A project', collaboration: 'A collaboration', job: 'A job application', internship: 'An internship' };\r\n  var serviceLabels  = { branding: 'Branding', production: 'Visual production', web: 'Web & e-commerce', social: 'Social media', other: 'Other' };\r\n  var connectLabels  = { form: 'Fill out the form', call: 'Book a 30-minute call' };\r\n  var discoverLabels = { google: 'Google', instagram: 'Instagram', linkedin: 'LinkedIn', video: 'One of your videos', recommendation: 'Recommendation', 'other-discover': 'Other' };\r\n\r\n  function labelList(vals, map) {\r\n    return vals.map(function(val) { return map[val] || val; }).join(', ');\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 SUBMIT via FORMSPREE \u2500\u2500\u2500 *\/\r\n  function submit() {\r\n    var fname = v('f-fname'), lname = v('f-lname'), phone = v('f-phone'),\r\n        email = v('f-email'), company = v('f-company'), message = v('f-message');\r\n    var connectVal    = getSelected('connect');\r\n    var requestVals   = getSelected('request');\r\n    var serviceVals   = getSelected('services');\r\n    var discoverVal   = getSelected('discover');\r\n    var discoverOther = v('f-discover-other');\r\n\r\n    var connectStr  = labelList(connectVal, connectLabels)   || '\u2014';\r\n    var requestStr  = labelList(requestVals, requestLabels)  || '\u2014';\r\n    var serviceStr  = labelList(serviceVals, serviceLabels)  || '\u2014';\r\n    var discoverStr = labelList(discoverVal, discoverLabels) || '\u2014';\r\n    if (discoverVal.indexOf('other-discover') !== -1 && discoverOther) {\r\n      discoverStr = 'Other: ' + discoverOther;\r\n    }\r\n\r\n    \/* UI: loading state *\/\r\n    var btn = $('btn-5-next');\r\n    btn.classList.add('loading');\r\n    btn.disabled = true;\r\n    $('submit-error').classList.remove('show');\r\n\r\n    var payload = {\r\n      _subject: 'New Request from ' + fname + ' ' + lname + ' \u2014 OLAH Agency',\r\n      first_name:    fname,\r\n      last_name:     lname,\r\n      email:         email,\r\n      phone:         phone,\r\n      company:       company,\r\n      contact_via:   connectStr,\r\n      request_type:  requestStr,\r\n      services:      serviceStr,\r\n      message:       message,\r\n      discovered_via: discoverStr\r\n    };\r\n\r\n    fetch(FORMSPREE_URL, {\r\n      method:  'POST',\r\n      headers: { 'Accept': 'application\/json', 'Content-Type': 'application\/json' },\r\n      body:    JSON.stringify(payload)\r\n    })\r\n    .then(function(res) {\r\n      btn.classList.remove('loading');\r\n      btn.disabled = false;\r\n\r\n      if (res.ok) {\r\n        \/* SUCCESS *\/\r\n        var allSteps = document.querySelectorAll('.modal-step');\r\n        Array.prototype.forEach.call(allSteps, function(el) { el.classList.remove('active'); });\r\n        $('modal-step-success').classList.add('active');\r\n        $('success-name').textContent = fname.toUpperCase();\r\n        $('modal-mobile-label').textContent = 'Request sent!';\r\n        $('modal-mobile-fill').style.width = '100%';\r\n        var allItems = document.querySelectorAll('#modal-steps-nav .modal-step-item');\r\n        Array.prototype.forEach.call(allItems, function(item) { item.classList.add('done'); });\r\n      } else {\r\n        \/* Server error *\/\r\n        $('submit-error').classList.add('show');\r\n      }\r\n    })\r\n    .catch(function() {\r\n      btn.classList.remove('loading');\r\n      btn.disabled = false;\r\n      $('submit-error').classList.add('show');\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 LIVE FIELD CLEAR \u2500\u2500\u2500 *\/\r\n  ['f-fname','f-lname','f-phone','f-email','f-company','f-message'].forEach(function(id) {\r\n    var el = $(id);\r\n    if (!el) return;\r\n    el.addEventListener('input', function() {\r\n      el.classList.remove('err');\r\n    });\r\n  });\r\n\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-c4176f5 e-con-full e-flex e-con e-parent\" data-id=\"c4176f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c521e2 elementor-widget elementor-widget-html\" data-id=\"0c521e2\" 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 &#8211; Contact Let&#8217;s Talk Start with the essentials.We&#8217;ll take it from there. Step 1 \/ 5 Based in Belgium Step 1 \/ 5 HOW WOULD YOU LIKETO CONNECT WITH OLAH? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":658,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-37","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>Contact OLAH Agency | Start Your Creative Project - olah-agency.com<\/title>\n<meta name=\"description\" content=\"Get in touch with OLAH Agency to discuss branding, video production, websites, photography, social media or e-commerce projects.\" \/>\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\/lets-talk-book-a-stay\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact OLAH Agency | Start Your Creative Project - olah-agency.com\" \/>\n<meta property=\"og:description\" content=\"Get in touch with OLAH Agency to discuss branding, video production, websites, photography, social media or e-commerce projects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/olah-agency.com\/fr\/lets-talk-book-a-stay\/\" \/>\n<meta property=\"og:site_name\" content=\"olah-agency.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T19:15:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/03\/1-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=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/lets-talk-book-a-stay\\\/\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/lets-talk-book-a-stay\\\/\",\"name\":\"Contact OLAH Agency | Start Your Creative Project - olah-agency.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/lets-talk-book-a-stay\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/lets-talk-book-a-stay\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-scaled.jpg\",\"datePublished\":\"2026-01-15T16:09:31+00:00\",\"dateModified\":\"2026-10-15T19:15:29+00:00\",\"description\":\"Get in touch with OLAH Agency to discuss branding, video production, websites, photography, social media or e-commerce projects.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/lets-talk-book-a-stay\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/olah-agency.com\\\/lets-talk-book-a-stay\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/lets-talk-book-a-stay\\\/#primaryimage\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"High-end visual production, branding, and e-commerce content designed to improve brand image, engagement, and conversion rates.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/lets-talk-book-a-stay\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/olah-agency.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact OLAH Agency | Start Your Creative Project\"}]},{\"@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":"Contact OLAH Agency | Start Your Creative Project - olah-agency.com","description":"Get in touch with OLAH Agency to discuss branding, video production, websites, photography, social media or e-commerce projects.","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\/lets-talk-book-a-stay\/","og_locale":"fr_FR","og_type":"article","og_title":"Contact OLAH Agency | Start Your Creative Project - olah-agency.com","og_description":"Get in touch with OLAH Agency to discuss branding, video production, websites, photography, social media or e-commerce projects.","og_url":"https:\/\/olah-agency.com\/fr\/lets-talk-book-a-stay\/","og_site_name":"olah-agency.com","article_modified_time":"2026-10-15T19:15:29+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/03\/1-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/","url":"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/","name":"Contact OLAH Agency | Start Your Creative Project - olah-agency.com","isPartOf":{"@id":"https:\/\/olah-agency.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/#primaryimage"},"image":{"@id":"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/#primaryimage"},"thumbnailUrl":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/03\/1-scaled.jpg","datePublished":"2026-01-15T16:09:31+00:00","dateModified":"2026-10-15T19:15:29+00:00","description":"Get in touch with OLAH Agency to discuss branding, video production, websites, photography, social media or e-commerce projects.","breadcrumb":{"@id":"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/olah-agency.com\/lets-talk-book-a-stay\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/#primaryimage","url":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/03\/1-scaled.jpg","contentUrl":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/03\/1-scaled.jpg","width":2560,"height":1707,"caption":"High-end visual production, branding, and e-commerce content designed to improve brand image, engagement, and conversion rates."},{"@type":"BreadcrumbList","@id":"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/olah-agency.com\/"},{"@type":"ListItem","position":2,"name":"Contact OLAH Agency | Start Your Creative Project"}]},{"@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\/37","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=37"}],"version-history":[{"count":191,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":2008,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/37\/revisions\/2008"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/media\/658"}],"wp:attachment":[{"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}