{"id":30906,"date":"2026-06-22T08:07:59","date_gmt":"2026-06-22T08:07:59","guid":{"rendered":"https:\/\/onionlabs.link\/travelart\/?page_id=30906"},"modified":"2026-06-28T18:01:02","modified_gmt":"2026-06-28T18:01:02","slug":"corporate","status":"publish","type":"page","link":"https:\/\/onionlabs.link\/travelart\/corporate\/","title":{"rendered":"Corporate Travel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30906\" class=\"elementor elementor-30906\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bc20876 elementor-section-full_width scheme_extra_default elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"bc20876\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39f11f3 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"39f11f3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b990050 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"b990050\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Paste this whole block into an Elementor HTML widget. Do not include <!DOCTYPE>, <html>, <head>, or <body>. -->\r\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\r\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700;900&amp;family=Outfit:wght@500;700;900&amp;display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n#travelart-corporate-page {\r\n  --green: #00fad3;\r\n      --black: #020202;\r\n      --white: #ffffff;\r\n      --ink: #111111;\r\n      --muted: #686868;\r\n      --line: rgba(0, 0, 0, .13);\r\n      --soft: #f4f4f2;\r\n      --radius: 8px;\r\n}\r\n\r\n#travelart-corporate-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#travelart-corporate-page {\r\n  scroll-behavior: smooth;\r\n      background: var(--black);\r\n      width: 100%;\r\n      max-width: 100%;\r\n}\r\n\r\n#travelart-corporate-page {\r\n  margin: 0;\r\n      padding: 0;\r\n      width: 100%;\r\n      max-width: 100%;\r\n      overflow-x: hidden;\r\n      color: var(--ink);\r\n      background:\r\n        linear-gradient(90deg, rgba(0, 0, 0, .035) 1px, transparent 1px) 0 0 \/ 72px 72px,\r\n        linear-gradient(rgba(0, 0, 0, .035) 1px, transparent 1px) 0 0 \/ 72px 72px,\r\n        var(--white);\r\n      font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n#travelart-corporate-page ::selection {\r\n  color: var(--black);\r\n      background: var(--green);\r\n}\r\n\r\n#travelart-corporate-page a {\r\n  color: inherit; text-decoration: none;\r\n}\r\n\r\n#travelart-corporate-page button, #travelart-corporate-page a {\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n#travelart-corporate-page .progress {\r\n  position: fixed;\r\n      z-index: 100;\r\n      top: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 4px;\r\n      background: var(--green);\r\n}\r\n\r\n#travelart-corporate-page .hero {\r\n  --hero-gutter: clamp(20px, 5vw, 72px);\r\n      position: relative;\r\n      width: 100%;\r\n      left: 0;\r\n      min-height: 100svh;\r\n      display: grid;\r\n      align-items: end;\r\n      overflow: hidden;\r\n      padding: 130px var(--hero-gutter) 46px;\r\n      color: var(--white);\r\n      background:\r\n        radial-gradient(circle at 72% 28%, rgba(0, 250, 211, .20), transparent 28%),\r\n        radial-gradient(circle at 18% 108%, rgba(0, 250, 211, .12), transparent 30%),\r\n        var(--black);\r\n}\r\n\r\n#travelart-corporate-page .hero::before {\r\n  content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      opacity: .25;\r\n      background:\r\n        linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px) 0 0 \/ 72px 72px,\r\n        linear-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px) 0 0 \/ 72px 72px;\r\n      mask-image: linear-gradient(to bottom, transparent, #000 22%, #000);\r\n}\r\n\r\n#travelart-corporate-page .hero::after {\r\n  content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background: linear-gradient(90deg, rgba(2, 2, 2, .88), rgba(2, 2, 2, .22) 58%, transparent);\r\n      pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 Orbiting ring (matches group page pattern) \u2500\u2500 *\/\r\n\r\n#travelart-corporate-page .hero-orbit {\r\n  position: absolute;\r\n      z-index: 2;\r\n      top: 8%;\r\n      right: clamp(-120px, -4vw, -20px);\r\n      width: clamp(380px, 48vw, 700px);\r\n      aspect-ratio: 1;\r\n      border: 1px solid rgba(255, 255, 255, .18);\r\n      border-radius: 50%;\r\n      animation: rotate 28s linear infinite;\r\n}\r\n\r\n#travelart-corporate-page .hero-orbit::before, #travelart-corporate-page .hero-orbit::after {\r\n  content: \"\";\r\n      position: absolute;\r\n      border: 1px solid rgba(255, 255, 255, .11);\r\n      border-radius: 50%;\r\n}\r\n\r\n#travelart-corporate-page .hero-orbit::before {\r\n  inset: 13%;\r\n}\r\n\r\n#travelart-corporate-page .hero-orbit::after {\r\n  inset: 27%;\r\n}\r\n\r\n#travelart-corporate-page .orbit-dot {\r\n  position: absolute;\r\n      display: grid;\r\n      place-items: center;\r\n      width: clamp(64px, 7vw, 92px);\r\n      aspect-ratio: 1;\r\n      border: 4px solid var(--black);\r\n      border-radius: 50%;\r\n      color: var(--black);\r\n      background: var(--green);\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-size: clamp(9px, 1vw, 12px);\r\n      font-weight: 900;\r\n      letter-spacing: .07em;\r\n      text-transform: uppercase;\r\n      animation: rotate-reverse 28s linear infinite;\r\n}\r\n\r\n#travelart-corporate-page .orbit-dot:nth-child(1) {\r\n  top: 3%;  left: 19%;\r\n}\r\n\r\n#travelart-corporate-page .orbit-dot:nth-child(2) {\r\n  top: 46%; right: -4%; background: var(--white);\r\n}\r\n\r\n#travelart-corporate-page .orbit-dot:nth-child(3) {\r\n  bottom: 1%; left: 21%;\r\n}\r\n\r\n\/* \u2500\u2500 Command panel \u2500\u2500 *\/\r\n\r\n#travelart-corporate-page .command-panel {\r\n  position: absolute;\r\n      z-index: 2;\r\n      display: grid;\r\n      gap: 12px;\r\n      right: clamp(20px, 4vw, 56px);\r\n      top: 8%;\r\n      width: min(260px, 36%);\r\n      padding: 18px;\r\n      border: 1px solid rgba(255, 255, 255, .32);\r\n      border-radius: 8px;\r\n      background: rgba(2, 2, 2, .52);\r\n      backdrop-filter: blur(14px);\r\n}\r\n\r\n#travelart-corporate-page .command-logo {\r\n  width: 126px;\r\n      max-width: 100%;\r\n      filter: drop-shadow(0 10px 22px rgba(0, 250, 211, .22));\r\n}\r\n\r\n#travelart-corporate-page .panel-row {\r\n  display: flex;\r\n      justify-content: space-between;\r\n      gap: 14px;\r\n      color: rgba(255, 255, 255, .85);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: .1em;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .panel-row strong {\r\n  color: var(--green);\r\n}\r\n\r\n#travelart-corporate-page .hero-inner {\r\n  position: relative;\r\n      z-index: 3;\r\n      width: min(1240px, 100%);\r\n      margin: 0 auto;\r\n}\r\n\r\n#travelart-corporate-page .eyebrow {\r\n  display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 23px;\r\n      color: var(--green);\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      letter-spacing: .1em;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .eyebrow::before {\r\n  content: \"\";\r\n      width: 42px;\r\n      height: 2px;\r\n      background: currentColor;\r\n}\r\n\r\n#travelart-corporate-page h1, #travelart-corporate-page h2, #travelart-corporate-page h3, #travelart-corporate-page p {\r\n  margin-top: 0;\r\n}\r\n\r\n#travelart-corporate-page h1, #travelart-corporate-page h2, #travelart-corporate-page h3 {\r\n  margin-bottom: 0;\r\n      font-family: \"Outfit\", \"DM Sans\", Arial, sans-serif;\r\n      letter-spacing: -.045em;\r\n}\r\n\r\n#travelart-corporate-page h1 {\r\n  max-width: 1040px;\r\n      width: 100%;\r\n      color: var(--white);\r\n      font-size: clamp(52px, 9.5vw, 128px);\r\n      line-height: .86;\r\n      text-transform: uppercase;\r\n      overflow-wrap: break-word;\r\n}\r\n\r\n#travelart-corporate-page .hero h1 {\r\n  color: var(--white) !important;\r\n      text-shadow: 0 18px 48px rgba(0, 0, 0, .5);\r\n}\r\n\r\n#travelart-corporate-page .stroke {\r\n  display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1px var(--green);\r\n      text-stroke: 1px var(--green);\r\n}\r\n\r\n#travelart-corporate-page .hero h1 .stroke {\r\n  color: transparent !important;\r\n}\r\n\r\n#travelart-corporate-page .hero-bottom {\r\n  display: grid;\r\n      grid-template-columns: minmax(0, 700px) 1fr;\r\n      gap: 36px;\r\n      align-items: end;\r\n      margin-top: 36px;\r\n}\r\n\r\n#travelart-corporate-page .hero-copy {\r\n  margin: 0;\r\n      color: rgba(255, 255, 255, .78);\r\n      font-size: clamp(17px, 2vw, 21px);\r\n      line-height: 1.55;\r\n}\r\n\r\n#travelart-corporate-page .hero-note {\r\n  justify-self: end;\r\n      max-width: 286px;\r\n      padding-left: 18px;\r\n      border-left: 2px solid var(--green);\r\n      color: rgba(255, 255, 255, .68);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      line-height: 1.6;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .marquee {\r\n  position: relative;\r\n  z-index: 4;\r\n  width: 100vw;\r\n  margin-left: calc(-50vw + 50%);\r\n  margin-top: 48px;\r\n  margin-bottom: -46px;\r\n  overflow: hidden;\r\n      color: var(--black);\r\n      background: var(--green);\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .marquee-track {\r\n  display: flex;\r\n      min-width: max-content;\r\n      animation: marquee 28s linear infinite;\r\n}\r\n\r\n#travelart-corporate-page .marquee span {\r\n  padding: 18px 25px; white-space: nowrap;\r\n}\r\n\r\n#travelart-corporate-page .marquee span::after {\r\n  content: \"+\"; margin-left: 50px; color: rgba(0, 0, 0, .48);\r\n}\r\n\r\n#travelart-corporate-page .section {\r\n  padding: clamp(78px, 10vw, 136px) clamp(20px, 5vw, 72px);\r\n}\r\n\r\n#travelart-corporate-page .section-inner {\r\n  width: min(1180px, 100%);\r\n      margin: 0 auto;\r\n}\r\n\r\n#travelart-corporate-page .section-head {\r\n  display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(260px, 410px);\r\n      gap: 40px;\r\n      align-items: end;\r\n      margin-bottom: clamp(36px, 5vw, 62px);\r\n}\r\n\r\n#travelart-corporate-page .section-head h2 {\r\n  font-size: clamp(38px, 6.5vw, 82px);\r\n      line-height: .9;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .section-head p {\r\n  margin: 0;\r\n      color: var(--muted);\r\n      font-size: 16px;\r\n      line-height: 1.65;\r\n}\r\n\r\n#travelart-corporate-page .manifesto {\r\n  display: grid;\r\n      grid-template-columns: minmax(180px, 290px) minmax(0, 1fr);\r\n      gap: clamp(34px, 8vw, 118px);\r\n      align-items: start;\r\n}\r\n\r\n#travelart-corporate-page .section-label {\r\n  display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .section-label::before {\r\n  content: \"\";\r\n      width: 13px;\r\n      height: 13px;\r\n      border: 3px solid var(--black);\r\n      border-radius: 50%;\r\n      background: var(--green);\r\n}\r\n\r\n#travelart-corporate-page .manifesto-copy {\r\n  margin: 0;\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-size: clamp(29px, 4.3vw, 54px);\r\n      font-weight: 900;\r\n      letter-spacing: -.045em;\r\n      line-height: 1.04;\r\n}\r\n\r\n#travelart-corporate-page .manifesto-copy em {\r\n  color: var(--black);\r\n      background: var(--green);\r\n      font-style: normal;\r\n      box-shadow: .18em 0 0 var(--green), -.02em 0 0 var(--green);\r\n}\r\n\r\n#travelart-corporate-page .solutions {\r\n  padding-top: 0;\r\n}\r\n\r\n#travelart-corporate-page .solution-grid {\r\n  display: grid;\r\n      grid-template-columns: repeat(5, minmax(0, 1fr));\r\n      gap: 1px;\r\n      border: 1px solid var(--line);\r\n      background: var(--line);\r\n}\r\n\r\n#travelart-corporate-page .solution-card {\r\n  min-height: 180px;\r\n      display: grid;\r\n      align-content: space-between;\r\n      padding: 24px;\r\n      background: var(--white);\r\n      transition: color .35s ease, background .35s ease, transform .35s ease;\r\n}\r\n\r\n#travelart-corporate-page .solution-card:hover {\r\n  color: var(--white);\r\n      background: var(--black);\r\n      transform: translateY(-4px);\r\n}\r\n\r\n#travelart-corporate-page .solution-card:hover span, #travelart-corporate-page .solution-card:hover h3 {\r\n  color: var(--white) !important;\r\n}\r\n\r\n#travelart-corporate-page .solution-card span {\r\n  color: var(--green);\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-size: 15px;\r\n      font-weight: 900;\r\n}\r\n\r\n#travelart-corporate-page .solution-card h3 {\r\n  max-width: 210px;\r\n      margin-top: 28px;\r\n      font-size: clamp(20px, 1.75vw, 27px);\r\n      line-height: 1;\r\n      text-transform: uppercase;\r\n      overflow-wrap: anywhere;\r\n}\r\n\r\n#travelart-corporate-page .command {\r\n  overflow: hidden;\r\n      color: var(--white);\r\n      background: var(--black);\r\n}\r\n\r\n#travelart-corporate-page .command .section-head h2, #travelart-corporate-page .mice .section-head h2 {\r\n  color: var(--white);\r\n}\r\n\r\n#travelart-corporate-page .command .section-head p, #travelart-corporate-page .mice .section-head p {\r\n  color: rgba(255, 255, 255, .68);\r\n}\r\n\r\n#travelart-corporate-page .command-grid {\r\n  display: grid;\r\n      grid-template-columns: 1.15fr .85fr;\r\n      gap: 16px;\r\n      align-items: stretch;\r\n}\r\n\r\n#travelart-corporate-page .control-board {\r\n  position: relative;\r\n      min-height: 540px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255, 255, 255, .16);\r\n      border-radius: 8px;\r\n      background:\r\n        linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px) 0 0 \/ 56px 56px,\r\n        linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px) 0 0 \/ 56px 56px,\r\n        rgba(255, 255, 255, .035);\r\n}\r\n\r\n#travelart-corporate-page .board-line {\r\n  position: absolute;\r\n      left: 8%;\r\n      width: 102%;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, transparent, var(--green), rgba(255, 255, 255, .82), transparent);\r\n      transform-origin: left center;\r\n}\r\n\r\n#travelart-corporate-page .board-line:nth-child(1) {\r\n  top: 24%; transform: rotate(10deg);\r\n}\r\n\r\n#travelart-corporate-page .board-line:nth-child(2) {\r\n  top: 46%; transform: rotate(-16deg); opacity: .8;\r\n}\r\n\r\n#travelart-corporate-page .board-line:nth-child(3) {\r\n  top: 69%; transform: rotate(8deg); opacity: .55;\r\n}\r\n\r\n#travelart-corporate-page .board-chip {\r\n  position: absolute;\r\n      display: grid;\r\n      place-items: center;\r\n      width: clamp(92px, 11vw, 138px);\r\n      aspect-ratio: 1;\r\n      border: 1px solid rgba(0, 250, 211, .58);\r\n      border-radius: 50%;\r\n      color: var(--black);\r\n      background: var(--green);\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-weight: 900;\r\n      text-align: center;\r\n      text-transform: uppercase;\r\n      box-shadow: 0 0 0 18px rgba(0, 250, 211, .08);\r\n}\r\n\r\n#travelart-corporate-page .board-chip:nth-of-type(4) {\r\n  top: 12%; left: 12%;\r\n}\r\n\r\n#travelart-corporate-page .board-chip:nth-of-type(5) {\r\n  top: 36%; right: 12%; background: var(--white);\r\n}\r\n\r\n#travelart-corporate-page .board-chip:nth-of-type(6) {\r\n  bottom: 12%; left: 36%;\r\n}\r\n\r\n#travelart-corporate-page .metric-grid {\r\n  display: grid;\r\n      gap: 16px;\r\n}\r\n\r\n#travelart-corporate-page .metric-card {\r\n  min-height: 169px;\r\n      display: grid;\r\n      align-content: space-between;\r\n      padding: 24px;\r\n      border: 1px solid rgba(255, 255, 255, .16);\r\n      border-radius: 8px;\r\n      background: rgba(255, 255, 255, .04);\r\n}\r\n\r\n#travelart-corporate-page .metric-card strong {\r\n  color: var(--green);\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-size: clamp(42px, 5.5vw, 76px);\r\n      line-height: .85;\r\n}\r\n\r\n#travelart-corporate-page .metric-card span {\r\n  max-width: 260px;\r\n      color: rgba(255, 255, 255, .68);\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      line-height: 1.45;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .benefit-grid {\r\n  display: grid;\r\n      grid-template-columns: repeat(5, minmax(0, 1fr));\r\n      gap: 1px;\r\n      border: 1px solid var(--line);\r\n      background: var(--line);\r\n}\r\n\r\n#travelart-corporate-page .benefit-card {\r\n  min-height: 330px;\r\n      display: grid;\r\n      align-content: space-between;\r\n      padding: clamp(22px, 2.5vw, 32px);\r\n      background: var(--white);\r\n      overflow: hidden;\r\n      transition: color .35s ease, background .35s ease, transform .35s ease;\r\n}\r\n\r\n#travelart-corporate-page .benefit-card:hover {\r\n  color: var(--white);\r\n      background: var(--black);\r\n      transform: translateY(-4px);\r\n}\r\n\r\n#travelart-corporate-page .benefit-card:hover span {\r\n  border-color: rgba(255, 255, 255, .28);\r\n      color: var(--white) !important;\r\n}\r\n\r\n#travelart-corporate-page .benefit-card:hover h3, #travelart-corporate-page .benefit-card:hover p {\r\n  color: var(--white) !important;\r\n}\r\n\r\n#travelart-corporate-page .benefit-card span {\r\n  justify-self: start;\r\n      padding: 6px 12px;\r\n      border: 1px solid var(--line);\r\n      border-radius: 999px;\r\n      color: var(--muted);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .benefit-card h3 {\r\n  margin-top: 30px;\r\n      font-size: clamp(19px, 1.5vw, 20px);\r\n      line-height: 1;\r\n      text-transform: uppercase;\r\n      overflow-wrap: anywhere;\r\n}\r\n\r\n#travelart-corporate-page .benefit-card p {\r\n  margin: 16px 0 0;\r\n      color: var(--muted);\r\n      font-size: 14px;\r\n      line-height: 1.62;\r\n}\r\n\r\n#travelart-corporate-page .mice {\r\n  color: var(--white);\r\n      background: var(--black);\r\n}\r\n\r\n#travelart-corporate-page .mice-layout {\r\n  display: grid;\r\n      grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);\r\n      gap: clamp(34px, 6vw, 82px);\r\n      align-items: start;\r\n}\r\n\r\n#travelart-corporate-page .mice-copy {\r\n  position: sticky;\r\n      top: 28px;\r\n}\r\n\r\n#travelart-corporate-page .mice-copy h2 {\r\n  color: var(--white);\r\n      font-size: clamp(32px, 6.5vw, 78px);\r\n      line-height: .88;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .mice-copy p {\r\n  margin: 28px 0 0;\r\n      color: rgba(255, 255, 255, .7);\r\n      font-size: 17px;\r\n      line-height: 1.7;\r\n}\r\n\r\n#travelart-corporate-page .mice-list {\r\n  display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 16px;\r\n}\r\n\r\n#travelart-corporate-page .mice-card {\r\n  min-height: 205px;\r\n      display: grid;\r\n      align-content: space-between;\r\n      padding: 24px;\r\n      border: 1px solid rgba(255, 255, 255, .16);\r\n      border-radius: 8px;\r\n      background: rgba(255, 255, 255, .04);\r\n}\r\n\r\n#travelart-corporate-page .mice-card span {\r\n  color: var(--green);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .mice-card h3 {\r\n  color: var(--white);\r\n      font-size: clamp(22px, 2.1vw, 30px);\r\n      line-height: 1;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .mice-video {\r\n  position: relative;\r\n      min-height: 82svh;\r\n      display: grid;\r\n      align-items: end;\r\n      overflow: hidden;\r\n      padding: clamp(72px, 10vw, 132px) clamp(20px, 5vw, 72px);\r\n      color: var(--white);\r\n      background: var(--black);\r\n}\r\n\r\n#travelart-corporate-page .mice-video video {\r\n  position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      width: 100%;\r\n      height: 118%;\r\n      object-fit: cover;\r\n      filter: grayscale(.25) contrast(1.08);\r\n      pointer-events: none;\r\n      transform: scale(1.03);\r\n}\r\n\r\n#travelart-corporate-page .mice-video::after {\r\n  content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background:\r\n        linear-gradient(90deg, rgba(2, 2, 2, .92), rgba(2, 2, 2, .38) 52%, rgba(2, 2, 2, .72)),\r\n        linear-gradient(to top, rgba(2, 2, 2, .82), transparent 46%);\r\n}\r\n\r\n#travelart-corporate-page .mice-video-inner {\r\n  position: relative;\r\n      z-index: 2;\r\n      width: min(1180px, 100%);\r\n      margin: 0 auto;\r\n}\r\n\r\n#travelart-corporate-page .mice-video h2 {\r\n  max-width: 940px;\r\n      color: var(--white);\r\n      font-size: clamp(44px, 7vw, 96px);\r\n      line-height: .88;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .mice-video h2 span {\r\n  display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1px var(--green);\r\n      text-stroke: 1px var(--green);\r\n}\r\n\r\n#travelart-corporate-page .mice-video p {\r\n  max-width: 560px;\r\n      margin: 28px 0 0;\r\n      color: rgba(255, 255, 255, .72);\r\n      font-size: 17px;\r\n      line-height: 1.65;\r\n}\r\n\r\n#travelart-corporate-page .mice-video video::-webkit-media-controls, #travelart-corporate-page .mice-video video::-webkit-media-controls-panel, #travelart-corporate-page .mice-video video::-webkit-media-controls-enclosure, #travelart-corporate-page .mice-video video::-webkit-media-controls-play-button, #travelart-corporate-page .mice-video video::-webkit-media-controls-start-playback-button, #travelart-corporate-page .mice-video video::-webkit-media-controls-overlay-play-button {\r\n  display: none !important;\r\n      opacity: 0 !important;\r\n}\r\n\r\n#travelart-corporate-page .stack-grid {\r\n  display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 16px;\r\n}\r\n\r\n#travelart-corporate-page .stack-card {\r\n  min-height: 300px;\r\n      padding: 28px;\r\n      border: 1px solid var(--line);\r\n      border-radius: 8px;\r\n      background: var(--white);\r\n}\r\n\r\n#travelart-corporate-page .stack-card h3 {\r\n  font-size: clamp(24px, 2.4vw, 34px);\r\n      line-height: 1;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .stack-card ul {\r\n  display: grid;\r\n      gap: 12px;\r\n      margin: 24px 0 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      color: var(--muted);\r\n      font-size: 15px;\r\n      line-height: 1.45;\r\n}\r\n\r\n#travelart-corporate-page .stack-card li {\r\n  display: grid;\r\n      grid-template-columns: 16px 1fr;\r\n      gap: 10px;\r\n      align-items: start;\r\n}\r\n\r\n#travelart-corporate-page .stack-card li::before {\r\n  content: \"\";\r\n      width: 8px;\r\n      aspect-ratio: 1;\r\n      margin-top: 7px;\r\n      border-radius: 50%;\r\n      background: var(--green);\r\n}\r\n\r\n#travelart-corporate-page .cta {\r\n  color: var(--white);\r\n      background: var(--black);\r\n}\r\n\r\n#travelart-corporate-page .cta-inner {\r\n  display: grid;\r\n      justify-items: center;\r\n      overflow: hidden;\r\n      padding: clamp(62px, 9vw, 112px) 20px;\r\n      border: 1px solid rgba(255, 255, 255, .15);\r\n      border-radius: 8px;\r\n      text-align: center;\r\n      background:\r\n        linear-gradient(135deg, rgba(0, 250, 211, .18), transparent 42%),\r\n        rgba(255, 255, 255, .035);\r\n}\r\n\r\n#travelart-corporate-page .cta h2 {\r\n  max-width: 920px;\r\n      color: var(--white);\r\n      font-size: clamp(42px, 7vw, 92px);\r\n      line-height: .9;\r\n      text-transform: uppercase;\r\n}\r\n\r\n#travelart-corporate-page .cta h2 span {\r\n  color: var(--green);\r\n}\r\n\r\n#travelart-corporate-page .cta p {\r\n  max-width: 650px;\r\n      margin: 28px auto 0;\r\n      color: rgba(255, 255, 255, .68);\r\n      font-size: 17px;\r\n      line-height: 1.6;\r\n}\r\n\r\n#travelart-corporate-page .cta-actions {\r\n  display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin-top: 35px;\r\n}\r\n\r\n#travelart-corporate-page .button {\r\n  display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 52px;\r\n      padding: 13px 21px;\r\n      border: 1px solid rgba(255, 255, 255, .2);\r\n      border-radius: 999px;\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n      transition: transform .25s ease, background .25s ease, color .25s ease;\r\n}\r\n\r\n#travelart-corporate-page .button-primary {\r\n  border-color: var(--green);\r\n      color: var(--black);\r\n      background: var(--green);\r\n}\r\n\r\n#travelart-corporate-page .button:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n#travelart-corporate-page.js .reveal {\r\n  opacity: 0;\r\n      transform: translateY(36px);\r\n      transition: opacity .8s ease, transform .8s cubic-bezier(.2, .8, .2, 1);\r\n}\r\n\r\n#travelart-corporate-page.js .reveal.is-visible {\r\n  opacity: 1;\r\n      transform: translateY(0);\r\n}\r\n\r\n#travelart-corporate-page.js .solution-card.reveal, #travelart-corporate-page.js .benefit-card.reveal, #travelart-corporate-page.js .mice-card.reveal, #travelart-corporate-page.js .stack-card.reveal {\r\n  opacity: 1;\r\n      transform: none;\r\n}\r\n\r\n#travelart-corporate-page.embed-mode .progress {\r\n  display: none;\r\n}\r\n\r\n#travelart-corporate-page.embed-mode .hero {\r\n  min-height: clamp(620px, 58vw, 880px); padding-top: 84px;\r\n}\r\n\r\n#travelart-corporate-page.embed-mode .mice-video {\r\n  min-height: clamp(460px, 45vw, 700px);\r\n}\r\n\r\n#travelart-corporate-page.embed-mode .mice-copy {\r\n  position: static;\r\n}\r\n\r\n@keyframes rotate {\r\nto { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes rotate-reverse {\r\nto { transform: rotate(-360deg); }\r\n}\r\n\r\n@keyframes marquee {\r\nto { transform: translateX(-50%); }\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n#travelart-corporate-page .solution-grid, #travelart-corporate-page .benefit-grid {\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n#travelart-corporate-page .stack-grid {\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n}\r\n\r\n@media (max-width: 900px) {\r\n#travelart-corporate-page .hero-orbit {\r\n  top: 14%; right: -160px; opacity: .7;\r\n}\r\n\r\n#travelart-corporate-page .command-panel {\r\n  right: 16px; top: 10%; width: min(220px, 52%);\r\n}\r\n\r\n#travelart-corporate-page .hero-bottom, #travelart-corporate-page .section-head, #travelart-corporate-page .manifesto, #travelart-corporate-page .command-grid, #travelart-corporate-page .mice-layout {\r\n  grid-template-columns: 1fr;\r\n}\r\n\r\n#travelart-corporate-page .hero-note {\r\n  justify-self: start;\r\n}\r\n\r\n#travelart-corporate-page .mice-copy {\r\n  position: static;\r\n}\r\n\r\n#travelart-corporate-page .mice-list {\r\n  grid-template-columns: 1fr;\r\n}\r\n}\r\n\r\n@media (max-width: 600px) {\r\n#travelart-corporate-page .hero-orbit {\r\n  top: 10%; right: -240px; width: 440px; opacity: .45;\r\n}\r\n\r\n#travelart-corporate-page .command-panel {\r\n  display: none;\r\n}\r\n}\r\n\r\n@media (max-width: 560px) {\r\n#travelart-corporate-page .hero {\r\n  min-height: 94svh; padding-top: 108px; padding-bottom: 40px;\r\n}\r\n\r\n#travelart-corporate-page h1 {\r\n  font-size: clamp(50px, 17vw, 78px); line-height: .82;\r\n}\r\n\r\n#travelart-corporate-page .hero-bottom {\r\n  margin-top: 28px;\r\n}\r\n\r\n#travelart-corporate-page .hero-note {\r\n  display: none;\r\n}\r\n\r\n#travelart-corporate-page .marquee {\r\n  margin-bottom: -40px;\r\n}\r\n\r\n#travelart-corporate-page .manifesto-copy {\r\n  font-size: clamp(30px, 10vw, 44px);\r\n}\r\n\r\n#travelart-corporate-page .solution-grid, #travelart-corporate-page .benefit-grid, #travelart-corporate-page .stack-grid {\r\n  grid-template-columns: 1fr;\r\n}\r\n\r\n#travelart-corporate-page .control-board {\r\n  min-height: 420px;\r\n}\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n#travelart-corporate-page *, #travelart-corporate-page *::before, #travelart-corporate-page *::after {\r\n  scroll-behavior: auto !important;\r\n        animation-duration: .001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .001ms !important;\r\n}\r\n}\r\n\r\n\/* Elementor \/ theme override safety layer *\/\r\n#travelart-corporate-page {\r\n  position: relative;\r\n  isolation: isolate;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n}\r\n\r\n#travelart-corporate-page,\r\n#travelart-corporate-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#travelart-corporate-page h1,\r\n#travelart-corporate-page h2,\r\n#travelart-corporate-page h3 {\r\n  font-family: \"Outfit\", \"DM Sans\", Arial, sans-serif !important;\r\n}\r\n\r\n#travelart-corporate-page p,\r\n#travelart-corporate-page a,\r\n#travelart-corporate-page span,\r\n#travelart-corporate-page li {\r\n  font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n#travelart-corporate-page .hero h1,\r\n#travelart-corporate-page .command .section-head h2,\r\n#travelart-corporate-page .mice .section-head h2,\r\n#travelart-corporate-page .mice-copy h2,\r\n#travelart-corporate-page .mice-video h2,\r\n#travelart-corporate-page .cta h2 {\r\n  color: #ffffff !important;\r\n}\r\n\r\n#travelart-corporate-page .stroke,\r\n#travelart-corporate-page .mice-video h2 span {\r\n  color: transparent !important;\r\n}\r\n\r\n#travelart-corporate-page .button,\r\n#travelart-corporate-page .button:hover,\r\n#travelart-corporate-page a,\r\n#travelart-corporate-page a:hover {\r\n  text-decoration: none !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"travelart-corporate-page\">\r\n<div aria-hidden=\"true\" class=\"progress\"><\/div>\r\n<main>\r\n<section class=\"hero\" id=\"top\">\r\n<div aria-hidden=\"true\" class=\"hero-orbit\">\r\n<span class=\"orbit-dot\">Policy<\/span>\r\n<span class=\"orbit-dot\">Care<\/span>\r\n<span class=\"orbit-dot\">MICE<\/span>\r\n<\/div>\r\n<div aria-hidden=\"true\" class=\"command-panel\">\r\n<img decoding=\"async\" alt=\"\" class=\"command-logo\" src=\"travelart-high-resolution-logo-transparent.png\"\/>\r\n<div class=\"panel-row\"><span>Live support<\/span><strong>24\/7<\/strong><\/div>\r\n<div class=\"panel-row\"><span>Compliance<\/span><strong>On<\/strong><\/div>\r\n<div class=\"panel-row\"><span>Global partners<\/span><strong>Ready<\/strong><\/div>\r\n<\/div>\r\n<div class=\"hero-inner\">\r\n<span class=\"eyebrow reveal\">TravelArt Africa - Corporate Travel<\/span>\r\n<h1 class=\"reveal\">Smart travel <span class=\"stroke\">starts here<\/span><\/h1>\r\n<div class=\"hero-bottom\">\r\n<p class=\"hero-copy reveal\">A dedicated Travel Management Company for organizations that need smarter control, safer journeys, sharper reporting, and travel programs that move at the speed of business.<\/p>\r\n<p class=\"hero-note reveal\">Expertly planned. Personally tailored. Built for policy, productivity, savings, and duty of care.<\/p>\r\n<\/div>\r\n<div aria-hidden=\"true\" class=\"marquee\">\r\n<div class=\"marquee-track\">\r\n<span>Flight &amp; rail ticketing<\/span><span>Global hotel access<\/span><span>Visa assistance<\/span><span>Risk assessment<\/span><span>Expense intelligence<\/span><span>MICE delivery<\/span>\r\n<span>Flight &amp; rail ticketing<\/span><span>Global hotel access<\/span><span>Visa assistance<\/span><span>Risk assessment<\/span><span>Expense intelligence<\/span><span>MICE delivery<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"section\">\r\n<div class=\"section-inner manifesto\">\r\n<span class=\"section-label reveal\">The strategic shift<\/span>\r\n<p class=\"manifesto-copy reveal\">Corporate travel should never feel like admin drag. It should become a <em>high-performing business asset<\/em> that protects travelers, controls spend, and keeps teams moving.<\/p>\r\n<\/div>\r\n<\/section>\r\n<section class=\"section solutions\" id=\"solutions\">\r\n<div class=\"section-inner\">\r\n<div class=\"section-head\">\r\n<h2 class=\"reveal\">Our<br\/>solutions<\/h2>\r\n<p class=\"reveal\">We offer an end-to-end suite of corporate travel services, managed through trusted global partners and suppliers, with flexibility for the realities of a fast-moving business world.<\/p>\r\n<\/div>\r\n<div class=\"solution-grid\">\r\n<article class=\"solution-card reveal\"><span>01m<\/span><h3>Flight &amp; rail ticketing<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>02<\/span><h3>Global hotel network access<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>03<\/span><h3>Visa assistance &amp; health advisory<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>04<\/span><h3>Travel insurance<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>05<\/span><h3>Airport transfers &amp; ground transport<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>06<\/span><h3>24\/7\/365 dedicated support<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>07<\/span><h3>Meetings, incentives, conferences &amp; events<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>08<\/span><h3>Corporate booking platform<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>09<\/span><h3>Expense management solutions<\/h3><\/article>\r\n<article class=\"solution-card reveal\"><span>10<\/span><h3>Risk assessment &amp; duty of care<\/h3><\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"section command\" id=\"command\">\r\n<div class=\"section-inner\">\r\n<div class=\"section-head\">\r\n<h2 class=\"reveal\">Travel<br\/>command<\/h2>\r\n<p class=\"reveal\">We move corporate travel away from one-size-fits-all logistics and into a managed system built for compliance, savings, safety, traveler well-being, and clear decision-making.<\/p>\r\n<\/div>\r\n<div class=\"command-grid\">\r\n<div aria-hidden=\"true\" class=\"control-board reveal\">\r\n<span class=\"board-line\"><\/span>\r\n<span class=\"board-line\"><\/span>\r\n<span class=\"board-line\"><\/span>\r\n<span class=\"board-chip\">Book<\/span>\r\n<span class=\"board-chip\">Protect<\/span>\r\n<span class=\"board-chip\">Report<\/span>\r\n<\/div>\r\n<div class=\"metric-grid\">\r\n<div class=\"metric-card reveal\"><strong data-count=\"24\"><\/strong><span>Hour support for travelers, managers, and urgent itinerary changes.<\/span><\/div>\r\n<div class=\"metric-card reveal\"><strong data-count=\"365\"><\/strong><span>Day operating rhythm for organizations with ongoing travel requirements.<\/span><\/div>\r\n<div class=\"metric-card reveal\"><strong data-count=\"100\" data-suffix=\"%\"><\/strong><span>Policy-led booking logic for smarter control and fewer surprises.<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"section benefits\" id=\"benefits\">\r\n<div class=\"section-inner\">\r\n<div class=\"section-head\">\r\n<h2 class=\"reveal\">The<br\/>benefits<\/h2>\r\n<p class=\"reveal\">Strong corporate travel management gives finance, HR, operations, and leadership the visibility they need while giving travelers a smoother, safer experience.<\/p>\r\n<\/div>\r\n<div class=\"benefit-grid\">\r\n<article class=\"benefit-card reveal\">\r\n<span>Compliance<\/span>\r\n<div>\r\n<h3>Policy compliance<\/h3>\r\n<p>Integrate your travel policies into the booking process so every itinerary reflects requirements for class of service, vendors, and budget.<\/p>\r\n<\/div>\r\n<\/article>\r\n<article class=\"benefit-card reveal\">\r\n<span>Reporting<\/span>\r\n<div>\r\n<h3>Actionable expense monitoring<\/h3>\r\n<p>Receive reporting aligned to your accounting categories, with patterns and savings opportunities made visible for better decisions.<\/p>\r\n<\/div>\r\n<\/article>\r\n<article class=\"benefit-card reveal\">\r\n<span>Optimization<\/span>\r\n<div>\r\n<h3>Strategic cost control<\/h3>\r\n<p>Reduce unnecessary spend through practical choices such as better advance booking, smarter routing, and comfort-aware itinerary planning.<\/p>\r\n<\/div>\r\n<\/article>\r\n<article class=\"benefit-card reveal\">\r\n<span>Leverage<\/span>\r\n<div>\r\n<h3>Volume savings<\/h3>\r\n<p>Group bookings, frequent routes, and larger delegations allow us to negotiate better rates across flights, hotels, and ground transport.<\/p>\r\n<\/div>\r\n<\/article>\r\n<article class=\"benefit-card reveal\">\r\n<span>Efficiency<\/span>\r\n<div>\r\n<h3>Administrative efficiency<\/h3>\r\n<p>Centralizing flights, visas, insurance, transfers, and support reduces hidden costs, last-minute surcharges, and internal workload.<\/p>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"section mice\" id=\"mice\">\r\n<div class=\"section-inner mice-layout\">\r\n<div class=\"mice-copy reveal\">\r\n<span class=\"eyebrow\">MICE by TravelArt Africa<\/span>\r\n<h2>Meetings with momentum<\/h2>\r\n<p>Meetings are more than agendas and schedules. They are opportunities to inspire, influence, and engage. We design scalable programs for executive sessions, incentive travel, conferences, global events, and international summits through one trusted team and one streamlined process.<\/p>\r\n<\/div>\r\n<div class=\"mice-list\">\r\n<article class=\"mice-card reveal\"><span>Venue<\/span><h3>Venue selection &amp; site inspection<\/h3><\/article>\r\n<article class=\"mice-card reveal\"><span>Commercial<\/span><h3>Supplier negotiation &amp; budget control<\/h3><\/article>\r\n<article class=\"mice-card reveal\"><span>Logistics<\/span><h3>Travel, accommodation &amp; ground movement<\/h3><\/article>\r\n<article class=\"mice-card reveal\"><span>Experience<\/span><h3>Pre and post conference tours<\/h3><\/article>\r\n<article class=\"mice-card reveal\"><span>Hybrid<\/span><h3>Virtual, hybrid &amp; in-person delivery<\/h3><\/article>\r\n<article class=\"mice-card reveal\"><span>Results<\/span><h3>Efficiency, engagement &amp; measurable impact<\/h3><\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"mice-video\" id=\"mice-wildlife\">\r\n<video aria-hidden=\"true\" autoplay=\"\" controlslist=\"nodownload nofullscreen noremoteplayback\" disablepictureinpicture=\"\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"Final.webp\" preload=\"auto\" tabindex=\"-1\" webkit-playsinline=\"\">\r\n<source src=\"https:\/\/videos.pexels.com\/video-files\/4938477\/4938477-hd_1920_1080_25fps.mp4\" type=\"video\/mp4\"\/>\r\n<\/video>\r\n<div class=\"mice-video-inner\">\r\n<span class=\"eyebrow reveal\">MICE experiences<\/span>\r\n<h2 class=\"reveal\">Beyond the boardroom <span>into the wild<\/span><\/h2>\r\n<p class=\"reveal\">Extend meetings, incentives, and conferences with memorable pre and post-event experiences that turn business travel into a story people keep talking about.<\/p>\r\n<\/div>\r\n<\/section>\r\n<section class=\"section stack\" id=\"production\">\r\n<div class=\"section-inner\">\r\n<div class=\"section-head\">\r\n<h2 class=\"reveal\">Event<br\/>production<\/h2>\r\n<p class=\"reveal\">From strategy and design to show management, AV, branding, content, staging, interpretation, and digital services, we support the details that make business gatherings feel effortless.<\/p>\r\n<\/div>\r\n<div class=\"stack-grid\">\r\n<article class=\"stack-card reveal\">\r\n<h3>Show &amp; stage<\/h3>\r\n<ul>\r\n<li>Show management and run-of-show coordination<\/li>\r\n<li>Audio, video, lighting, rigging, and staging support<\/li>\r\n<li>LED walls, scenic panels, modular sets, and specialty furniture<\/li>\r\n<\/ul>\r\n<\/article>\r\n<article class=\"stack-card reveal\">\r\n<h3>Brand &amp; content<\/h3>\r\n<ul>\r\n<li>Event branding, theme development, and visual asset design<\/li>\r\n<li>Digital signage, banners, posters, and directional signage<\/li>\r\n<li>Video production, motion graphics, templates, and photography<\/li>\r\n<\/ul>\r\n<\/article>\r\n<article class=\"stack-card reveal\">\r\n<h3>Digital &amp; care<\/h3>\r\n<ul>\r\n<li>Registration, check-in, mobile apps, polling, and social walls<\/li>\r\n<li>Webcasting and high-definition event video conferencing<\/li>\r\n<li>Interpretation, site translation, and back-up power support<\/li>\r\n<\/ul>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"section cta\" id=\"corporate-contact\">\r\n<div class=\"section-inner cta-inner reveal\">\r\n<span class=\"eyebrow\">TravelArt Africa corporate<\/span>\r\n<h2>Expertly planned. <span>Personally tailored.<\/span><\/h2>\r\n<p>Build a corporate travel program that gives your people better journeys and gives your organization clearer control.<\/p>\r\n<div class=\"cta-actions\">\r\n<a class=\"button button-primary\" href=\"mailto:info@travelart.africa?subject=Corporate%20travel%20program%20inquiry\">Plan corporate travel<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/main>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script>\r\n\r\n(function () {\r\n  const root = document.getElementById(\"travelart-corporate-page\");\r\n  if (!root) return;\r\n\r\n  root.classList.add(\"js\");\r\n\r\n  if (new URLSearchParams(window.location.search).get(\"embed\") === \"1\") {\r\n    root.classList.add(\"embed-mode\");\r\n  }\r\n\r\n  const hasGSAP = window.gsap && window.ScrollTrigger;\r\n\r\n  const revealElements = root.querySelectorAll(\".reveal\");\r\n  if (\"IntersectionObserver\" in window) {\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"is-visible\");\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12 });\r\n\r\n    revealElements.forEach((el, i) => {\r\n      el.style.transitionDelay = `${Math.min(i % 4, 3) * 80}ms`;\r\n      observer.observe(el);\r\n    });\r\n  } else {\r\n    revealElements.forEach((el) => el.classList.add(\"is-visible\"));\r\n  }\r\n\r\n  const progress = root.querySelector(\".progress\");\r\n  function updateProgress() {\r\n    if (!progress) return;\r\n    const distance = document.documentElement.scrollHeight - window.innerHeight;\r\n    progress.style.width = `${distance > 0 ? (window.scrollY \/ distance) * 100 : 0}%`;\r\n  }\r\n  window.addEventListener(\"scroll\", updateProgress, { passive: true });\r\n  updateProgress();\r\n\r\n  if (hasGSAP) {\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const heroReveals = root.querySelectorAll(\".hero .reveal\");\r\n    if (heroReveals.length) {\r\n      gsap.timeline().from(heroReveals, {\r\n        y: 54,\r\n        duration: .9,\r\n        stagger: .14,\r\n        ease: \"power3.out\"\r\n      });\r\n    }\r\n\r\n    const nodesAndChips = root.querySelectorAll(\".node, .board-chip\");\r\n    if (nodesAndChips.length) {\r\n      gsap.to(nodesAndChips, {\r\n        y: -14,\r\n        duration: 1.9,\r\n        ease: \"sine.inOut\",\r\n        repeat: -1,\r\n        yoyo: true,\r\n        stagger: { each: .18, from: \"random\" }\r\n      });\r\n    }\r\n\r\n    const boardLines = root.querySelectorAll(\".board-line\");\r\n    if (boardLines.length) {\r\n      gsap.to(boardLines, {\r\n        xPercent: 9,\r\n        opacity: .35,\r\n        duration: 1.7,\r\n        ease: \"sine.inOut\",\r\n        repeat: -1,\r\n        yoyo: true,\r\n        stagger: .16\r\n      });\r\n    }\r\n\r\n    const miceVideo = root.querySelector(\".mice-video\");\r\n    const miceVideoEl = root.querySelector(\".mice-video video\");\r\n    if (miceVideo && miceVideoEl) {\r\n      gsap.to(miceVideoEl, {\r\n        yPercent: 10,\r\n        ease: \"none\",\r\n        scrollTrigger: { trigger: miceVideo, start: \"top bottom\", end: \"bottom top\", scrub: true }\r\n      });\r\n    }\r\n\r\n    root.querySelectorAll(\".solution-card, .benefit-card, .mice-card, .stack-card\").forEach((card) => {\r\n      gsap.from(card, {\r\n        y: 34,\r\n        duration: .7,\r\n        ease: \"power2.out\",\r\n        scrollTrigger: { trigger: card, start: \"top 88%\", once: true }\r\n      });\r\n    });\r\n\r\n    root.querySelectorAll(\".metric-card strong\").forEach((el) => {\r\n      const value = Number(el.dataset.count);\r\n      const suffix = el.dataset.suffix || \"\";\r\n      el.textContent = `${value}${suffix}`;\r\n      const obj = { val: 0 };\r\n      gsap.to(obj, {\r\n        val: value,\r\n        duration: 1.5,\r\n        ease: \"power2.out\",\r\n        onUpdate: () => { el.textContent = `${Math.round(obj.val)}${suffix}`; },\r\n        scrollTrigger: { trigger: el, start: \"top 88%\", once: true }\r\n      });\r\n    });\r\n  } else {\r\n    root.querySelectorAll(\".metric-card strong\").forEach((el) => {\r\n      el.textContent = `${el.dataset.count}${el.dataset.suffix || \"\"}`;\r\n    });\r\n  }\r\n\r\n  function forcePlay(v) {\r\n    v.muted = true;\r\n    v.defaultMuted = true;\r\n    v.playsInline = true;\r\n    v.setAttribute(\"muted\", \"\");\r\n    v.setAttribute(\"playsinline\", \"\");\r\n    v.setAttribute(\"webkit-playsinline\", \"\");\r\n    v.removeAttribute(\"controls\");\r\n    v.controls = false;\r\n    const attempt = () => v.play().catch(() => {});\r\n    attempt();\r\n    v.addEventListener(\"canplay\", attempt, { once: true });\r\n    v.addEventListener(\"loadeddata\", attempt, { once: true });\r\n  }\r\n\r\n  const videos = root.querySelectorAll(\"video\");\r\n  if (\"IntersectionObserver\" in window) {\r\n    const vidObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        const v = entry.target;\r\n        if (entry.isIntersecting) { forcePlay(v); }\r\n        else { v.pause(); }\r\n      });\r\n    }, { threshold: 0, rootMargin: \"200px 0px\" });\r\n\r\n    videos.forEach((v) => {\r\n      v.removeAttribute(\"controls\");\r\n      v.controls = false;\r\n      vidObserver.observe(v);\r\n    });\r\n  } else {\r\n    videos.forEach(forcePlay);\r\n  }\r\n\r\n  if (\"MutationObserver\" in window) {\r\n    videos.forEach((v) => {\r\n      new MutationObserver(() => {\r\n        if (v.hasAttribute(\"controls\")) {\r\n          v.removeAttribute(\"controls\");\r\n          v.controls = false;\r\n        }\r\n      }).observe(v, { attributes: true, attributeFilter: [\"controls\"] });\r\n    });\r\n  }\r\n\r\n  function reportHeight() {\r\n    if (window.parent !== window) {\r\n      window.parent.postMessage({\r\n        type: \"travelart-corporate-height\",\r\n        height: root.scrollHeight\r\n      }, \"*\");\r\n    }\r\n  }\r\n\r\n  window.addEventListener(\"load\", reportHeight);\r\n  window.addEventListener(\"resize\", reportHeight);\r\n  if (\"ResizeObserver\" in window) {\r\n    new ResizeObserver(reportHeight).observe(root);\r\n  }\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Policy Care MICE Live support24\/7 ComplianceOn Global partnersReady TravelArt Africa &#8211; Corporate Travel Smart travel starts here A dedicated Travel Management Company for organizations that need smarter control, safer journeys,&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30906","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/comments?post=30906"}],"version-history":[{"count":44,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30906\/revisions"}],"predecessor-version":[{"id":31144,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30906\/revisions\/31144"}],"wp:attachment":[{"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/media?parent=30906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}