{"id":1515,"date":"2026-09-09T15:51:04","date_gmt":"2026-09-09T15:51:04","guid":{"rendered":"https:\/\/olah-agency.com\/?page_id=1515"},"modified":"2026-10-16T11:40:06","modified_gmt":"2026-10-16T11:40:06","slug":"impact","status":"publish","type":"page","link":"https:\/\/olah-agency.com\/fr\/impact\/","title":{"rendered":"Impact &#8211; Olah Agency"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1515\" class=\"elementor elementor-1515\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba25fdf e-con-full e-flex e-con e-parent\" data-id=\"ba25fdf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7084f62 elementor-widget elementor-widget-html\" data-id=\"7084f62\" 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>Impact \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=League+Spartan:wght@400;700;800;900&family=Manrope:wght@300;400;500&family=Caveat:wght@600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\nbody { 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 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.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\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\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n  html, body { background: #000000; }\r\n  body {\r\n    font-family: 'Manrope', sans-serif;\r\n    color: #f5f5f5;\r\n    -webkit-font-smoothing: antialiased;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  :root {\r\n    --oi-black:   #000000;\r\n    --oi-text:    #f5f5f5;\r\n    --oi-muted:   #9a9a9a;\r\n    --oi-faint:   #6b6b6b;\r\n    --oi-accent:  #fe6f5e;\r\n    --oi-sep:     rgba(255,255,255,0.09);\r\n    --oi-ease:    cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  a { color: inherit; }\r\n\r\n  .oi-wrap {\r\n    max-width: 1360px;\r\n    margin: 0 auto;\r\n    padding-left: 48px;\r\n    padding-right: 48px;\r\n  }\r\n\r\n  .oi-eyebrow-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .oi-eyebrow {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-faint);\r\n  }\r\n\r\n  .oi-eyebrow.is-accent { color: var(--oi-accent); }\r\n\r\n  .oi-section-num {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 0.75rem;\r\n    color: var(--oi-faint);\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Scroll reveal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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  .oi-reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity 800ms var(--oi-ease), transform 800ms var(--oi-ease);\r\n  }\r\n  .oi-reveal.is-in { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .oi-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .oi-hero {\r\n    padding: 148px 0 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .oi-hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background: #000000;\r\n  }\r\n\r\n  .olah-nav-header {\r\n    background: transparent !important;\r\n  }\r\n\r\n  .oi-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.05fr;\r\n    gap: 56px;\r\n    align-items: stretch;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .oi-hero-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding-bottom: 40px;\r\n  }\r\n\r\n  .oi-hero-label {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-faint);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .oi-hero-title {\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.02em;\r\n    line-height: 0.96;\r\n    font-size: clamp(2.6rem, 5.4vw, 4.6rem);\r\n  }\r\n\r\n  .oi-hero-title .line-white { color: var(--oi-text); display: block; }\r\n  .oi-hero-title .line-accent { color: var(--oi-accent); display: block; }\r\n\r\n  .oi-hero-desc {\r\n    margin-top: 28px;\r\n    max-width: 480px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 1rem;\r\n    line-height: 1.65;\r\n    color: var(--oi-muted);\r\n  }\r\n\r\n  .oi-hero-nav {\r\n    margin-top: 56px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 22px;\r\n    flex-wrap: wrap;\r\n    padding-top: 20px;\r\n    border-top: 1px solid var(--oi-sep);\r\n  }\r\n\r\n  .oi-hero-nav-num {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.75rem;\r\n    color: var(--oi-accent);\r\n    letter-spacing: 0.1em;\r\n  }\r\n\r\n  .oi-hero-nav-item {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-faint);\r\n  }\r\n\r\n  .oi-hero-right {\r\n    position: relative;\r\n    min-height: 480px;\r\n  }\r\n\r\n  .oi-hero-signature {\r\n    position: absolute;\r\n    top: 10%;\r\n    right: 8%;\r\n    font-family: 'Caveat', cursive;\r\n    font-weight: 600;\r\n    font-size: clamp(1.8rem, 2.6vw, 2.6rem);\r\n    color: var(--oi-accent);\r\n    line-height: 1;\r\n    text-align: right;\r\n    transform: rotate(-4deg);\r\n    text-shadow: 0 0 24px rgba(254,111,94,0.35);\r\n  }\r\n\r\n  .oi-hero-vertlist {\r\n    position: absolute;\r\n    right: 24px;\r\n    bottom: 10%;\r\n    text-align: right;\r\n    z-index: 1;\r\n  }\r\n\r\n  .oi-hero-vertlist p {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: rgba(245,245,245,0.85);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .oi-hero { padding-top: 116px; }\r\n    .oi-hero-grid { grid-template-columns: 1fr; gap: 32px; }\r\n    .oi-hero-right { min-height: 220px; }\r\n    .oi-hero-left { padding-bottom: 8px; }\r\n    .oi-hero-nav { gap: 14px 18px; }\r\n    .oi-hero-bg { background: #000000; }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     STATS\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .oi-stats-section {\r\n    padding: 72px 0;\r\n    border-top: 1px solid var(--oi-sep);\r\n    margin-top: 64px;\r\n  }\r\n\r\n  .oi-stats-eyebrow {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-faint);\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .oi-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n\r\n  .oi-stat {\r\n    padding: 0 32px;\r\n    border-left: 1px solid var(--oi-sep);\r\n  }\r\n  .oi-stat:first-child { border-left: none; padding-left: 0; }\r\n\r\n  .oi-stat-num {\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 900;\r\n    font-size: clamp(2.2rem, 4vw, 3.4rem);\r\n    color: var(--oi-accent);\r\n    line-height: 1;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .oi-stat-title {\r\n    margin-top: 12px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.75rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-text);\r\n  }\r\n\r\n  .oi-stat-desc {\r\n    margin-top: 8px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 0.8125rem;\r\n    line-height: 1.5;\r\n    color: var(--oi-muted);\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    .oi-stats-grid { grid-template-columns: 1fr 1fr; gap: 32px 0; }\r\n    .oi-stat { border-left: none; padding: 0; }\r\n    .oi-stat:nth-child(odd) { padding-right: 16px; }\r\n    .oi-stat:nth-child(even) { padding-left: 16px; border-left: 1px solid var(--oi-sep); }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SERVICES GRID\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .oi-services-section {\r\n    padding: 96px 0;\r\n    border-top: 1px solid var(--oi-sep);\r\n  }\r\n\r\n  .oi-services-header {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    gap: 40px;\r\n    align-items: end;\r\n    margin-bottom: 56px;\r\n  }\r\n\r\n  .oi-services-title {\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.02em;\r\n    line-height: 0.98;\r\n    font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n  }\r\n  .oi-services-title .white { color: var(--oi-text); }\r\n  .oi-services-title .accent { color: var(--oi-accent); }\r\n\r\n  .oi-services-sub {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 0.9375rem;\r\n    line-height: 1.6;\r\n    color: var(--oi-muted);\r\n    max-width: 380px;\r\n  }\r\n\r\n  .oi-services-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .oi-service-card,\r\n  .oi-service-card:link,\r\n  .oi-service-card:visited,\r\n  .oi-service-card:hover,\r\n  .oi-service-card:focus,\r\n  .oi-service-card:active {\r\n    display: flex;\r\n    flex-direction: column;\r\n    cursor: pointer;\r\n    text-decoration: none !important;\r\n    color: inherit;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .oi-service-photo {\r\n    position: relative;\r\n    aspect-ratio: 3 \/ 4;\r\n    overflow: hidden;\r\n    background: #0c0c0c;\r\n  }\r\n\r\n  .oi-service-photo img,\r\n  .oi-service-photo video,\r\n  .oi-service-photo .oi-ph-fill {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: grayscale(85%) contrast(1.05) brightness(0.75);\r\n    transition: transform 650ms var(--oi-ease), filter 450ms ease;\r\n  }\r\n\r\n  .oi-service-card:hover .oi-service-photo img,\r\n  .oi-service-card:hover .oi-service-photo video,\r\n  .oi-service-card:hover .oi-service-photo .oi-ph-fill {\r\n    transform: scale(1.06);\r\n    filter: grayscale(55%) contrast(1.05) brightness(0.92);\r\n  }\r\n\r\n  .oi-service-photo--soon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #0a0a0a;\r\n  }\r\n\r\n  .oi-service-soon {\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 900;\r\n    font-size: 1.05rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-accent);\r\n    animation: oi-soon-pulse 1.8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes oi-soon-pulse {\r\n    0%, 100% { opacity: 0.45; transform: scale(0.96); }\r\n    50% { opacity: 1; transform: scale(1.06); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .oi-service-soon { animation: none; opacity: 1; transform: none; }\r\n  }\r\n\r\n  .oi-service-name {\r\n    margin-top: 16px;\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 0.8125rem;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-text);\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .oi-service-desc {\r\n    margin-top: 6px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 0.75rem;\r\n    line-height: 1.45;\r\n    color: var(--oi-muted);\r\n    flex: 1;\r\n  }\r\n\r\n  .oi-service-arrow {\r\n    margin-top: 12px;\r\n    width: 20px;\r\n    height: 20px;\r\n    color: var(--oi-accent);\r\n    transition: transform 350ms var(--oi-ease);\r\n  }\r\n\r\n  .oi-service-card:hover .oi-service-arrow {\r\n    transform: translateX(6px);\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .oi-services-header { grid-template-columns: 1fr; gap: 16px; }\r\n    .oi-services-row { grid-template-columns: repeat(3, 1fr); gap: 18px 14px; }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .oi-services-row {\r\n      display: flex;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      gap: 14px;\r\n      scroll-snap-type: x proximity;\r\n      padding-bottom: 0;\r\n      -webkit-overflow-scrolling: touch;\r\n      scrollbar-width: none;\r\n      -ms-overflow-style: none;\r\n      touch-action: pan-x;\r\n    }\r\n    .oi-services-row::-webkit-scrollbar { display: none; }\r\n    .oi-service-card { flex: 0 0 42vw; scroll-snap-align: start; touch-action: pan-x; }\r\n  }\r\n\r\n  .oi-services-nav {\r\n    display: none;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin-top: 20px;\r\n  }\r\n  .oi-services-arrow,\r\n  .oi-services-arrow:link,\r\n  .oi-services-arrow:visited,\r\n  .oi-services-arrow:hover,\r\n  .oi-services-arrow:focus,\r\n  .oi-services-arrow:active,\r\n  html body .oi-services-arrow,\r\n  html body .oi-services-arrow:link,\r\n  html body .oi-services-arrow:visited,\r\n  html body .oi-services-arrow:hover,\r\n  html body .oi-services-arrow:focus,\r\n  html body .oi-services-arrow:active,\r\n  .elementor-widget-html .oi-services-arrow,\r\n  .elementor-widget-html .oi-services-arrow:hover,\r\n  .elementor-widget-html .oi-services-arrow:active,\r\n  .elementor-element .oi-services-arrow,\r\n  .elementor-element .oi-services-arrow:hover,\r\n  .elementor-element .oi-services-arrow:active {\r\n    width: 44px !important;\r\n    height: 44px !important;\r\n    border-radius: 50% !important;\r\n    border: 1.5px solid var(--oi-accent) !important;\r\n    background-color: transparent !important;\r\n    background-image: none !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    color: var(--oi-accent) !important;\r\n    cursor: pointer;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n    transition: background-color 300ms var(--oi-ease), color 300ms var(--oi-ease);\r\n  }\r\n  .oi-services-arrow svg { width: 18px; height: 18px; }\r\n  .oi-services-arrow:hover,\r\n  html body .oi-services-arrow:hover,\r\n  .elementor-widget-html .oi-services-arrow:hover,\r\n  .elementor-element .oi-services-arrow:hover {\r\n    background-color: rgba(254,111,94,0.15) !important;\r\n    color: var(--oi-accent) !important;\r\n  }\r\n  .oi-services-arrow:active,\r\n  html body .oi-services-arrow:active,\r\n  .elementor-widget-html .oi-services-arrow:active,\r\n  .elementor-element .oi-services-arrow:active {\r\n    background-color: var(--oi-accent) !important;\r\n    color: #000 !important;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .oi-services-nav { display: flex; }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     LOOP \/ PROCESS\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .oi-loop-section {\r\n    padding: 96px 0;\r\n    border-top: 1px solid var(--oi-sep);\r\n  }\r\n\r\n  .oi-loop-grid {\r\n    display: grid;\r\n    grid-template-columns: 0.85fr 1.6fr;\r\n    gap: 48px;\r\n    align-items: center;\r\n  }\r\n\r\n  .oi-loop-title {\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1;\r\n    font-size: clamp(1.9rem, 3.2vw, 2.6rem);\r\n  }\r\n  .oi-loop-title .white { color: var(--oi-text); }\r\n  .oi-loop-title .accent { color: var(--oi-accent); }\r\n\r\n  .oi-loop-desc {\r\n    margin-top: 18px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 0.9375rem;\r\n    line-height: 1.6;\r\n    color: var(--oi-muted);\r\n  }\r\n\r\n  .oi-timeline {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    position: relative;\r\n  }\r\n\r\n  .oi-step {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    width: 120px;\r\n  }\r\n\r\n  .oi-step-circle {\r\n    width: 66px;\r\n    height: 66px;\r\n    border-radius: 50%;\r\n    border: 1.5px solid var(--oi-accent);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--oi-accent);\r\n    flex-shrink: 0;\r\n    cursor: pointer;\r\n    transition: background 350ms var(--oi-ease), color 350ms var(--oi-ease), transform 350ms var(--oi-ease), box-shadow 350ms var(--oi-ease);\r\n  }\r\n\r\n  .oi-step-circle svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    transition: transform 450ms var(--oi-ease);\r\n  }\r\n\r\n  .oi-step:hover .oi-step-circle {\r\n    background: var(--oi-accent);\r\n    color: #000000;\r\n    transform: scale(1.12);\r\n    box-shadow: 0 0 0 6px rgba(254,111,94,0.15);\r\n  }\r\n\r\n  .oi-step:hover .oi-step-circle svg {\r\n    transform: rotate(8deg) scale(1.08);\r\n  }\r\n\r\n  .oi-step:hover .oi-step-name {\r\n    color: var(--oi-accent);\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .oi-step-circle, .oi-step-circle svg { transition: none; }\r\n  }\r\n\r\n  .oi-step-name {\r\n    margin-top: 16px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-text);\r\n    transition: color 350ms var(--oi-ease);\r\n  }\r\n\r\n  .oi-step-desc {\r\n    margin-top: 6px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 0.75rem;\r\n    line-height: 1.4;\r\n    color: var(--oi-muted);\r\n  }\r\n\r\n  .oi-step-arrow {\r\n    flex-shrink: 0;\r\n    margin-top: 31px;\r\n    color: var(--oi-accent);\r\n    opacity: 0.8;\r\n  }\r\n  .oi-step-arrow svg { width: 30px; height: 12px; display: block; }\r\n\r\n  .oi-loop-back {\r\n    margin-top: 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .oi-loop-back-line {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: var(--oi-accent);\r\n    position: relative;\r\n    opacity: 0.7;\r\n  }\r\n  .oi-loop-back-line::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-style: solid;\r\n    border-color: var(--oi-accent);\r\n    border-width: 0 1.5px 1.5px 0;\r\n  }\r\n  .oi-loop-back-line.left::before {\r\n    left: -2px;\r\n    transform: translateY(-50%) rotate(135deg);\r\n  }\r\n  .oi-loop-back-line.right::before {\r\n    right: -2px;\r\n    transform: translateY(-50%) rotate(-45deg);\r\n  }\r\n\r\n  .oi-loop-back-text {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-accent);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* \u2500\u2500 OLAH LOOP \u2014 circular layout (desktop) \u2500\u2500 *\/\r\n  .oi-loop-mobile { display: none; }\r\n\r\n  .oi-loop-circle {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 580px;\r\n    aspect-ratio: 1 \/ 1;\r\n    margin: 40px auto 0;\r\n  }\r\n  .oi-loop-circle-track {\r\n    position: absolute;\r\n    inset: 8%;\r\n    border: 1px dashed rgba(254,111,94,0.35);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n  .oi-loop-tick {\r\n    position: absolute;\r\n    width: 9px;\r\n    height: 9px;\r\n    pointer-events: none;\r\n  }\r\n  .oi-loop-tick::before {\r\n    content: '';\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-style: solid;\r\n    border-color: var(--oi-accent);\r\n    border-width: 0 1.5px 1.5px 0;\r\n    opacity: 0.8;\r\n  }\r\n  .oi-loop-center {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 150px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n    text-align: center;\r\n  }\r\n  .oi-loop-center-icon svg {\r\n    width: 64px;\r\n    height: 64px;\r\n    display: block;\r\n    overflow: visible;\r\n  }\r\n  .oi-loop-center-text {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-accent);\r\n    line-height: 1.5;\r\n  }\r\n  .oi-step--circle {\r\n    position: absolute;\r\n    transform: translate(-50%, -50%);\r\n    width: 150px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .oi-loop-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    .oi-loop-circle { max-width: 440px; margin-top: 32px; }\r\n    .oi-step--circle { width: 118px; }\r\n    .oi-step-circle { width: 52px; height: 52px; }\r\n    .oi-step-circle svg { width: 20px; height: 20px; }\r\n    .oi-step-name { margin-top: 10px; font-size: 0.625rem; }\r\n    .oi-step-desc { font-size: 0.6875rem; }\r\n    .oi-loop-center { width: 110px; }\r\n    .oi-loop-center-icon svg { width: 50px; height: 50px; }\r\n    .oi-loop-center-text { font-size: 0.5625rem; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .oi-loop-circle { max-width: 320px; }\r\n    .oi-step--circle { width: 86px; }\r\n    .oi-step-desc { display: none; }\r\n    .oi-loop-center { width: 90px; }\r\n    .oi-loop-center-icon svg { width: 40px; height: 40px; }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     INTERNATIONAL \/ GLOBE\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .oi-global-section {\r\n    padding: 96px 0;\r\n    border-top: 1px solid var(--oi-sep);\r\n    position: relative;\r\n    background: #000000;\r\n  }\r\n\r\n  .oi-global-grid {\r\n    display: grid;\r\n    grid-template-columns: 0.55fr 1.45fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n  }\r\n\r\n  .oi-global-title {\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.02em;\r\n    line-height: 0.98;\r\n    font-size: clamp(1.9rem, 3.4vw, 2.8rem);\r\n  }\r\n  .oi-global-title .white { color: var(--oi-text); }\r\n  .oi-global-title .accent { color: var(--oi-accent); }\r\n\r\n  .oi-global-desc {\r\n    margin-top: 18px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 0.875rem;\r\n    line-height: 1.6;\r\n    color: var(--oi-muted);\r\n    max-width: 320px;\r\n  }\r\n\r\n  .oi-globe-wrap {\r\n    position: relative;\r\n    aspect-ratio: 1 \/ 1;\r\n    max-width: 420px;\r\n    margin: 0 auto;\r\n    border-radius: 50%;\r\n    background:\r\n      radial-gradient(circle at 32% 28%, rgba(255,255,255,0.06), transparent 40%),\r\n      radial-gradient(circle at 50% 50%, #141414 0%, #050505 68%, #000000 100%);\r\n    box-shadow:\r\n      inset 0 0 60px rgba(0,0,0,0.9),\r\n      inset -20px -20px 60px rgba(0,0,0,0.85),\r\n      0 0 80px rgba(254,111,94,0.06);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .oi-globe-grid-lines {\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 50%;\r\n    background-image:\r\n      repeating-linear-gradient(0deg, rgba(255,255,255,0.045) 0, rgba(255,255,255,0.045) 1px, transparent 1px, transparent 34px),\r\n      repeating-linear-gradient(90deg, rgba(255,255,255,0.045) 0, rgba(255,255,255,0.045) 1px, transparent 1px, transparent 34px);\r\n    mix-blend-mode: screen;\r\n  }\r\n\r\n  .oi-globe-dot {\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--oi-accent);\r\n    box-shadow: 0 0 14px 4px rgba(254,111,94,0.55);\r\n    animation: oi-pulse 2.4s ease-in-out infinite;\r\n  }\r\n  .oi-globe-dot::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -6px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(254,111,94,0.5);\r\n    animation: oi-ring 2.4s ease-out infinite;\r\n  }\r\n\r\n  @keyframes oi-pulse {\r\n    0%, 100% { opacity: 0.75; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.25); }\r\n  }\r\n  @keyframes oi-ring {\r\n    0% { transform: scale(0.6); opacity: 0.8; }\r\n    100% { transform: scale(2.4); opacity: 0; }\r\n  }\r\n\r\n  .oi-global-list {\r\n    text-align: right;\r\n  }\r\n\r\n  .oi-global-list p.country {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.8125rem;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-text);\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .oi-global-list .oi-global-tagline {\r\n    margin-top: 18px;\r\n    padding-top: 14px;\r\n    border-top: 1px solid var(--oi-sep);\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-accent);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .oi-global-grid { grid-template-columns: 1fr; gap: 32px; text-align: center; }\r\n    .oi-global-desc { margin-left: auto; margin-right: auto; }\r\n    .oi-global-list {\r\n      text-align: center;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 12px 14px;\r\n    }\r\n    .oi-global-list p.country {\r\n      line-height: 1;\r\n      padding: 9px 20px;\r\n      border: 1px solid var(--oi-accent);\r\n      border-radius: 999px;\r\n      animation: oi-float 3.6s ease-in-out infinite;\r\n    }\r\n    .oi-global-list p.country:nth-child(2) { animation-delay: 0.3s; }\r\n    .oi-global-list p.country:nth-child(3) { animation-delay: 0.6s; }\r\n    .oi-global-list p.country:nth-child(4) { animation-delay: 0.9s; }\r\n    .oi-global-list p.country:nth-child(5) { animation-delay: 1.2s; }\r\n    .oi-global-list .oi-global-tagline {\r\n      width: 100%;\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n\r\n  @keyframes oi-float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-6px); }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .oi-global-list p.country { animation: none; }\r\n  }\r\n\r\n\r\n  \/* \u2500\u2500 Interactive world map \u2500\u2500 *\/\r\n  .wlq-map {\r\n    --wlq-bg: #000;\r\n    --wlq-land: #1b1b1b;\r\n    --wlq-land-hover: #2c2c2c;\r\n    --wlq-border: #333;\r\n    --wlq-accent: #FF6F5E;\r\n    --wlq-accent-hover: #FF8F81;\r\n    --wlq-text: #f2f2f2;\r\n    --wlq-muted: #8a8a8a;\r\n    position: relative;\r\n    width: 100%;\r\n    background: var(--wlq-bg);\r\n    color: var(--wlq-text);\r\n    overflow: hidden;\r\n  }\r\n  .wlq-map svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 960 \/ 560;\r\n    cursor: grab;\r\n    touch-action: pan-y;\r\n  }\r\n  .wlq-map svg:active { cursor: grabbing; }\r\n  .wlq-map .wlq-country { fill: var(--wlq-land); stroke: var(--wlq-border); stroke-width: .4; transition: fill .2s; }\r\n  .wlq-map .wlq-country:hover { fill: var(--wlq-land-hover); }\r\n  .wlq-map .wlq-country.is-on { fill: var(--wlq-accent); stroke: #000; cursor: pointer; filter: drop-shadow(0 0 6px rgba(255,111,94,.55)); }\r\n  .wlq-map .wlq-country.is-on:hover,\r\n  .wlq-map .wlq-country.is-active { fill: var(--wlq-accent-hover); }\r\n  .wlq-map .wlq-tip {\r\n    position: absolute; pointer-events: none;\r\n    background: rgba(20,20,20,.92); border: 1px solid #333; color: var(--wlq-text);\r\n    padding: 6px 10px; border-radius: 8px; font-family: 'Manrope', sans-serif; font-size: 13px;\r\n    white-space: nowrap; opacity: 0; transform: translate(-50%,-130%); transition: opacity .15s;\r\n  }\r\n  .wlq-map .wlq-tip.is-on { border-color: var(--wlq-accent); }\r\n  .wlq-map .wlq-legend {\r\n    position: absolute; left: 0; bottom: 0;\r\n    display: flex; flex-wrap: wrap; gap: 8px; max-width: calc(100% - 140px);\r\n  }\r\n  .wlq-map .wlq-controls {\r\n    position: absolute; right: 0; bottom: 0;\r\n    display: flex; flex-direction: column; gap: 6px;\r\n  }\r\n  .wlq-map .wlq-loading {\r\n    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;\r\n    color: var(--wlq-muted); font-family: 'Manrope', sans-serif; font-size: 14px;\r\n  }\r\n\r\n  \/* buttons hardened against Elementor \/ theme pink hover & active states *\/\r\n  .wlq-map .wlq-legend button,\r\n  .wlq-map .wlq-legend button:hover,\r\n  .wlq-map .wlq-legend button:focus,\r\n  .wlq-map .wlq-legend button:active,\r\n  .wlq-map .wlq-controls button,\r\n  .wlq-map .wlq-controls button:hover,\r\n  .wlq-map .wlq-controls button:focus,\r\n  .wlq-map .wlq-controls button:active,\r\n  .elementor-widget-html .wlq-map button,\r\n  .elementor-widget-html .wlq-map button:hover,\r\n  .elementor-widget-html .wlq-map button:active {\r\n    background-image: none !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n    color: var(--wlq-text) !important;\r\n    -webkit-text-fill-color: var(--wlq-text) !important;\r\n    text-shadow: none !important;\r\n    text-transform: none !important;\r\n    letter-spacing: normal !important;\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n  }\r\n  .wlq-map .wlq-legend button,\r\n  .elementor-widget-html .wlq-map .wlq-legend button {\r\n    background-color: rgba(255,255,255,.04) !important;\r\n    border: 1px solid #2e2e2e !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.2 !important;\r\n    padding: 7px 12px !important;\r\n    border-radius: 999px !important;\r\n    cursor: pointer;\r\n    display: flex; align-items: center; gap: 8px;\r\n    transition: border-color .2s, background-color .2s;\r\n  }\r\n  .wlq-map .wlq-legend button::before {\r\n    content: \"\"; width: 8px; height: 8px; border-radius: 50%;\r\n    background: var(--wlq-accent); box-shadow: 0 0 8px var(--wlq-accent);\r\n  }\r\n  .wlq-map .wlq-legend button:hover,\r\n  .wlq-map .wlq-legend button.is-active,\r\n  .elementor-widget-html .wlq-map .wlq-legend button:hover {\r\n    border-color: var(--wlq-accent) !important;\r\n    background-color: rgba(255,111,94,.1) !important;\r\n  }\r\n  .wlq-map .wlq-controls button,\r\n  .elementor-widget-html .wlq-map .wlq-controls button {\r\n    width: 38px !important; height: 38px !important;\r\n    border-radius: 10px !important;\r\n    background-color: rgba(255,255,255,.05) !important;\r\n    border: 1px solid #2e2e2e !important;\r\n    font-size: 18px !important; line-height: 1 !important; padding: 0 !important;\r\n    cursor: pointer;\r\n  }\r\n  .wlq-map .wlq-controls button:hover,\r\n  .elementor-widget-html .wlq-map .wlq-controls button:hover {\r\n    border-color: var(--wlq-accent) !important;\r\n    background-color: rgba(255,111,94,.1) !important;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .wlq-map .wlq-legend,\r\n    .wlq-map .wlq-controls { position: static; max-width: 100%; }\r\n    .wlq-map .wlq-legend { margin-top: 14px; justify-content: center; }\r\n    .wlq-map .wlq-controls { flex-direction: row; justify-content: center; margin-top: 12px; }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CLIENTS \/ LOGOS\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .oi-clients-section {\r\n    padding: 96px 0;\r\n    border-top: 1px solid var(--oi-sep);\r\n  }\r\n\r\n  .oi-clients-header {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n    align-items: end;\r\n    margin-bottom: 52px;\r\n  }\r\n\r\n  .oi-clients-title {\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.02em;\r\n    line-height: 0.98;\r\n    font-size: clamp(1.9rem, 3.4vw, 2.8rem);\r\n  }\r\n  .oi-clients-title .white { color: var(--oi-text); }\r\n  .oi-clients-title .accent { color: var(--oi-accent); }\r\n\r\n  .oi-clients-desc {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 0.875rem;\r\n    line-height: 1.6;\r\n    color: var(--oi-muted);\r\n    max-width: 400px;\r\n    justify-self: end;\r\n    text-align: left;\r\n  }\r\n\r\n  .oi-logos-row {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n    gap: 28px 40px !important;\r\n  }\r\n\r\n  .oi-logos-row img.oi-logo-item {\r\n    display: block !important;\r\n    width: auto !important;\r\n    height: 96px !important;\r\n    max-width: 100% !important;\r\n    max-height: 96px !important;\r\n    object-fit: contain !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .oi-clients-header { grid-template-columns: 1fr; gap: 16px; }\r\n    .oi-clients-desc { justify-self: start; text-align: left; }\r\n    .oi-logos-row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; gap: 28px 16px !important; }\r\n  }\r\n\r\n  .oi-logos-row { display: none !important; }\r\n  .oi-logos-marquee {\r\n    display: block;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);\r\n    mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);\r\n  }\r\n  .oi-logos-track {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 72px;\r\n    width: max-content;\r\n    animation: oi-logos-scroll 40s linear infinite;\r\n  }\r\n  .oi-logos-track img {\r\n    height: 96px;\r\n    width: auto;\r\n    object-fit: contain;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .oi-logos-track img[src*=\"Logo-MSC-Cruises-blanc\"],\r\n  .oi-logos-track img[src*=\"Logo_Lumea_Deco_2025\"] {\r\n    height: 72px;\r\n  }\r\n  @media (max-width: 640px) {\r\n    .oi-logos-track { gap: 44px; animation-duration: 26s; }\r\n    .oi-logos-track img { height: 76px; }\r\n    .oi-logos-track img[src*=\"Logo-MSC-Cruises-blanc\"],\r\n    .oi-logos-track img[src*=\"Logo_Lumea_Deco_2025\"] { height: 56px; }\r\n  }\r\n\r\n  @keyframes oi-logos-scroll {\r\n    from { transform: translateX(0); }\r\n    to   { transform: translateX(-50%); }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .oi-logos-track { animation: none; }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     FINAL CTA\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .oi-final-cta {\r\n    border-top: 1px solid var(--oi-sep);\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    min-height: 520px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .oi-final-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background: #000000;\r\n  }\r\n\r\n  .oi-final-left {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 64px 48px;\r\n  }\r\n\r\n  .oi-final-label {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: var(--oi-faint);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .oi-final-title {\r\n    font-family: 'League Spartan', sans-serif;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.02em;\r\n    line-height: 0.98;\r\n    font-size: clamp(2.2rem, 4.4vw, 3.6rem);\r\n  }\r\n  .oi-final-title .white { color: var(--oi-text); display: block; }\r\n  .oi-final-title .accent { color: var(--oi-accent); display: block; }\r\n\r\n  .oi-final-btn,\r\n  .oi-final-btn:link,\r\n  .oi-final-btn:visited,\r\n  .oi-final-btn:hover,\r\n  .oi-final-btn:focus,\r\n  .oi-final-btn:active {\r\n    margin-top: 40px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    align-self: flex-start;\r\n    background: var(--oi-accent) !important;\r\n    color: #000000 !important;\r\n    text-decoration: none !important;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.875rem;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    padding: 0 32px;\r\n    height: 58px;\r\n    border-radius: 999px;\r\n    transition: background 300ms ease, transform 300ms ease;\r\n  }\r\n\r\n  .oi-final-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    transition: transform 300ms var(--oi-ease);\r\n  }\r\n\r\n  .oi-final-btn:hover {\r\n    background: #ff8a7c;\r\n  }\r\n  .oi-final-btn:hover svg {\r\n    transform: translateX(6px);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Hard override against Elementor\/theme link-hover color (navy) \u2500\u2500\u2500 *\/\r\n  html body .oi-final-cta a.oi-final-btn,\r\n  html body .oi-final-cta a.oi-final-btn:link,\r\n  html body .oi-final-cta a.oi-final-btn:visited,\r\n  html body .oi-final-cta a.oi-final-btn:hover,\r\n  html body .oi-final-cta a.oi-final-btn:focus,\r\n  html body .oi-final-cta a.oi-final-btn:active,\r\n  .elementor-widget-html .oi-final-btn,\r\n  .elementor-widget-html .oi-final-btn:hover,\r\n  .elementor-element .oi-final-btn,\r\n  .elementor-element .oi-final-btn:hover {\r\n    color: #000000 !important;\r\n    text-decoration: none !important;\r\n  }\r\n  html body .oi-final-cta a.oi-final-btn:hover {\r\n    background: #ff8a7c !important;\r\n  }\r\n\r\n  .oi-final-right {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .oi-final-vertlist {\r\n    position: absolute;\r\n    right: 8%;\r\n    bottom: 10%;\r\n    text-align: right;\r\n  }\r\n\r\n  .oi-final-vertlist p {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.6875rem;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: rgba(245,245,245,0.85);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .oi-final-cta { grid-template-columns: 1fr; min-height: 440px; }\r\n    .oi-final-left { padding: 56px 24px; order: 1; }\r\n    .oi-final-right { order: 2; min-height: 160px; }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .oi-wrap { padding-left: 24px; padding-right: 24px; }\r\n    .oi-stats-section, .oi-services-section, .oi-loop-section, .oi-global-section, .oi-clients-section {\r\n      padding-top: 64px;\r\n      padding-bottom: 64px;\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n    html, body { background: transparent; }\r\n\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    .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    .mobile-section,\r\n    .mobile-double,\r\n    .mobile-divider,\r\n    .mobile-bottom { display: none; }\r\n\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      .footer-row { display: none; }\r\n      .footer-bottom { display: none; }\r\n\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\r\n  \/* \u2500\u2500 Orange heading text: same stroke-fill animation as the Ostron project page \u2500\u2500 *\/\r\n  @keyframes oi-heading-stroke-fill {\r\n    0% {\r\n      background-position: 100%;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1.5px var(--oi-accent);\r\n    }\r\n    65%, 100% {\r\n      background-position: 0%;\r\n      color: var(--oi-accent);\r\n      -webkit-text-stroke: 0px transparent;\r\n    }\r\n  }\r\n  .oi-hero-title .line-accent,\r\n  .oi-services-title .accent,\r\n  .oi-loop-title .accent,\r\n  .oi-global-title .accent,\r\n  .oi-clients-title .accent,\r\n  .oi-final-title .accent {\r\n    color: transparent;\r\n    -webkit-text-stroke: 1.5px var(--oi-accent);\r\n    background: linear-gradient(90deg, var(--oi-accent) 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: oi-heading-stroke-fill 2.6s cubic-bezier(0.77, 0, 0.18, 1) 400ms infinite alternate;\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .oi-hero-title .line-accent,\r\n    .oi-services-title .accent,\r\n    .oi-loop-title .accent,\r\n    .oi-global-title .accent,\r\n    .oi-clients-title .accent,\r\n    .oi-final-title .accent {\r\n      animation: none;\r\n      color: var(--oi-accent);\r\n      -webkit-text-stroke: 0;\r\n      background-position: 0%;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body style=\"background:#000000;\">\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    <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    <\/div>\r\n\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    <div class=\"olah-nav-section right\">\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      <a href=\"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/\" 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\">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    <div class=\"olah-mobile-spacer\" aria-hidden=\"true\"><\/div>\r\n\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    <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  <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\/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    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<main>\r\n\r\n  <!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\r\n  <section class=\"oi-hero\">\r\n    <div class=\"oi-hero-bg\"><\/div>\r\n    <div class=\"oi-hero-vertlist oi-reveal\">\r\n      <p>Ideas<\/p>\r\n      <p>Brands<\/p>\r\n      <p>People<\/p>\r\n      <p>Business<\/p>\r\n      <p>A Bigger<\/p>\r\n      <p>Tomorrow.<\/p>\r\n    <\/div>\r\n    <div class=\"oi-wrap\">\r\n      <div class=\"oi-hero-grid\">\r\n        <div class=\"oi-hero-left\">\r\n          <p class=\"oi-hero-label oi-reveal\">Impact<\/p>\r\n          <h1 class=\"oi-hero-title oi-reveal\">\r\n            <span class=\"line-white\">Creative<\/span>\r\n            <span class=\"line-white\">Solutions<\/span>\r\n            <span class=\"line-accent\">Real Impact.<\/span>\r\n          <\/h1>\r\n          <p class=\"oi-hero-desc oi-reveal\">From content to websites, from brands to e-commerce, we build complete solutions that help businesses grow. Different industries. Real results. Worldwide.<\/p>\r\n          <div class=\"oi-hero-nav oi-reveal\">\r\n            <span class=\"oi-hero-nav-num\">01<\/span>\r\n            <span class=\"oi-hero-nav-item\">Content<\/span>\r\n            <span class=\"oi-hero-nav-item\">Branding<\/span>\r\n            <span class=\"oi-hero-nav-item\">E-Commerce<\/span>\r\n            <span class=\"oi-hero-nav-item\">Web<\/span>\r\n            <span class=\"oi-hero-nav-item\">Social Media<\/span>\r\n            <span class=\"oi-hero-nav-item\">Motion<\/span>\r\n            <span class=\"oi-hero-nav-item\">Consulting<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"oi-hero-right oi-reveal\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 STATS \u2550\u2550\u2550 -->\r\n  <section class=\"oi-stats-section\">\r\n    <div class=\"oi-wrap\">\r\n      <p class=\"oi-stats-eyebrow oi-reveal\">Our Impact in Numbers<\/p>\r\n      <div class=\"oi-stats-grid\">\r\n        <div class=\"oi-stat oi-reveal\">\r\n          <div class=\"oi-stat-num\" data-count-to=\"8\" data-suffix=\"M+\">0M+<\/div>\r\n          <p class=\"oi-stat-title\">Views Generated<\/p>\r\n          <p class=\"oi-stat-desc\">Content that reaches and resonates.<\/p>\r\n        <\/div>\r\n        <div class=\"oi-stat oi-reveal\">\r\n          <div class=\"oi-stat-num\" data-count-to=\"30\" data-suffix=\"K+\">0K+<\/div>\r\n          <p class=\"oi-stat-title\">Followers<\/p>\r\n          <p class=\"oi-stat-desc\">Across managed accounts, organically grown.<\/p>\r\n        <\/div>\r\n        <div class=\"oi-stat oi-reveal\">\r\n          <div class=\"oi-stat-num\" data-count-to=\"100\" data-suffix=\"+\">0+<\/div>\r\n          <p class=\"oi-stat-title\">Videos Over 10K Views<\/p>\r\n          <p class=\"oi-stat-desc\">High-performing content that makes an impact.<\/p>\r\n        <\/div>\r\n        <div class=\"oi-stat oi-reveal\">\r\n          <div class=\"oi-stat-num\" data-count-to=\"5\" data-suffix=\"\">0<\/div>\r\n          <p class=\"oi-stat-title\">Countries<\/p>\r\n          <p class=\"oi-stat-desc\">Content, stories and experiences created worldwide.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 SERVICES \u2550\u2550\u2550 -->\r\n  <section class=\"oi-services-section\">\r\n    <div class=\"oi-wrap\">\r\n      <div class=\"oi-eyebrow-row oi-reveal\">\r\n        <p class=\"oi-eyebrow\">We Build More Than Content<\/p>\r\n        <span class=\"oi-section-num\">02<\/span>\r\n      <\/div>\r\n      <div class=\"oi-services-header\">\r\n        <h2 class=\"oi-services-title oi-reveal\"><span class=\"white\">Complete<\/span><br><span class=\"white\">Digital<\/span> <span class=\"accent\">Solutions.<\/span><\/h2>\r\n        <p class=\"oi-services-sub oi-reveal\">We combine creativity, strategy and technology to help brands become more visible, more relevant and more successful.<\/p>\r\n      <\/div>\r\n      <div class=\"oi-services-row\">\r\n        <a class=\"oi-service-card oi-reveal\" href=\"https:\/\/olah-agency.com\/works\/\">\r\n          <div class=\"oi-service-photo\">\r\n            <video autoplay muted loop playsinline preload=\"metadata\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/06\/Last-Game-RAS-saintoise-.mp4\"><\/video>\r\n          <\/div>\r\n          <p class=\"oi-service-name\">Visual Production<\/p>\r\n          <p class=\"oi-service-desc\">We create powerful photo and video content.<\/p>\r\n          <svg class=\"oi-service-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"13 5 20 12 13 19\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"oi-service-card oi-reveal\" href=\"https:\/\/olah-agency.com\/works\/\">\r\n          <div class=\"oi-service-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/07\/Logo-Presseo.png\" alt=\"Branding \u2014 Presseo\" loading=\"lazy\">\r\n          <\/div>\r\n          <p class=\"oi-service-name\">Branding<\/p>\r\n          <p class=\"oi-service-desc\">We build strong and consistent brands.<\/p>\r\n          <svg class=\"oi-service-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"13 5 20 12 13 19\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"oi-service-card oi-reveal\" href=\"https:\/\/olah-agency.com\/works\/\">\r\n          <div class=\"oi-service-photo\">\r\n            <video autoplay muted loop playsinline preload=\"metadata\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/02\/Episode-1-entrainement-regional-3.mp4\"><\/video>\r\n          <\/div>\r\n          <p class=\"oi-service-name\">Web Design<\/p>\r\n          <p class=\"oi-service-desc\">We design modern and high-performing websites.<\/p>\r\n          <svg class=\"oi-service-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"13 5 20 12 13 19\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"oi-service-card oi-reveal\" href=\"https:\/\/olah-agency.com\/works\/\">\r\n          <div class=\"oi-service-photo\">\r\n            <video autoplay muted loop playsinline preload=\"metadata\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/06\/Mehdi-x-suricate-Vertical-V10.mp4\"><\/video>\r\n          <\/div>\r\n          <p class=\"oi-service-name\">Social Media<\/p>\r\n          <p class=\"oi-service-desc\">We grow your presence and engage your audience.<\/p>\r\n          <svg class=\"oi-service-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"13 5 20 12 13 19\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"oi-service-card oi-reveal\" href=\"https:\/\/olah-agency.com\/works\/\">\r\n          <div class=\"oi-service-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/06\/A7401032-scaled.jpg\" alt=\"E-Commerce\" loading=\"lazy\">\r\n          <\/div>\r\n          <p class=\"oi-service-name\">E-Commerce<\/p>\r\n          <p class=\"oi-service-desc\">We develop and optimise e-commerce solutions.<\/p>\r\n          <svg class=\"oi-service-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"13 5 20 12 13 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"oi-services-nav\">\r\n        <button type=\"button\" class=\"oi-services-arrow oi-services-arrow--prev\" id=\"oiServicesPrev\" aria-label=\"Previous service\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"20\" y1=\"12\" x2=\"4\" y2=\"12\"\/><polyline points=\"11 5 4 12 11 19\"\/><\/svg>\r\n        <\/button>\r\n        <button type=\"button\" class=\"oi-services-arrow oi-services-arrow--next\" id=\"oiServicesNext\" aria-label=\"Next service\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"13 5 20 12 13 19\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 LOOP \u2550\u2550\u2550 -->\r\n  <section class=\"oi-loop-section\">\r\n    <div class=\"oi-wrap\">\r\n      <div class=\"oi-eyebrow-row oi-reveal\">\r\n        <p class=\"oi-eyebrow\">The Olah Loop<\/p>\r\n        <span class=\"oi-section-num\">03<\/span>\r\n      <\/div>\r\n      <div class=\"oi-loop-grid\">\r\n        <div class=\"oi-reveal\">\r\n          <h2 class=\"oi-loop-title\"><span class=\"white\">From Ideas<\/span><br><span class=\"accent\">To Growth.<\/span><\/h2>\r\n          <p class=\"oi-loop-desc\">A simple idea. A powerful cycle. Real results.<\/p>\r\n        <\/div>\r\n        <div>\r\n\r\n          <!-- DESKTOP \u2014 circular loop -->\r\n          <div class=\"oi-loop-circle oi-reveal\">\r\n            <div class=\"oi-loop-circle-track\" aria-hidden=\"true\"><\/div>\r\n\r\n            <span class=\"oi-loop-tick\" style=\"left:74.7%;top:16%;transform:translate(-50%,-50%) rotate(-9deg);\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"oi-loop-tick\" style=\"left:89.9%;top:63%;transform:translate(-50%,-50%) rotate(63deg);\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"oi-loop-tick\" style=\"left:50%;top:92%;transform:translate(-50%,-50%) rotate(135deg);\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"oi-loop-tick\" style=\"left:10.1%;top:63%;transform:translate(-50%,-50%) rotate(207deg);\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"oi-loop-tick\" style=\"left:25.3%;top:16%;transform:translate(-50%,-50%) rotate(279deg);\" aria-hidden=\"true\"><\/span>\r\n\r\n            <div class=\"oi-loop-center\">\r\n              <span class=\"oi-loop-center-icon\" aria-hidden=\"true\">\r\n                <svg id=\"oiLoopO\" viewBox=\"0 0 500 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                  <defs>\r\n                    <mask id=\"oiLoopHoleMask\" maskUnits=\"userSpaceOnUse\" x=\"-100\" y=\"-100\" width=\"700\" height=\"700\">\r\n                      <rect x=\"-100\" y=\"-100\" width=\"700\" height=\"700\" fill=\"#fff\"\/>\r\n                      <circle id=\"oiLoopHole\" cx=\"250\" cy=\"260\" r=\"0\" fill=\"#000\"\/>\r\n                    <\/mask>\r\n                    <clipPath id=\"oiLoopDiscClip\"><circle cx=\"250\" cy=\"250\" r=\"250\"\/><\/clipPath>\r\n                  <\/defs>\r\n                  <g id=\"oiLoopLogo\" transform=\"translate(250 250) scale(0) translate(-250 -250)\">\r\n                    <circle cx=\"250\" cy=\"250\" r=\"250\" fill=\"#FF6F5E\" mask=\"url(#oiLoopHoleMask)\"\/>\r\n                    <g clip-path=\"url(#oiLoopDiscClip)\">\r\n                      <rect id=\"oiLoopBar\" x=\"110\" y=\"128\" width=\"280\" height=\"64\" fill=\"#FF6F5E\" transform=\"translate(250 0) scale(0 1) translate(-250 0)\"\/>\r\n                    <\/g>\r\n                  <\/g>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"oi-loop-center-text\">And We Do It<br>Again.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"oi-step oi-step--circle\" style=\"left:50%;top:8%;\">\r\n              <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 18h6M10 22h4M12 2a6 6 0 0 0-4 10.5c.7.7 1 1.3 1 2.5h6c0-1.2.3-1.8 1-2.5A6 6 0 0 0 12 2z\"\/><\/svg><\/div>\r\n              <p class=\"oi-step-name\">Strategy<\/p>\r\n              <p class=\"oi-step-desc\">Understand your goals.<\/p>\r\n            <\/div>\r\n            <div class=\"oi-step oi-step--circle\" style=\"left:89.9%;top:37%;\">\r\n              <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/div>\r\n              <p class=\"oi-step-name\">Creation<\/p>\r\n              <p class=\"oi-step-desc\">Build and produce.<\/p>\r\n            <\/div>\r\n            <div class=\"oi-step oi-step--circle\" style=\"left:74.7%;top:84%;\">\r\n              <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/div>\r\n              <p class=\"oi-step-name\">Distribution<\/p>\r\n              <p class=\"oi-step-desc\">Share on the right platforms.<\/p>\r\n            <\/div>\r\n            <div class=\"oi-step oi-step--circle\" style=\"left:25.3%;top:84%;\">\r\n              <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\r\n              <p class=\"oi-step-name\">Impact<\/p>\r\n              <p class=\"oi-step-desc\">Generate attention and opportunities.<\/p>\r\n            <\/div>\r\n            <div class=\"oi-step oi-step--circle\" style=\"left:10.1%;top:37%;\">\r\n              <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"7\" cy=\"12\" r=\"4\"\/><circle cx=\"17\" cy=\"12\" r=\"4\"\/><\/svg><\/div>\r\n              <p class=\"oi-step-name\">Growth<\/p>\r\n              <p class=\"oi-step-desc\">A stronger brand, new possibilities.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- MOBILE \u2014 stacked fallback -->\r\n          <div class=\"oi-loop-mobile\">\r\n            <div class=\"oi-timeline oi-reveal\">\r\n              <div class=\"oi-step\">\r\n                <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 18h6M10 22h4M12 2a6 6 0 0 0-4 10.5c.7.7 1 1.3 1 2.5h6c0-1.2.3-1.8 1-2.5A6 6 0 0 0 12 2z\"\/><\/svg><\/div>\r\n                <p class=\"oi-step-name\">Strategy<\/p>\r\n                <p class=\"oi-step-desc\">Understand your goals.<\/p>\r\n              <\/div>\r\n              <div class=\"oi-step-arrow\"><svg viewBox=\"0 0 30 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"0\" y1=\"6\" x2=\"26\" y2=\"6\"\/><polyline points=\"20 1 26 6 20 11\"\/><\/svg><\/div>\r\n              <div class=\"oi-step\">\r\n                <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/div>\r\n                <p class=\"oi-step-name\">Creation<\/p>\r\n                <p class=\"oi-step-desc\">Build and produce.<\/p>\r\n              <\/div>\r\n              <div class=\"oi-step-arrow\"><svg viewBox=\"0 0 30 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"0\" y1=\"6\" x2=\"26\" y2=\"6\"\/><polyline points=\"20 1 26 6 20 11\"\/><\/svg><\/div>\r\n              <div class=\"oi-step\">\r\n                <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/div>\r\n                <p class=\"oi-step-name\">Distribution<\/p>\r\n                <p class=\"oi-step-desc\">Share on the right platforms.<\/p>\r\n              <\/div>\r\n              <div class=\"oi-step-arrow\"><svg viewBox=\"0 0 30 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"0\" y1=\"6\" x2=\"26\" y2=\"6\"\/><polyline points=\"20 1 26 6 20 11\"\/><\/svg><\/div>\r\n              <div class=\"oi-step\">\r\n                <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\r\n                <p class=\"oi-step-name\">Impact<\/p>\r\n                <p class=\"oi-step-desc\">Generate attention and opportunities.<\/p>\r\n              <\/div>\r\n              <div class=\"oi-step-arrow\"><svg viewBox=\"0 0 30 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"0\" y1=\"6\" x2=\"26\" y2=\"6\"\/><polyline points=\"20 1 26 6 20 11\"\/><\/svg><\/div>\r\n              <div class=\"oi-step\">\r\n                <div class=\"oi-step-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"7\" cy=\"12\" r=\"4\"\/><circle cx=\"17\" cy=\"12\" r=\"4\"\/><\/svg><\/div>\r\n                <p class=\"oi-step-name\">Growth<\/p>\r\n                <p class=\"oi-step-desc\">A stronger brand, new possibilities.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"oi-loop-back oi-reveal\">\r\n              <span class=\"oi-loop-back-line left\"><\/span>\r\n              <span class=\"oi-loop-back-text\">And We Do It Again.<\/span>\r\n              <span class=\"oi-loop-back-line right\"><\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 GLOBAL \/ BORDERS \u2550\u2550\u2550 -->\r\n  <section class=\"oi-global-section\">\r\n    <div class=\"oi-wrap\">\r\n      <div class=\"oi-eyebrow-row oi-reveal\">\r\n        <p class=\"oi-eyebrow\">A Broader Perspective<\/p>\r\n        <span class=\"oi-section-num\">04<\/span>\r\n      <\/div>\r\n      <div class=\"oi-global-grid\">\r\n        <div class=\"oi-reveal\">\r\n          <h2 class=\"oi-global-title\"><span class=\"white\">Stories<\/span><br><span class=\"white\">Across<\/span><br><span class=\"accent\">Borders.<\/span><\/h2>\r\n          <p class=\"oi-global-desc\">6 countries, countless stories. From local businesses to international projects, we create content and digital experiences wherever the opportunity is.<\/p>\r\n        <\/div>\r\n        <div class=\"wlq-map oi-reveal\" id=\"wlqMap\">\r\n          <div class=\"wlq-loading\">Loading the map\u2026<\/div>\r\n          <svg id=\"wlqMapSvg\" viewBox=\"0 0 960 500\" preserveAspectRatio=\"xMidYMid meet\" aria-label=\"World map\"><\/svg>\r\n          <div class=\"wlq-tip\" id=\"wlqMapTip\"><\/div>\r\n          <div class=\"wlq-legend\" id=\"wlqMapLegend\"><\/div>\r\n          <div class=\"wlq-controls\">\r\n            <button type=\"button\" data-zoom=\"in\" aria-label=\"Zoom in\">+<\/button>\r\n            <button type=\"button\" data-zoom=\"out\" aria-label=\"Zoom out\">\u2212<\/button>\r\n            <button type=\"button\" data-zoom=\"reset\" aria-label=\"Reset view\">\u27f2<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 CLIENTS \u2550\u2550\u2550 -->\r\n  <section class=\"oi-clients-section\">\r\n    <div class=\"oi-wrap\">\r\n      <div class=\"oi-eyebrow-row oi-reveal\">\r\n        <p class=\"oi-eyebrow\">They Trusted Us<\/p>\r\n        <span class=\"oi-section-num\">05<\/span>\r\n      <\/div>\r\n      <div class=\"oi-clients-header\">\r\n        <h2 class=\"oi-clients-title oi-reveal\"><span class=\"white\">Brands That<\/span><br><span class=\"accent\">Build With Us.<\/span><\/h2>\r\n        <p class=\"oi-clients-desc oi-reveal\">Companies, organisations and creators that chose OLAH to bring their vision to life. Different industries, one common goal: move forward.<\/p>\r\n      <\/div>\r\n      <div class=\"oi-logos-row oi-reveal\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_33.png\" alt=\"Client logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_28.png\" alt=\"Client logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_23.png\" alt=\"Client logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/PU-Negative-1.png\" alt=\"Client logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_12.png\" alt=\"Client logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/Logo-Presseo.png\" alt=\"Presseo logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo_Lumea_Deco_2025_1_rerg.webp\" alt=\"Lumea D\u00e9co logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo-MSC-Cruises-blanc-sur-fond-transparent.png\" alt=\"MSC Cruises logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"oi-logo-item\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo-Mercedes-AMG-blanc-sur-fond-transparent.png\" alt=\"Mercedes-AMG logo\" loading=\"lazy\" width=\"300\" height=\"96\">\r\n      <\/div>\r\n      <div class=\"oi-logos-marquee\" aria-hidden=\"true\">\r\n        <div class=\"oi-logos-track\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_33.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_28.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_23.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/PU-Negative-1.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_12.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/Logo-Presseo.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo_Lumea_Deco_2025_1_rerg.webp\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo-MSC-Cruises-blanc-sur-fond-transparent.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo-Mercedes-AMG-blanc-sur-fond-transparent.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_33.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_28.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_23.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/PU-Negative-1.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept.-2026-10_56_12.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/Logo-Presseo.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo_Lumea_Deco_2025_1_rerg.webp\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo-MSC-Cruises-blanc-sur-fond-transparent.png\" alt=\"\" loading=\"lazy\">\r\n          <img decoding=\"async\" src=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/10\/Logo-Mercedes-AMG-blanc-sur-fond-transparent.png\" alt=\"\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 FINAL CTA \u2550\u2550\u2550 -->\r\n  <section class=\"oi-final-cta\">\r\n    <div class=\"oi-final-bg\"><\/div>\r\n    <div class=\"oi-final-left oi-reveal\">\r\n      <p class=\"oi-final-label\">Next Chapter<\/p>\r\n      <h2 class=\"oi-final-title\">\r\n        <span class=\"white\">Same Vision.<\/span>\r\n        <span class=\"accent\">Further.<\/span>\r\n      <\/h2>\r\n      <a href=\"https:\/\/olah-agency.com\/lets-talk-book-a-stay\/\" class=\"oi-final-btn\">\r\n        Let's Talk\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"oi-final-right oi-reveal\">\r\n      <div class=\"oi-final-vertlist\">\r\n        <p>Brands<\/p>\r\n        <p>People<\/p>\r\n        <p>Places<\/p>\r\n        <p>Opportunities<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/d3\/7.9.0\/d3.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/topojson-client@3.1.0\/dist\/topojson-client.min.js\"><\/script>\r\n<script>\r\n(function(){\r\n  if (typeof d3 === 'undefined' || typeof topojson === 'undefined') return;\r\n  var HIGHLIGHT = {\r\n    \"620\": \"Portugal\",\r\n    \"250\": \"France\",\r\n    \"348\": \"Hungary\",\r\n    \"528\": \"Netherlands\",\r\n    \"056\": \"Belgium\",\r\n    \"100\": \"Bulgaria\"\r\n  };\r\n\r\n  var root = document.getElementById('wlqMap');\r\n  if (!root) return;\r\n  var svg = d3.select('#wlqMapSvg');\r\n  var tip = document.getElementById('wlqMapTip');\r\n  var legend = document.getElementById('wlqMapLegend');\r\n  var W = 960, H = 560;\r\n\r\n  var EUROPE_BOX = {type:\"MultiPoint\", coordinates:[[-24,35],[40,35],[-24,71],[40,71],[8,35],[8,71],[-24,53],[40,53]]};\r\n  var projection = d3.geoConicConformal().parallels([40, 65]).rotate([-12, 0]).center([0, 52])\r\n    .fitExtent([[6,6],[W-6,H-6]], EUROPE_BOX);\r\n  var path = d3.geoPath(projection);\r\n  var g = svg.append('g');\r\n\r\n  var zoom = d3.zoom().scaleExtent([1, 12]).translateExtent([[0,0],[W,H]])\r\n    .filter(function(e){\r\n      if (e.type === 'wheel') return e.ctrlKey;                           \/\/ plain scroll keeps scrolling the page\r\n      if (e.type.indexOf('touch') === 0) return e.touches && e.touches.length > 1; \/\/ one finger scrolls the page\r\n      return !e.button && !e.ctrlKey;\r\n    })\r\n    .on('zoom', function(e){\r\n      g.attr('transform', e.transform);\r\n      g.selectAll('.wlq-country').attr('stroke-width', 0.4 \/ e.transform.k);\r\n    });\r\n  svg.call(zoom);\r\n  svg.style('touch-action', 'pan-y');\r\n\r\n  var EUROPE_IDS = ['008','020','040','112','056','070','100','191','203','208','233','246','250','276','300','348','352','372','380','428','438','440','442','470','498','492','499','528','807','578','616','620','642','674','688','703','705','724','752','756','804','826','336'];\r\n  function isEurope(d){ return EUROPE_IDS.indexOf(pad(d.id)) > -1 || (d.properties && d.properties.name === 'Kosovo'); }\r\n\r\n  function pad(id){ return String(id).padStart(3, '0'); }\r\n\r\n  function zoomTo(feature){\r\n    var geom = feature.geometry;\r\n    if (geom.type === 'MultiPolygon') {\r\n      var best = null, bestA = -1;\r\n      geom.coordinates.forEach(function(c){\r\n        var poly = {type:'Polygon', coordinates:c}, ar = d3.geoArea(poly);\r\n        if (ar > bestA) { bestA = ar; best = poly; }\r\n      });\r\n      geom = best;\r\n    }\r\n    var b = path.bounds(geom);\r\n    var dx = b[1][0] - b[0][0], dy = b[1][1] - b[0][1];\r\n    var cx = (b[0][0] + b[1][0]) \/ 2, cy = (b[0][1] + b[1][1]) \/ 2;\r\n    var k = Math.max(1, Math.min(10, 0.75 \/ Math.max(dx \/ W, dy \/ H)));\r\n    svg.transition().duration(900)\r\n      .call(zoom.transform, d3.zoomIdentity.translate(W\/2, H\/2).scale(k).translate(-cx, -cy));\r\n  }\r\n\r\n  function setActive(id){\r\n    g.selectAll('.wlq-country').classed('is-active', function(d){ return pad(d.id) === id; });\r\n    legend.querySelectorAll('button').forEach(function(btn){\r\n      btn.classList.toggle('is-active', btn.dataset.id === id);\r\n    });\r\n  }\r\n\r\n  function showTip(e, label, isOn){\r\n    var r = root.getBoundingClientRect();\r\n    tip.textContent = label;\r\n    tip.classList.toggle('is-on', isOn);\r\n    tip.style.left = (e.clientX - r.left) + 'px';\r\n    tip.style.top = (e.clientY - r.top) + 'px';\r\n    tip.style.opacity = 1;\r\n  }\r\n\r\n  d3.json('https:\/\/cdn.jsdelivr.net\/npm\/world-atlas@2\/countries-50m.json').then(function(world){\r\n    var loading = root.querySelector('.wlq-loading');\r\n    if (loading) loading.remove();\r\n    var countries = topojson.feature(world, world.objects.countries).features.filter(isEurope).map(function(f){\r\n      \/\/ keep only the European part of multi-territory countries (drops overseas islands, Svalbard, Azores\u2026)\r\n      if (f.geometry.type !== 'MultiPolygon') return f;\r\n      var keep = f.geometry.coordinates.filter(function(c){\r\n        var p = d3.geoCentroid({type:'Polygon', coordinates:c});\r\n        return p[0] > -25 && p[0] < 45 && p[1] > 34 && p[1] < 72;\r\n      });\r\n      return {type:'Feature', id:f.id, properties:f.properties, geometry:{type:'MultiPolygon', coordinates:keep}};\r\n    });\r\n    var byId = {};\r\n\r\n    g.selectAll('path')\r\n      .data(countries)\r\n      .join('path')\r\n      .attr('class', function(d){ return 'wlq-country' + (HIGHLIGHT[pad(d.id)] ? ' is-on' : ''); })\r\n      .attr('d', path)\r\n      .each(function(d){ byId[pad(d.id)] = d; })\r\n      .on('mousemove', function(e, d){\r\n        var id = pad(d.id);\r\n        showTip(e, HIGHLIGHT[id] || (d.properties && d.properties.name) || '', !!HIGHLIGHT[id]);\r\n      })\r\n      .on('mouseleave', function(){ tip.style.opacity = 0; })\r\n      .on('click', function(e, d){\r\n        var id = pad(d.id);\r\n        if (!HIGHLIGHT[id]) return;\r\n        setActive(id);\r\n        zoomTo(d);\r\n      });\r\n\r\n    g.selectAll('.wlq-country.is-on').raise();\r\n\r\n    Object.keys(HIGHLIGHT).forEach(function(id){\r\n      if (!byId[id]) return;\r\n      var btn = document.createElement('button');\r\n      btn.type = 'button';\r\n      btn.dataset.id = id;\r\n      btn.textContent = HIGHLIGHT[id];\r\n      btn.addEventListener('click', function(){ setActive(id); zoomTo(byId[id]); });\r\n      legend.appendChild(btn);\r\n    });\r\n  }).catch(function(){\r\n    var loading = root.querySelector('.wlq-loading');\r\n    if (loading) loading.textContent = 'Unable to load the map.';\r\n  });\r\n\r\n  root.querySelectorAll('[data-zoom]').forEach(function(btn){\r\n    btn.addEventListener('click', function(){\r\n      var a = btn.dataset.zoom;\r\n      if (a === 'in') svg.transition().duration(300).call(zoom.scaleBy, 1.6);\r\n      else if (a === 'out') svg.transition().duration(300).call(zoom.scaleBy, 1\/1.6);\r\n      else { setActive(null); svg.transition().duration(700).call(zoom.transform, d3.zoomIdentity); }\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* \u2500\u2500\u2500 Ensure service card videos autoplay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  document.querySelectorAll('.oi-service-photo video').forEach((v) => {\r\n    v.muted = true;\r\n    v.play().catch(() => {});\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 Services carousel arrows (mobile) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  (function () {\r\n    const row = document.querySelector('.oi-services-row');\r\n    const prev = document.getElementById('oiServicesPrev');\r\n    const next = document.getElementById('oiServicesNext');\r\n    if (!row || !prev || !next) return;\r\n    function cardStep() {\r\n      const card = row.querySelector('.oi-service-card');\r\n      if (!card) return row.clientWidth * 0.42;\r\n      const gap = parseFloat(getComputedStyle(row).gap) || 14;\r\n      return card.getBoundingClientRect().width + gap;\r\n    }\r\n    prev.addEventListener('click', () => { row.scrollBy({ left: -cardStep(), behavior: 'smooth' }); });\r\n    next.addEventListener('click', () => { row.scrollBy({ left: cardStep(), behavior: 'smooth' }); });\r\n  })();\r\n\r\n  \/* \u2500\u2500\u2500 Animated O (Olah Loop center) \u2500\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  (function () {\r\n    var logo = document.getElementById('oiLoopLogo');\r\n    var hole = document.getElementById('oiLoopHole');\r\n    var bar  = document.getElementById('oiLoopBar');\r\n    if (!logo || !hole || !bar) return;\r\n    var HOLE_R = 120, LOOP = 5200;\r\n    var clamp = function (v) { return v < 0 ? 0 : v > 1 ? 1 : v; };\r\n    var seg = function (t, a, b) { return clamp((t - a) \/ (b - a)); };\r\n    var easeOutCubic = function (x) { return 1 - Math.pow(1 - x, 3); };\r\n    var easeInCubic  = function (x) { return x * x * x; };\r\n    var easeOutBack  = function (x) { var c1 = 1.70158, c3 = c1 + 1; return 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2); };\r\n    function render(t) {\r\n      var sIn  = easeOutBack(seg(t, 0, 700));\r\n      var sOut = 1 - easeInCubic(seg(t, 4600, 5100));\r\n      var r    = HOLE_R * easeOutCubic(seg(t, 350, 1150));\r\n      var b    = easeOutBack(seg(t, 1700, 2300));\r\n      var p    = seg(t, 2150, 2550);\r\n      var pop  = 1 + Math.sin(p * Math.PI) * 0.05;\r\n      logo.setAttribute('transform', 'translate(250 250) scale(' + (sIn * sOut * pop) + ') translate(-250 -250)');\r\n      hole.setAttribute('r', r.toFixed(2));\r\n      bar.setAttribute('transform', 'translate(250 0) scale(' + b.toFixed(4) + ' 1) translate(-250 0)');\r\n    }\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { render(3500); return; }\r\n    var start = null, visible = true, rafId = null;\r\n    function frame(now) {\r\n      if (start === null) start = now;\r\n      render((now - start) % LOOP);\r\n      rafId = visible ? requestAnimationFrame(frame) : null;\r\n    }\r\n    rafId = requestAnimationFrame(frame);\r\n    if ('IntersectionObserver' in window) {\r\n      new IntersectionObserver(function (entries) {\r\n        visible = entries[0].isIntersecting;\r\n        if (visible && rafId === null) { start = null; rafId = requestAnimationFrame(frame); }\r\n      }, { threshold: 0 }).observe(logo.ownerSVGElement);\r\n    }\r\n  })();\r\n\r\n  \/* \u2500\u2500\u2500 Scroll reveal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 revealEls = document.querySelectorAll('.oi-reveal');\r\n  if ('IntersectionObserver' in window) {\r\n    const io = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-in');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\r\n    revealEls.forEach((el) => io.observe(el));\r\n  } else {\r\n    revealEls.forEach((el) => el.classList.add('is-in'));\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Counters \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 counters = document.querySelectorAll('[data-count-to]');\r\n  function animateCounter(el) {\r\n    const target = parseFloat(el.getAttribute('data-count-to'));\r\n    const suffix = el.getAttribute('data-suffix') || '';\r\n    const duration = 2600;\r\n    const start = performance.now();\r\n\r\n    function step(now) {\r\n      const t = Math.min((now - start) \/ duration, 1);\r\n      const eased = 1 - Math.pow(1 - t, 3);\r\n      const value = Math.round(target * eased);\r\n      el.textContent = value + suffix;\r\n      if (t < 1) requestAnimationFrame(step);\r\n      else el.textContent = target + suffix;\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    const counterIo = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          animateCounter(entry.target);\r\n          counterIo.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.25, rootMargin: '0px 0px -60px 0px' });\r\n    counters.forEach((el) => counterIo.observe(el));\r\n  } else {\r\n    counters.forEach((el) => {\r\n      const target = parseFloat(el.getAttribute('data-count-to'));\r\n      el.textContent = target + (el.getAttribute('data-suffix') || '');\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n<footer class=\"footer\">\r\n\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\/@charlesverhoye\" 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  <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\/@charlesverhoye\" 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>Impact \u2014 OLAH Agency WORKS WORKS ABOUT ABOUT JOURNAL JOURNAL LET&#8217;S TALK LET&#8217;S TALK MENU CLOSE WORKS ABOUT JOURNAL LET&#8217;S TALK Ideas Brands People Business A Bigger Tomorrow. Impact Creative Solutions Real Impact. From content to websites, from brands to e-commerce, we build complete solutions that help businesses grow. Different industries. Real results. Worldwide. 01 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1512,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1515","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>Impact - Olah Agency - olah-agency.com<\/title>\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\/impact\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Impact - Olah Agency - olah-agency.com\" \/>\n<meta property=\"og:description\" content=\"Impact \u2014 OLAH Agency WORKS WORKS ABOUT ABOUT JOURNAL JOURNAL LET&#8217;S TALK LET&#8217;S TALK MENU CLOSE WORKS ABOUT JOURNAL LET&#8217;S TALK Ideas Brands People Business A Bigger Tomorrow. Impact Creative Solutions Real Impact. From content to websites, from brands to e-commerce, we build complete solutions that help businesses grow. Different industries. Real results. Worldwide. 01 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/olah-agency.com\/fr\/impact\/\" \/>\n<meta property=\"og:site_name\" content=\"olah-agency.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-16T11:40:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-sept.-2026-17_32_58.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2056\" \/>\n\t<meta property=\"og:image:height\" content=\"765\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"36 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/impact\\\/\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/impact\\\/\",\"name\":\"Impact - Olah Agency - olah-agency.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/impact\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/impact\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/ChatGPT-Image-9-sept.-2026-17_32_58.png\",\"datePublished\":\"2026-09-09T15:51:04+00:00\",\"dateModified\":\"2026-10-16T11:40:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/olah-agency.com\\\/impact\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/olah-agency.com\\\/impact\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/impact\\\/#primaryimage\",\"url\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/ChatGPT-Image-9-sept.-2026-17_32_58.png\",\"contentUrl\":\"https:\\\/\\\/olah-agency.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/ChatGPT-Image-9-sept.-2026-17_32_58.png\",\"width\":2056,\"height\":765},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/olah-agency.com\\\/impact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/olah-agency.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Impact &#8211; 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":"Impact - Olah Agency - olah-agency.com","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\/impact\/","og_locale":"fr_FR","og_type":"article","og_title":"Impact - Olah Agency - olah-agency.com","og_description":"Impact \u2014 OLAH Agency WORKS WORKS ABOUT ABOUT JOURNAL JOURNAL LET&#8217;S TALK LET&#8217;S TALK MENU CLOSE WORKS ABOUT JOURNAL LET&#8217;S TALK Ideas Brands People Business A Bigger Tomorrow. Impact Creative Solutions Real Impact. From content to websites, from brands to e-commerce, we build complete solutions that help businesses grow. Different industries. Real results. Worldwide. 01 [&hellip;]","og_url":"https:\/\/olah-agency.com\/fr\/impact\/","og_site_name":"olah-agency.com","article_modified_time":"2026-10-16T11:40:06+00:00","og_image":[{"width":2056,"height":765,"url":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-sept.-2026-17_32_58.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"36 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/olah-agency.com\/impact\/","url":"https:\/\/olah-agency.com\/impact\/","name":"Impact - Olah Agency - olah-agency.com","isPartOf":{"@id":"https:\/\/olah-agency.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/olah-agency.com\/impact\/#primaryimage"},"image":{"@id":"https:\/\/olah-agency.com\/impact\/#primaryimage"},"thumbnailUrl":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-sept.-2026-17_32_58.png","datePublished":"2026-09-09T15:51:04+00:00","dateModified":"2026-10-16T11:40:06+00:00","breadcrumb":{"@id":"https:\/\/olah-agency.com\/impact\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/olah-agency.com\/impact\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/olah-agency.com\/impact\/#primaryimage","url":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-sept.-2026-17_32_58.png","contentUrl":"https:\/\/olah-agency.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-sept.-2026-17_32_58.png","width":2056,"height":765},{"@type":"BreadcrumbList","@id":"https:\/\/olah-agency.com\/impact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/olah-agency.com\/"},{"@type":"ListItem","position":2,"name":"Impact &#8211; 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\/1515","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=1515"}],"version-history":[{"count":77,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/1515\/revisions"}],"predecessor-version":[{"id":2058,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/pages\/1515\/revisions\/2058"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/media\/1512"}],"wp:attachment":[{"href":"https:\/\/olah-agency.com\/fr\/wp-json\/wp\/v2\/media?parent=1515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}