{"id":35,"date":"2026-01-15T16:09:14","date_gmt":"2026-01-15T16:09:14","guid":{"rendered":"https:\/\/olah-agency.com\/?page_id=35"},"modified":"2026-10-15T19:18:29","modified_gmt":"2026-10-15T19:18:29","slug":"journal-logbook-guestbook","status":"publish","type":"page","link":"https:\/\/olah-agency.com\/fr\/journal-logbook-guestbook\/","title":{"rendered":"Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c55ca4 e-con-full e-flex e-con e-parent\" data-id=\"5c55ca4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be95d07 elementor-widget elementor-widget-html\" data-id=\"be95d07\" 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-40962b1 e-con-full e-flex e-con e-parent\" data-id=\"40962b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2290a5 elementor-widget elementor-widget-html\" data-id=\"a2290a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\" class=\"h-full\">\r\n <head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Journal<\/title>\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@400;600&family=Manrope:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n    html, body { height: 100%; background-color: #000000; }\r\n    .hero-container {\r\n      position: relative;\r\n      width: 100%;\r\n      min-height: 60vh;\r\n      background-color: #000000;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 4rem 3rem 3rem;\r\n    }\r\n    .hero-inner {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n    }\r\n    .hero-title {\r\n      font-family: 'Be Vietnam Pro', sans-serif;\r\n      font-weight: 600;\r\n      letter-spacing: 0.02em;\r\n      line-height: 1.1;\r\n      text-align: center;\r\n      font-size: clamp(2.5rem, 11vw, 9rem);\r\n      display: block;\r\n      width: 100%;\r\n      padding-bottom: 0.12em;\r\n      color: transparent;\r\n      -webkit-text-stroke: 2px #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      opacity: 0;\r\n      animation:\r\n        fadeIn      600ms ease               300ms forwards,\r\n        stroke-fill 2.6s  cubic-bezier(0.77, 0, 0.18, 1) 900ms infinite alternate;\r\n    }\r\n    @keyframes fadeIn {\r\n      to { opacity: 1; }\r\n    }\r\n    @keyframes stroke-fill {\r\n      0% {\r\n        background-position: 100%;\r\n        color: transparent;\r\n        -webkit-text-stroke: 2px #fe6f5e;\r\n      }\r\n      65%, 100% {\r\n        background-position: 0%;\r\n        color: #fe6f5e;\r\n        -webkit-text-stroke: 0px transparent;\r\n      }\r\n    }\r\n    .tagline-block {\r\n      margin-top: 2.5rem;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      width: 100%;\r\n      max-width: 820px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      opacity: 0;\r\n      animation: fadeUp 800ms ease 1400ms forwards;\r\n    }\r\n    .tagline-lead {\r\n      font-family: 'Manrope', sans-serif;\r\n      font-weight: 400;\r\n      color: #cccccc;\r\n      text-align: center;\r\n      letter-spacing: 0.01em;\r\n      font-size: clamp(1.1rem, 2vw, 1.5rem);\r\n      line-height: 1.5;\r\n    }\r\n    .tagline-body {\r\n      font-family: 'Manrope', sans-serif;\r\n      font-weight: 300;\r\n      color: #666;\r\n      text-align: center;\r\n      letter-spacing: 0.01em;\r\n      font-size: clamp(0.95rem, 1.5vw, 1.2rem);\r\n      line-height: 1.7;\r\n    }\r\n    @keyframes fadeUp {\r\n      from { opacity: 0; transform: translateY(20px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* \u2500\u2500 Mobile tweaks \u2500\u2500 *\/\r\n    @media (max-width: 640px) {\r\n      .tagline-body { display: none; }\r\n      .hero-container { padding-bottom: 1.5rem; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .hero-title { animation: none; opacity: 1; color: #fe6f5e; -webkit-text-stroke: 0; background-position: 0%; }\r\n      .tagline-block { animation: none; opacity: 1; }\r\n    }\r\n  <\/style>\r\n <\/head>\r\n <body class=\"bg-black\">\r\n  <section class=\"hero-container\">\r\n   <div class=\"hero-inner\">\r\n    <h1 class=\"hero-title\">Journal<\/h1>\r\n    <div class=\"tagline-block\">\r\n      <p class=\"tagline-lead\">Insights, strategies and visual thinking shaping modern brands.<\/p>\r\n      <p class=\"tagline-body\">We explore content, branding and digital experiences to help businesses communicate with clarity and impact.<\/p>\r\n    <\/div>\r\n   <\/div>\r\n  <\/section>\r\n <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21ad207 elementor-widget elementor-widget-html\" data-id=\"21ad207\" 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=\"fr\">\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>Journal<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@700&family=Manrope:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    --color-bg:        #000000;\r\n    --color-primary:   #f5f5f5;\r\n    --color-secondary: #bdbdbd;\r\n    --color-muted:     #8f8f8f;\r\n    --color-accent:    #fe6f5e;\r\n    --font-heading: 'League Spartan', sans-serif;\r\n    --font-body:    'Manrope', sans-serif;\r\n    --space-sm:  1rem;\r\n    --space-md:  2rem;\r\n    --space-lg:  4rem;\r\n    --ease-editorial: cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    --duration: 400ms;\r\n  }\r\n\r\n  * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  body { background: var(--color-bg); font-family: var(--font-body); }\r\n\r\n  .journal-wrapper {\r\n    background-color: var(--color-bg);\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 var(--space-lg);\r\n    display: grid;\r\n    grid-template-columns: 1fr 220px;\r\n    gap: 5rem;\r\n    align-items: start;\r\n  }\r\n\r\n  .journal__list { list-style: none; }\r\n\r\n  .article-item {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition:\r\n      opacity var(--duration) var(--ease-editorial),\r\n      transform var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .article-item.is-visible { opacity: 1; transform: translateY(0); }\r\n  .article-item.is-hidden  { display: none; }\r\n\r\n  .article-item__link {\r\n    display: block;\r\n    padding: var(--space-lg) 0;\r\n    border-bottom: 1px solid #1a1a1a;\r\n    position: relative;\r\n    transition: padding-left var(--duration) var(--ease-editorial);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .article-item__link::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0; top: 0; bottom: 0;\r\n    width: 2px;\r\n    background-color: var(--color-accent);\r\n    transform: scaleY(0);\r\n    transform-origin: bottom center;\r\n    transition: transform var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .article-item__link:hover::before,\r\n  .article-item__link:focus-visible::before { transform: scaleY(1); }\r\n\r\n  .article-item__link:hover,\r\n  .article-item__link:focus-visible { padding-left: 1.75rem; outline: none; }\r\n\r\n  .article-item__meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--space-sm);\r\n    margin-bottom: 0.75rem;\r\n  }\r\n\r\n  .article-item__category {\r\n    font-size: 0.6875rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--color-muted);\r\n  }\r\n\r\n  .article-item__meta-divider {\r\n    width: 18px; height: 1px;\r\n    background-color: #3a3a3a;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .article-item__year {\r\n    font-size: 0.6875rem;\r\n    font-weight: 400;\r\n    letter-spacing: 0.12em;\r\n    color: var(--color-muted);\r\n  }\r\n\r\n  .article-item__heading-row {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: var(--space-md);\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .article-item__heading {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(1.4rem, 3.5vw, 2.5rem);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.01em;\r\n    line-height: 1.05;\r\n    color: var(--color-primary);\r\n    background-image: linear-gradient(var(--color-accent), var(--color-accent));\r\n    background-position: 0 100%;\r\n    background-repeat: no-repeat;\r\n    background-size: 0% 1px;\r\n    transition: background-size var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .article-item__link:hover .article-item__heading,\r\n  .article-item__link:focus-visible .article-item__heading { background-size: 100% 1px; }\r\n\r\n  .article-item__heading .kw {\r\n    color: var(--color-accent);\r\n    font-style: normal;\r\n  }\r\n\r\n  .article-item__heading mark,\r\n  .article-item__description mark {\r\n    background: transparent;\r\n    color: var(--color-accent);\r\n    font-weight: 700;\r\n    text-decoration: underline;\r\n    text-underline-offset: 2px;\r\n    text-decoration-thickness: 1px;\r\n  }\r\n\r\n  .article-item__arrow {\r\n    flex-shrink: 0;\r\n    width: 2.5rem; height: 2.5rem;\r\n    border: 1px solid #2a2a2a;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-top: 0.2em;\r\n    transition:\r\n      border-color var(--duration) var(--ease-editorial),\r\n      background-color var(--duration) var(--ease-editorial),\r\n      transform var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .article-item__arrow svg {\r\n    width: 14px; height: 14px;\r\n    stroke: var(--color-muted); fill: none;\r\n    transition: stroke var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .article-item__link:hover .article-item__arrow,\r\n  .article-item__link:focus-visible .article-item__arrow {\r\n    border-color: var(--color-accent);\r\n    background-color: var(--color-accent);\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  .article-item__link:hover .article-item__arrow svg,\r\n  .article-item__link:focus-visible .article-item__arrow svg { stroke: #000; }\r\n\r\n  .article-item__description {\r\n    font-size: 0.9375rem;\r\n    font-weight: 300;\r\n    line-height: 1.65;\r\n    color: var(--color-secondary);\r\n    max-width: 60ch;\r\n  }\r\n\r\n  \/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\r\n  .journal-sidebar {\r\n    position: sticky;\r\n    top: 4rem;\r\n    padding-top: 1rem;\r\n  }\r\n\r\n  .sidebar__label {\r\n    font-size: 0.6875rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--color-muted);\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  \/* \u2500\u2500 SEARCH BAR \u2500\u2500 *\/\r\n  .sidebar__search-wrapper {\r\n    position: relative;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .sidebar__search {\r\n    width: 100%;\r\n    background: #0d0d0d;\r\n    border: 1px solid #222;\r\n    border-radius: 6px;\r\n    padding: 0.55rem 2.2rem 0.55rem 0.75rem;\r\n    font-family: var(--font-body);\r\n    font-size: 0.8125rem;\r\n    font-weight: 400;\r\n    color: var(--color-primary);\r\n    letter-spacing: 0.02em;\r\n    outline: none;\r\n    transition: border-color var(--duration) var(--ease-editorial),\r\n                background var(--duration) var(--ease-editorial);\r\n    -webkit-appearance: none;\r\n  }\r\n\r\n  .sidebar__search::placeholder { color: #3a3a3a; }\r\n  .sidebar__search:focus { border-color: #333; background: #111; }\r\n\r\n  .sidebar__search-icon {\r\n    position: absolute;\r\n    right: 0.65rem;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    pointer-events: none;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .sidebar__search-icon svg {\r\n    width: 13px; height: 13px;\r\n    stroke: #3a3a3a; fill: none;\r\n    transition: stroke var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .sidebar__search:focus ~ .sidebar__search-icon svg { stroke: var(--color-muted); }\r\n\r\n  .sidebar__search-clear {\r\n    position: absolute;\r\n    right: 0.65rem;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 2px;\r\n  }\r\n\r\n  .sidebar__search-clear svg {\r\n    width: 12px; height: 12px;\r\n    stroke: var(--color-muted); fill: none;\r\n  }\r\n\r\n  .sidebar__search-clear:hover svg { stroke: var(--color-primary); }\r\n  .sidebar__search-clear.is-visible { display: flex; }\r\n  .sidebar__search-clear.is-visible ~ .sidebar__search-icon { display: none; }\r\n\r\n  .journal__empty {\r\n    padding: var(--space-lg) 0;\r\n    font-size: 0.875rem;\r\n    color: var(--color-muted);\r\n    display: none;\r\n    font-weight: 300;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  .journal__empty.is-visible { display: block; }\r\n\r\n  \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n  .sidebar__nav { list-style: none; }\r\n  .sidebar__nav-item + .sidebar__nav-item { margin-top: 0.25rem; }\r\n\r\n  .sidebar__nav-btn {\r\n    width: 100%;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    padding: 0.6rem 0.75rem;\r\n    border-radius: 6px;\r\n    font-family: var(--font-body);\r\n    font-size: 0.8125rem;\r\n    font-weight: 400;\r\n    color: var(--color-muted);\r\n    text-align: left;\r\n    letter-spacing: 0.02em;\r\n    transition: background var(--duration) var(--ease-editorial), color var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .sidebar__nav-btn:hover { background: #111; color: var(--color-primary); }\r\n  .sidebar__nav-btn.is-active { background: #111; color: var(--color-primary); }\r\n\r\n  .btn-dot {\r\n    width: 5px; height: 5px;\r\n    border-radius: 50%;\r\n    background: transparent;\r\n    flex-shrink: 0;\r\n    transition: background var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .sidebar__nav-btn.is-active .btn-dot { background: var(--color-accent); }\r\n\r\n  .sidebar__count {\r\n    font-size: 0.625rem;\r\n    letter-spacing: 0.1em;\r\n    color: #3a3a3a;\r\n    background: #111;\r\n    border-radius: 20px;\r\n    padding: 2px 7px;\r\n    flex-shrink: 0;\r\n    margin-left: auto;\r\n    transition: color var(--duration) var(--ease-editorial);\r\n  }\r\n\r\n  .sidebar__nav-btn.is-active .sidebar__count { color: var(--color-muted); }\r\n\r\n  .sidebar__divider {\r\n    height: 1px;\r\n    background: #1a1a1a;\r\n    margin: 1.25rem 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .journal-wrapper {\r\n      grid-template-columns: 1fr;\r\n      gap: 0;\r\n      padding: 0 var(--space-md);\r\n    }\r\n\r\n    \/* Sidebar (aside) appears first visually on mobile *\/\r\n    .journal-sidebar {\r\n      order: -1;\r\n      position: static;\r\n      padding: 2rem 0 1.5rem;\r\n    }\r\n\r\n    .journal {\r\n      order: 0;\r\n    }\r\n\r\n    .sidebar__nav { display: flex; flex-wrap: wrap; gap: 0.5rem; }\r\n    .sidebar__nav-item { margin: 0 !important; }\r\n    .sidebar__divider { display: none; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .journal-wrapper { padding: 0 var(--space-sm); }\r\n    .article-item__link { padding: var(--space-md) 0; min-height: 80px; }\r\n    .article-item__link:hover { padding-left: 1.25rem; }\r\n    .article-item__heading { font-size: clamp(1.2rem, 5.5vw, 1.6rem); }\r\n    .article-item__description { font-size: 0.875rem; }\r\n    .article-item__arrow { width: 2rem; height: 2rem; }\r\n    .article-item__arrow svg { width: 11px; height: 11px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .article-item { opacity: 1; transform: none; transition: none; }\r\n    .article-item__link,\r\n    .article-item__link::before,\r\n    .article-item__heading,\r\n    .article-item__arrow,\r\n    .article-item__arrow svg { transition: none; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"journal-wrapper\">\r\n\r\n  <section class=\"journal\" aria-label=\"Journal\">\r\n    <ul class=\"journal__list\" role=\"list\" id=\"articleList\">\r\n\r\n      <li class=\"article-item\" data-category=\"e-commerce\"\r\n          data-keywords=\"Amazon,product photography,AI,e-commerce,listing,main image\">\r\n        <a class=\"article-item__link\" href=\"https:\/\/olah-agency.com\/amazon-product-photos-what-ai-cant-replace\/\">\r\n          <div class=\"article-item__meta\">\r\n            <span class=\"article-item__category\">E-commerce \/ Product Photography<\/span>\r\n            <span class=\"article-item__meta-divider\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"article-item__year\">2026<\/span>\r\n          <\/div>\r\n          <div class=\"article-item__heading-row\">\r\n            <h3 class=\"article-item__heading\"><em class=\"kw\">Amazon<\/em> Product <em class=\"kw\">Photos<\/em>: What <em class=\"kw\">AI<\/em> Can\u2019t <em class=\"kw\">Replace<\/em><\/h3>\r\n            <span class=\"article-item__arrow\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"2\" y1=\"12\" x2=\"12\" y2=\"2\"\/>\r\n                <polyline points=\"5,2 12,2 12,9\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <p class=\"article-item__description\">\r\n            Why real product photography still matters on Amazon: product fidelity, main image requirements and the lighting that makes a listing convert, even in the age of AI.\r\n          <\/p>\r\n        <\/a>\r\n      <\/li>\r\n\r\n      <li class=\"article-item\" data-category=\"strategy\"\r\n          data-keywords=\"creative agency,SME,branding,identity,strategy,small business\">\r\n        <a class=\"article-item__link\" href=\"https:\/\/olah-agency.com\/ce-que-change-une-agence-creative-pour-une-pme\/\">\r\n          <div class=\"article-item__meta\">\r\n            <span class=\"article-item__category\">Strategy \/ Brand Strategy<\/span>\r\n            <span class=\"article-item__meta-divider\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"article-item__year\">2026<\/span>\r\n          <\/div>\r\n          <div class=\"article-item__heading-row\">\r\n            <h3 class=\"article-item__heading\">What a <em class=\"kw\">Creative Agency<\/em> Changes for an <em class=\"kw\">SME<\/em><\/h3>\r\n            <span class=\"article-item__arrow\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"2\" y1=\"12\" x2=\"12\" y2=\"2\"\/>\r\n                <polyline points=\"5,2 12,2 12,9\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <p class=\"article-item__description\">\r\n            Consistent identity, professional visuals and time saved: what a creative agency concretely brings to an SME, and why it is worth the investment.\r\n          <\/p>\r\n        <\/a>\r\n      <\/li>\r\n\r\n      <li class=\"article-item\" data-category=\"social-media\"\r\n          data-keywords=\"social media,sizes,formats,Instagram,Facebook,LinkedIn,TikTok,YouTube,Pinterest,dimensions\">\r\n        <a class=\"article-item__link\" href=\"https:\/\/olah-agency.com\/social-media-sizes-and-formats\/\">\r\n          <div class=\"article-item__meta\">\r\n            <span class=\"article-item__category\">Social Media \/ Guide<\/span>\r\n            <span class=\"article-item__meta-divider\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"article-item__year\">2026<\/span>\r\n          <\/div>\r\n          <div class=\"article-item__heading-row\">\r\n            <h3 class=\"article-item__heading\">Social Media <em class=\"kw\">Sizes<\/em> and <em class=\"kw\">Formats<\/em>: The <em class=\"kw\">Complete<\/em> Guide<\/h3>\r\n            <span class=\"article-item__arrow\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"2\" y1=\"12\" x2=\"12\" y2=\"2\"\/>\r\n                <polyline points=\"5,2 12,2 12,9\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <p class=\"article-item__description\">\r\n            Every size and format to remember for Instagram, Facebook, LinkedIn, TikTok, YouTube, X and Pinterest, so you publish in the right format the first time.\r\n          <\/p>\r\n        <\/a>\r\n      <\/li>\r\n\r\n      <li class=\"article-item\" data-category=\"e-commerce\"\r\n          data-keywords=\"A+ content,e-commerce,conversion,brand\">\r\n        <a class=\"article-item__link\" href=\"https:\/\/olah-agency.com\/whyacontent\/\">\r\n          <div class=\"article-item__meta\">\r\n            <span class=\"article-item__category\">E-commerce \/ Content Strategy<\/span>\r\n            <span class=\"article-item__meta-divider\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"article-item__year\">2026<\/span>\r\n          <\/div>\r\n          <div class=\"article-item__heading-row\">\r\n            <h3 class=\"article-item__heading\">Why <em class=\"kw\">A+ Content<\/em> Is Essential to&nbsp;Sell Your Products <em class=\"kw\">Online<\/em><\/h3>\r\n            <span class=\"article-item__arrow\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"2\" y1=\"12\" x2=\"12\" y2=\"2\"\/>\r\n                <polyline points=\"5,2 12,2 12,9\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <p class=\"article-item__description\">\r\n            A guide explaining why structured A+ product pages are essential to improve clarity, brand perception, and conversion rates in modern e-commerce.\r\n          <\/p>\r\n        <\/a>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n    <p class=\"journal__empty\" id=\"emptyState\">No articles found for this search.<\/p>\r\n  <\/section>\r\n\r\n  <aside class=\"journal-sidebar\" aria-label=\"Filter by category\">\r\n    <p class=\"sidebar__label\">Categories<\/p>\r\n\r\n    <div class=\"sidebar__search-wrapper\">\r\n      <input\r\n        type=\"search\"\r\n        class=\"sidebar__search\"\r\n        id=\"searchInput\"\r\n        placeholder=\"Search\u2026\"\r\n        autocomplete=\"off\"\r\n        aria-label=\"Search an article\"\r\n      >\r\n      <button class=\"sidebar__search-clear\" id=\"searchClear\" aria-label=\"Clear search\">\r\n        <svg viewBox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n          <line x1=\"2\" y1=\"2\" x2=\"12\" y2=\"12\"\/>\r\n          <line x1=\"12\" y1=\"2\" x2=\"2\" y2=\"12\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n      <span class=\"sidebar__search-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"6\" cy=\"6\" r=\"4\"\/>\r\n          <line x1=\"9.5\" y1=\"9.5\" x2=\"13\" y2=\"13\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <ul class=\"sidebar__nav\" role=\"list\" id=\"catNav\">\r\n      <li class=\"sidebar__nav-item\">\r\n        <button class=\"sidebar__nav-btn is-active\" data-filter=\"all\">\r\n          <span class=\"btn-dot\"><\/span>All\r\n          <span class=\"sidebar__count\" id=\"count-all\">0<\/span>\r\n        <\/button>\r\n      <\/li>\r\n      <li class=\"sidebar__nav-item\"><div class=\"sidebar__divider\"><\/div><\/li>\r\n      <li class=\"sidebar__nav-item\">\r\n        <button class=\"sidebar__nav-btn\" data-filter=\"e-commerce\">\r\n          <span class=\"btn-dot\"><\/span>E-commerce\r\n          <span class=\"sidebar__count\" id=\"count-e-commerce\">0<\/span>\r\n        <\/button>\r\n      <\/li>\r\n      <li class=\"sidebar__nav-item\">\r\n        <button class=\"sidebar__nav-btn\" data-filter=\"social-media\">\r\n          <span class=\"btn-dot\"><\/span>Social Media\r\n          <span class=\"sidebar__count\" id=\"count-social-media\">0<\/span>\r\n        <\/button>\r\n      <\/li>\r\n      <li class=\"sidebar__nav-item\">\r\n        <button class=\"sidebar__nav-btn\" data-filter=\"branding\">\r\n          <span class=\"btn-dot\"><\/span>Branding\r\n          <span class=\"sidebar__count\" id=\"count-branding\">0<\/span>\r\n        <\/button>\r\n      <\/li>\r\n      <li class=\"sidebar__nav-item\">\r\n        <button class=\"sidebar__nav-btn\" data-filter=\"content\">\r\n          <span class=\"btn-dot\"><\/span>Content\r\n          <span class=\"sidebar__count\" id=\"count-content\">0<\/span>\r\n        <\/button>\r\n      <\/li>\r\n      <li class=\"sidebar__nav-item\">\r\n        <button class=\"sidebar__nav-btn\" data-filter=\"strategy\">\r\n          <span class=\"btn-dot\"><\/span>Strategy\r\n          <span class=\"sidebar__count\" id=\"count-strategy\">0<\/span>\r\n        <\/button>\r\n      <\/li>\r\n      <li class=\"sidebar__nav-item\">\r\n        <button class=\"sidebar__nav-btn\" data-filter=\"behind-the-scenes\">\r\n          <span class=\"btn-dot\"><\/span>Behind the Scenes\r\n          <span class=\"sidebar__count\" id=\"count-behind-the-scenes\">0<\/span>\r\n        <\/button>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/aside>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var items      = Array.from(document.querySelectorAll('.article-item'));\r\n  var btns       = Array.from(document.querySelectorAll('.sidebar__nav-btn'));\r\n  var searchInput = document.getElementById('searchInput');\r\n  var searchClear = document.getElementById('searchClear');\r\n  var emptyState  = document.getElementById('emptyState');\r\n  var categories  = ['e-commerce','social-media','branding','content','strategy','behind-the-scenes'];\r\n\r\n  var currentFilter = 'all';\r\n  var currentQuery  = '';\r\n\r\n  items.forEach(function (item) {\r\n    var h = item.querySelector('.article-item__heading');\r\n    var d = item.querySelector('.article-item__description');\r\n    item._origHeading = h ? h.innerHTML : '';\r\n    item._origDesc    = d ? d.innerHTML : '';\r\n  });\r\n\r\n  function updateCounts() {\r\n    document.getElementById('count-all').textContent = items.length;\r\n    categories.forEach(function (cat) {\r\n      var el = document.getElementById('count-' + cat);\r\n      if (!el) return;\r\n      el.textContent = items.filter(function (i) { return i.dataset.category === cat; }).length;\r\n    });\r\n  }\r\n\r\n  function escapeRegex(str) {\r\n    return str.replace(\/[.*+?^${}()|[\\]\\\\]\/g, '\\\\$&');\r\n  }\r\n\r\n  function highlightText(html, query) {\r\n    if (!query) return html;\r\n    var re = new RegExp('(' + escapeRegex(query) + ')', 'gi');\r\n    return html.replace(\/>([^<]+)<\/g, function (match, text) {\r\n      return '>' + text.replace(re, '<mark>$1<\/mark>') + '<';\r\n    });\r\n  }\r\n\r\n  function applyHighlights(query) {\r\n    items.forEach(function (item) {\r\n      var h = item.querySelector('.article-item__heading');\r\n      var d = item.querySelector('.article-item__description');\r\n      if (h) h.innerHTML = highlightText(item._origHeading, query);\r\n      if (d) d.innerHTML = highlightText(item._origDesc,    query);\r\n    });\r\n  }\r\n\r\n  function itemMatchesSearch(item, query) {\r\n    if (!query) return true;\r\n    var q = query.toLowerCase();\r\n    var heading = item.querySelector('.article-item__heading');\r\n    var desc    = item.querySelector('.article-item__description');\r\n    var cat     = (item.dataset.category || '').toLowerCase();\r\n    var kw      = (item.dataset.keywords || '').toLowerCase();\r\n    var hText   = heading ? heading.textContent.toLowerCase() : '';\r\n    var dText   = desc    ? desc.textContent.toLowerCase()    : '';\r\n    return hText.includes(q) || dText.includes(q) || cat.includes(q) || kw.includes(q);\r\n  }\r\n\r\n  function render() {\r\n    var query  = currentQuery.trim();\r\n    var filter = currentFilter;\r\n    var visibleCount = 0;\r\n\r\n    items.forEach(function (item) {\r\n      var h = item.querySelector('.article-item__heading');\r\n      var d = item.querySelector('.article-item__description');\r\n      if (h) h.innerHTML = item._origHeading;\r\n      if (d) d.innerHTML = item._origDesc;\r\n    });\r\n\r\n    items.forEach(function (item, idx) {\r\n      var catMatch    = (filter === 'all') || (item.dataset.category === filter);\r\n      var searchMatch = itemMatchesSearch(item, query);\r\n      var visible     = catMatch && searchMatch;\r\n\r\n      if (visible) {\r\n        visibleCount++;\r\n        item.classList.remove('is-hidden');\r\n        setTimeout(function () { item.classList.add('is-visible'); }, idx * 60);\r\n      } else {\r\n        item.classList.remove('is-visible');\r\n        item.classList.add('is-hidden');\r\n      }\r\n    });\r\n\r\n    if (query) { applyHighlights(query); }\r\n\r\n    if (visibleCount === 0) {\r\n      emptyState.classList.add('is-visible');\r\n    } else {\r\n      emptyState.classList.remove('is-visible');\r\n    }\r\n  }\r\n\r\n  btns.forEach(function (btn) {\r\n    btn.addEventListener('click', function () {\r\n      currentFilter = btn.dataset.filter;\r\n      btns.forEach(function (b) { b.classList.toggle('is-active', b.dataset.filter === currentFilter); });\r\n      render();\r\n    });\r\n  });\r\n\r\n  searchInput.addEventListener('input', function () {\r\n    currentQuery = searchInput.value;\r\n    searchClear.classList.toggle('is-visible', currentQuery.length > 0);\r\n    render();\r\n  });\r\n\r\n  searchClear.addEventListener('click', function () {\r\n    searchInput.value = '';\r\n    currentQuery = '';\r\n    searchClear.classList.remove('is-visible');\r\n    searchInput.focus();\r\n    render();\r\n  });\r\n\r\n  items.forEach(function (item, idx) {\r\n    item.style.transitionDelay = (idx * 80) + 'ms';\r\n    item.classList.add('is-visible');\r\n  });\r\n\r\n  updateCounts();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6864c28 e-flex e-con-boxed e-con e-parent\" data-id=\"6864c28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d37ab7 elementor-widget elementor-widget-spacer\" data-id=\"1d37ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2437ca6 e-con-full e-flex e-con e-parent\" data-id=\"2437ca6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67663cb elementor-widget elementor-widget-html\" data-id=\"67663cb\" 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 Journal Journal Insights, strategies and visual thinking shaping modern brands. We explore content, branding and digital experiences to help businesses communicate with clarity and impact. Journal E-commerce \/ Product Photography 2026 Amazon [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency - olah-agency.com<\/title>\n<meta name=\"description\" content=\"Explore articles about branding, visual storytelling, video production, e-commerce, marketing and digital strategy from the OLAH Agency team.\" \/>\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\/journal-logbook-guestbook\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency - olah-agency.com\" \/>\n<meta property=\"og:description\" content=\"Explore articles about branding, visual storytelling, video production, e-commerce, marketing and digital strategy from the OLAH Agency team.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/olah-agency.com\/fr\/journal-logbook-guestbook\/\" \/>\n<meta property=\"og:site_name\" content=\"olah-agency.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T19:18:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/OLAH-scaled.png\" \/>\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=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/journal-logbook-guestbook\\\/\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/journal-logbook-guestbook\\\/\",\"name\":\"Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency - olah-agency.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/journal-logbook-guestbook\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/journal-logbook-guestbook\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/OLAH-scaled.png\",\"datePublished\":\"2026-01-15T16:09:14+00:00\",\"dateModified\":\"2026-10-15T19:18:29+00:00\",\"description\":\"Explore articles about branding, visual storytelling, video production, e-commerce, marketing and digital strategy from the OLAH Agency team.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/journal-logbook-guestbook\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/olah-agency.com\\\/journal-logbook-guestbook\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/journal-logbook-guestbook\\\/#primaryimage\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/OLAH-scaled.png\",\"contentUrl\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/OLAH-scaled.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/journal-logbook-guestbook\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/olah-agency.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency\"}]},{\"@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":"Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency - olah-agency.com","description":"Explore articles about branding, visual storytelling, video production, e-commerce, marketing and digital strategy from the OLAH Agency team.","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\/journal-logbook-guestbook\/","og_locale":"fr_FR","og_type":"article","og_title":"Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency - olah-agency.com","og_description":"Explore articles about branding, visual storytelling, video production, e-commerce, marketing and digital strategy from the OLAH Agency team.","og_url":"https:\/\/olah-agency.com\/fr\/journal-logbook-guestbook\/","og_site_name":"olah-agency.com","article_modified_time":"2026-10-15T19:18:29+00:00","og_image":[{"url":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/OLAH-scaled.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/olah-agency.com\/journal-logbook-guestbook\/","url":"https:\/\/olah-agency.com\/journal-logbook-guestbook\/","name":"Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency - olah-agency.com","isPartOf":{"@id":"https:\/\/olah-agency.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/olah-agency.com\/journal-logbook-guestbook\/#primaryimage"},"image":{"@id":"https:\/\/olah-agency.com\/journal-logbook-guestbook\/#primaryimage"},"thumbnailUrl":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/OLAH-scaled.png","datePublished":"2026-01-15T16:09:14+00:00","dateModified":"2026-10-15T19:18:29+00:00","description":"Explore articles about branding, visual storytelling, video production, e-commerce, marketing and digital strategy from the OLAH Agency team.","breadcrumb":{"@id":"https:\/\/olah-agency.com\/journal-logbook-guestbook\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/olah-agency.com\/journal-logbook-guestbook\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/olah-agency.com\/journal-logbook-guestbook\/#primaryimage","url":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/OLAH-scaled.png","contentUrl":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/OLAH-scaled.png"},{"@type":"BreadcrumbList","@id":"https:\/\/olah-agency.com\/journal-logbook-guestbook\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/olah-agency.com\/"},{"@type":"ListItem","position":2,"name":"Journal | Branding, Marketing &amp; Creative Insights | OLAH Agency"}]},{"@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\/35","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=35"}],"version-history":[{"count":95,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":2017,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/35\/revisions\/2017"}],"wp:attachment":[{"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}