{"id":30323,"date":"2026-05-19T09:31:47","date_gmt":"2026-05-19T09:31:47","guid":{"rendered":"https:\/\/onionlabs.link\/travelart\/?page_id=30323"},"modified":"2026-06-28T17:48:05","modified_gmt":"2026-06-28T17:48:05","slug":"leisure-tour","status":"publish","type":"page","link":"https:\/\/onionlabs.link\/travelart\/leisure-tour\/","title":{"rendered":"Leisure Tour"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30323\" class=\"elementor elementor-30323\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a13d19 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"6a13d19\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ced495e sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"ced495e\" 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-ebb3fa9 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"ebb3fa9\" 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<!-- TravelArt Africa | Leisure Tours - Elementor-ready scoped version -->\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=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-leisure-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: 10px;\r\n    }\r\n\r\n#travelart-leisure-page, #travelart-leisure-page * { box-sizing: border-box; }\r\n\r\n#travelart-leisure-page {\r\n      scroll-behavior: smooth;\r\n      background: var(--white);\r\n    }\r\n\r\n#travelart-leisure-page {\r\n      margin: 0;\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-leisure-page ::selection {\r\n      color: var(--black);\r\n      background: var(--green);\r\n    }\r\n\r\n#travelart-leisure-page a { color: inherit; text-decoration: none; }\r\n\r\n#travelart-leisure-page button,\r\n#travelart-leisure-page a { -webkit-tap-highlight-color: transparent; }\r\n\r\n#travelart-leisure-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-leisure-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: var(--black);\r\n    }\r\n\r\n#travelart-leisure-page .hero-media {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n#travelart-leisure-page .hero-media video,\r\n#travelart-leisure-page .hero-media img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      filter: grayscale(.35) contrast(1.1);\r\n      transform: scale(1.06);\r\n    }\r\n\r\n#travelart-leisure-page .hero-media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(90deg, rgba(2, 2, 2, .9), rgba(2, 2, 2, .45) 52%, rgba(2, 2, 2, .82)),\r\n        radial-gradient(circle at 78% 26%, rgba(0, 250, 211, .35), transparent 30%);\r\n    }\r\n\r\n#travelart-leisure-page .hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      opacity: .22;\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 30%, #000);\r\n    }\r\n\r\n#travelart-leisure-page .hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\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#travelart-leisure-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-leisure-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-leisure-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-leisure-page h1,\r\n#travelart-leisure-page h2,\r\n#travelart-leisure-page h3,\r\n#travelart-leisure-page p { margin-top: 0; }\r\n\r\n#travelart-leisure-page h1,\r\n#travelart-leisure-page h2,\r\n#travelart-leisure-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-leisure-page h1 {\r\n      max-width: 1060px;\r\n      font-size: clamp(52px, 10vw, 138px);\r\n      line-height: .8;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-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-leisure-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-leisure-page .hero h1 .stroke {\r\n      color: transparent !important;\r\n    }\r\n\r\n#travelart-leisure-page .hero-bottom {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 660px) 1fr;\r\n      gap: 36px;\r\n      align-items: end;\r\n      margin-top: 36px;\r\n    }\r\n\r\n#travelart-leisure-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-leisure-page .hero-note {\r\n      justify-self: end;\r\n      max-width: 260px;\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: 700;\r\n      line-height: 1.6;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .scroll-cue {\r\n      position: absolute;\r\n      z-index: 3;\r\n      bottom: 96px;\r\n      right: var(--hero-gutter);\r\n      display: grid;\r\n      gap: 10px;\r\n      justify-items: center;\r\n      color: rgba(255, 255, 255, .6);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: .25em;\r\n      text-transform: uppercase;\r\n      writing-mode: vertical-rl;\r\n    }\r\n\r\n#travelart-leisure-page .scroll-cue i {\r\n      width: 1px;\r\n      height: 54px;\r\n      background: linear-gradient(var(--green), transparent);\r\n      animation: drip 1.8s ease-in-out infinite;\r\n    }\r\n\r\n#travelart-leisure-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: 80px;\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-leisure-page .marquee-track {\r\n      display: flex;\r\n      min-width: max-content;\r\n      animation: marquee 26s linear infinite;\r\n    }\r\n\r\n#travelart-leisure-page .marquee span { padding: 18px 25px; white-space: nowrap; }\r\n\r\n#travelart-leisure-page .marquee span::after { content: \"\u2726\"; margin-left: 50px; color: rgba(0,0,0,.5); }\r\n\r\n#travelart-leisure-page .section {\r\n      padding: clamp(78px, 10vw, 136px) clamp(20px, 5vw, 72px);\r\n    }\r\n\r\n#travelart-leisure-page .section-inner {\r\n      width: min(1180px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n#travelart-leisure-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-leisure-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-leisure-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-leisure-page .manifesto-copy {\r\n      margin: 0;\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-size: clamp(29px, 4.4vw, 54px);\r\n      font-weight: 900;\r\n      letter-spacing: -.045em;\r\n      line-height: 1;\r\n    }\r\n\r\n#travelart-leisure-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-leisure-page .experiences { padding-top: 0; }\r\n\r\n#travelart-leisure-page .exp-head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);\r\n      gap: 40px;\r\n      align-items: end;\r\n      margin-bottom: clamp(36px, 5vw, 60px);\r\n    }\r\n\r\n#travelart-leisure-page .exp-head h2 {\r\n      font-size: clamp(40px, 7vw, 88px);\r\n      line-height: .84;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .exp-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-leisure-page .transcript-layout {\r\n      display: grid;\r\n      gap: clamp(36px, 5vw, 56px);\r\n    }\r\n\r\n#travelart-leisure-page .transcript-copy {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 20px clamp(28px, 5vw, 54px);\r\n      padding-top: 4px;\r\n    }\r\n\r\n#travelart-leisure-page .transcript-copy p {\r\n      margin: 0;\r\n      color: var(--muted);\r\n      font-size: 17px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n#travelart-leisure-page .transcript-copy p:first-child {\r\n      color: var(--white);\r\n      font-size: clamp(20px, 2.1vw, 28px);\r\n      font-weight: 900;\r\n      line-height: 1.25;\r\n    }\r\n\r\n#travelart-leisure-page .transcript-copy p:last-child {\r\n      grid-column: 1 \/ -1;\r\n      max-width: 920px;\r\n    }\r\n\r\n#travelart-leisure-page .video-slots {\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-leisure-page .legacy-experiences {\r\n      display: block;\r\n      padding-top: clamp(78px, 10vw, 136px);\r\n      background: var(--white);\r\n    }\r\n\r\n#travelart-leisure-page .legacy-experiences .exp-head {\r\n      padding-bottom: clamp(34px, 5vw, 56px);\r\n      border-bottom: 1px solid var(--line);\r\n    }\r\n\r\n#travelart-leisure-page .legacy-experiences .exp-head h2 {\r\n      max-width: 720px;\r\n      color: var(--black);\r\n      font-size: clamp(42px, 7vw, 88px);\r\n    }\r\n\r\n#travelart-leisure-page .legacy-experiences .transcript-copy {\r\n      position: relative;\r\n      gap: clamp(28px, 4vw, 48px) clamp(34px, 6vw, 74px);\r\n      padding: clamp(42px, 6vw, 72px) 0;\r\n    }\r\n\r\n#travelart-leisure-page .legacy-experiences .transcript-copy p {\r\n      padding-top: 18px;\r\n      border-top: 1px solid var(--line);\r\n    }\r\n\r\n#travelart-leisure-page .legacy-experiences .transcript-copy p:first-child {\r\n      color: var(--black);\r\n      border-top: 3px solid var(--green);\r\n    }\r\n\r\n#travelart-leisure-page .legacy-experiences .transcript-copy p:last-child {\r\n      max-width: none;\r\n      padding: clamp(26px, 4vw, 44px);\r\n      border: 0;\r\n      color: var(--white);\r\n      background: var(--black);\r\n      font-size: clamp(18px, 2.2vw, 25px);\r\n      font-weight: 700;\r\n      line-height: 1.45;\r\n    }\r\n\r\n#travelart-leisure-page .legacy-experiences .video-slots {\r\n      padding-top: clamp(18px, 3vw, 34px);\r\n      border-top: 1px solid var(--line);\r\n    }\r\n\r\n#travelart-leisure-page .leisure-story {\r\n      position: relative;\r\n      overflow: clip;\r\n      padding-top: clamp(82px, 10vw, 140px);\r\n      color: var(--white);\r\n      background: radial-gradient(circle at 10% 8%, rgba(0,250,211,.15), transparent 25%), var(--black);\r\n    }\r\n\r\n#travelart-leisure-page .leisure-story::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: .12;\r\n      pointer-events: none;\r\n      background: linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px) 0 0 \/ 72px 72px,\r\n        linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px) 0 0 \/ 72px 72px;\r\n      mask-image: linear-gradient(#000, transparent 90%);\r\n    }\r\n\r\n#travelart-leisure-page .story-intro {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: minmax(0,1fr) minmax(250px,390px);\r\n      gap: 42px;\r\n      align-items: end;\r\n      margin-bottom: clamp(64px,9vw,120px);\r\n    }\r\n\r\n#travelart-leisure-page .story-intro h2 {\r\n      color: var(--white);\r\n      font-size: clamp(52px,9vw,116px);\r\n      line-height: .78;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .story-intro h2 span {\r\n      display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1px var(--green);\r\n    }\r\n\r\n#travelart-leisure-page .story-intro-copy { padding-left: 22px; border-left: 2px solid var(--green); }\r\n#travelart-leisure-page .story-intro-copy strong { display: block; margin-bottom: 10px; font: 700 20px\/1.2 \"Outfit\",sans-serif; }\r\n#travelart-leisure-page .story-intro-copy p { margin: 0; color: rgba(255,255,255,.66); font-size: 16px; line-height: 1.7; }\r\n\r\n#travelart-leisure-page .story-layout {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: minmax(240px,.72fr) minmax(0,1.5fr);\r\n      gap: clamp(44px,8vw,110px);\r\n      align-items: start;\r\n    }\r\n\r\n#travelart-leisure-page .story-rail {\r\n      position: sticky;\r\n      top: 100px;\r\n      min-height: 430px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      padding: 6px 0 8px 36px;\r\n    }\r\n\r\n#travelart-leisure-page .story-rail-line { position: absolute; inset: 0 auto 0 0; width: 2px; overflow: hidden; background: rgba(255,255,255,.14); }\r\n#travelart-leisure-page .story-rail-progress { display: block; width: 100%; height: 100%; background: var(--green); transform: scaleY(0); transform-origin: top; }\r\n#travelart-leisure-page .story-kicker { color: var(--green); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }\r\n#travelart-leisure-page .story-rail h3 { max-width: 350px; color: var(--white); font-size: clamp(30px,4vw,52px); line-height: .92; text-transform: uppercase; }\r\n#travelart-leisure-page .story-rail-note { max-width: 280px; margin: 0; color: rgba(255,255,255,.5); font-size: 14px; line-height: 1.6; }\r\n#travelart-leisure-page .story-chapters { display: grid; gap: clamp(70px,10vw,130px); }\r\n#travelart-leisure-page .story-card { position: relative; }\r\n\r\n#travelart-leisure-page .story-media {\r\n      position: relative;\r\n      aspect-ratio: 4 \/ 3;\r\n      overflow: hidden;\r\n      border-radius: 12px;\r\n      background: #111;\r\n      isolation: isolate;\r\n    }\r\n\r\n#travelart-leisure-page .story-card:nth-child(even) .story-media { aspect-ratio: 16 \/ 11; }\r\n#travelart-leisure-page .story-media::after { content: \"\"; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top,rgba(2,2,2,.7),transparent 58%); }\r\n#travelart-leisure-page .story-media video { width: 100%; height: 115%; object-fit: cover; transform: translateY(-6%); filter: saturate(.82) contrast(1.06); }\r\n\r\n#travelart-leisure-page .story-number {\r\n      position: absolute;\r\n      z-index: 2;\r\n      top: 18px;\r\n      left: 18px;\r\n      display: grid;\r\n      place-items: center;\r\n      width: 52px;\r\n      height: 52px;\r\n      border-radius: 50%;\r\n      color: var(--black);\r\n      background: var(--green);\r\n      font: 900 13px\/1 \"Outfit\",sans-serif;\r\n    }\r\n\r\n#travelart-leisure-page .story-caption {\r\n      position: relative;\r\n      z-index: 3;\r\n      width: calc(100% - 32px);\r\n      margin: -66px 0 0 32px;\r\n      padding: clamp(24px,4vw,38px);\r\n      border: 1px solid rgba(255,255,255,.14);\r\n      border-radius: 10px 0 10px 10px;\r\n      background: rgba(10,10,10,.9);\r\n      backdrop-filter: blur(14px);\r\n    }\r\n\r\n#travelart-leisure-page .story-caption span { color: var(--green); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }\r\n#travelart-leisure-page .story-caption h3 { margin-top: 9px; color: var(--white); font-size: clamp(27px,4vw,43px); line-height: .95; text-transform: uppercase; }\r\n#travelart-leisure-page .story-caption p { max-width: 620px; margin: 15px 0 0; color: rgba(255,255,255,.62); font-size: 15px; line-height: 1.7; }\r\n\r\n#travelart-leisure-page .exp-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 16px;\r\n    }\r\n\r\n#travelart-leisure-page .exp-card {\r\n      position: relative;\r\n      min-height: clamp(320px, 42vw, 460px);\r\n      display: flex;\r\n      align-items: flex-end;\r\n      overflow: hidden;\r\n      border-radius: var(--radius);\r\n      color: var(--white);\r\n      background: var(--black);\r\n      isolation: isolate;\r\n    }\r\n\r\n#travelart-leisure-page .exp-card video,\r\n#travelart-leisure-page .exp-card img {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transform: scale(1.05);\r\n      transition: transform 1s cubic-bezier(.2, .8, .2, 1);\r\n    }\r\n\r\n#travelart-leisure-page .exp-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background: linear-gradient(to top, rgba(2, 2, 2, .88) 4%, rgba(2, 2, 2, .25) 55%, rgba(2, 2, 2, .35));\r\n      transition: background .4s ease;\r\n    }\r\n\r\n#travelart-leisure-page .exp-card:hover video,\r\n#travelart-leisure-page .exp-card:hover img { transform: scale(1.12); }\r\n\r\n#travelart-leisure-page .exp-card:hover::after {\r\n      background: linear-gradient(to top, rgba(2, 2, 2, .9) 6%, rgba(0, 250, 211, .14) 60%, rgba(2, 2, 2, .3));\r\n    }\r\n\r\n#travelart-leisure-page .exp-body {\r\n      position: relative;\r\n      z-index: 2;\r\n      padding: clamp(22px, 3vw, 34px);\r\n    }\r\n\r\n#travelart-leisure-page .exp-index {\r\n      display: inline-block;\r\n      margin-bottom: 14px;\r\n      padding: 5px 12px;\r\n      border: 1px solid rgba(255, 255, 255, .35);\r\n      border-radius: 999px;\r\n      color: var(--green);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .exp-card h3 {\r\n      color: var(--white);\r\n      font-size: clamp(25px, 3vw, 40px);\r\n      line-height: .95;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .exp-card p {\r\n      max-width: 360px;\r\n      margin: 14px 0 0;\r\n      color: rgba(255, 255, 255, .76);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n#travelart-leisure-page .video-slot {\r\n      min-height: 0;\r\n      aspect-ratio: 16 \/ 9;\r\n      border-radius: 8px;\r\n    }\r\n\r\n#travelart-leisure-page .video-slot .exp-body {\r\n      display: grid;\r\n      min-height: 100%;\r\n      align-content: end;\r\n      padding: clamp(18px, 2vw, 24px);\r\n    }\r\n\r\n#travelart-leisure-page .video-slot h3 {\r\n      font-size: clamp(22px, 2.1vw, 30px);\r\n    }\r\n\r\n#travelart-leisure-page .video-slot .exp-index {\r\n      max-width: 100%;\r\n      white-space: normal;\r\n    }\r\n\r\n#travelart-leisure-page .video-slot p {\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n#travelart-leisure-page .video-slot .exp-index {\r\n      margin-bottom: 10px;\r\n      font-size: 10px;\r\n    }\r\n\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-panel,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-enclosure,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-play-button,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-start-playback-button,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-overlay-play-button,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-current-time-display,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-time-remaining-display,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-timeline,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-mute-button,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-volume-slider,\r\n#travelart-leisure-page .video-slot video::-webkit-media-controls-fullscreen-button {\r\n      display: none !important;\r\n      opacity: 0 !important;\r\n    }\r\n\r\n#travelart-leisure-page .video-slot video {\r\n      pointer-events: none;\r\n      -webkit-appearance: none;\r\n      appearance: none;\r\n    }\r\n\r\n#travelart-leisure-page .journey {\r\n      overflow: hidden;\r\n      color: var(--white);\r\n      background: var(--black);\r\n    }\r\n\r\n#travelart-leisure-page .journey-head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(240px, 380px);\r\n      gap: 40px;\r\n      align-items: end;\r\n      padding-bottom: clamp(46px, 7vw, 82px);\r\n      border-bottom: 1px solid rgba(255, 255, 255, .16);\r\n    }\r\n\r\n#travelart-leisure-page .journey h2 {\r\n      max-width: 820px;\r\n      color: var(--white);\r\n      font-size: clamp(42px, 7.6vw, 94px);\r\n      line-height: .82;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .journey-head p {\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, .67);\r\n      font-size: 17px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n#travelart-leisure-page .steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n    }\r\n\r\n#travelart-leisure-page .step {\r\n      position: relative;\r\n      min-height: 260px;\r\n      padding: 34px 22px 0 0;\r\n      border-right: 1px solid rgba(255, 255, 255, .16);\r\n    }\r\n\r\n#travelart-leisure-page .step:not(:first-child) { padding-left: 24px; }\r\n\r\n#travelart-leisure-page .step:last-child { border-right: 0; }\r\n\r\n#travelart-leisure-page .step-index {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 48px;\r\n      height: 48px;\r\n      margin-bottom: 42px;\r\n      border: 1px solid rgba(255, 255, 255, .22);\r\n      border-radius: 50%;\r\n      color: var(--green);\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-weight: 900;\r\n    }\r\n\r\n#travelart-leisure-page .step h3 {\r\n      color: var(--white);\r\n      font-size: 23px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .step p {\r\n      margin: 12px 0 0;\r\n      color: rgba(255, 255, 255, .55);\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n#travelart-leisure-page .tiers { padding-bottom: 0; }\r\n\r\n#travelart-leisure-page .tiers .exp-head h2 {\r\n      color: var(--black);\r\n    }\r\n\r\n#travelart-leisure-page .tier-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1px;\r\n      border: 1px solid var(--line);\r\n      background: var(--line);\r\n    }\r\n\r\n#travelart-leisure-page .tier {\r\n      position: relative;\r\n      min-height: 340px;\r\n      display: grid;\r\n      align-content: space-between;\r\n      overflow: hidden;\r\n      padding: clamp(24px, 3vw, 38px);\r\n      background: var(--white);\r\n      transition: color .35s ease, background .35s ease;\r\n    }\r\n\r\n#travelart-leisure-page .tier:hover { color: var(--white); background: var(--black); }\r\n\r\n#travelart-leisure-page .tier:hover h3 { color: var(--white); }\r\n\r\n#travelart-leisure-page .tier:hover p { color: rgba(255, 255, 255, .7); }\r\n\r\n#travelart-leisure-page .tier:hover .tier-tag { border-color: var(--green); color: var(--green); }\r\n\r\n#travelart-leisure-page .tier-tag {\r\n      justify-self: start;\r\n      padding: 6px 13px;\r\n      border: 1px solid var(--line);\r\n      border-radius: 999px;\r\n      color: var(--muted);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n      transition: color .35s ease, border-color .35s ease;\r\n    }\r\n\r\n#travelart-leisure-page .tier h3 {\r\n      margin-top: 28px;\r\n      color: var(--black);\r\n      font-size: clamp(27px, 3vw, 40px);\r\n      line-height: .95;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .tier h3 b { color: var(--green); font-weight: inherit; }\r\n\r\n#travelart-leisure-page .tier p {\r\n      max-width: 300px;\r\n      margin: 16px 0 0;\r\n      color: var(--muted);\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n      transition: color .35s ease;\r\n    }\r\n\r\n#travelart-leisure-page .band {\r\n      position: relative;\r\n      display: grid;\r\n      place-items: center;\r\n      min-height: 78svh;\r\n      overflow: hidden;\r\n      padding: clamp(60px, 9vw, 120px) clamp(20px, 5vw, 72px);\r\n      color: var(--white);\r\n      text-align: center;\r\n      background: var(--black);\r\n    }\r\n\r\n#travelart-leisure-page .band video,\r\n#travelart-leisure-page .band img {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      filter: grayscale(.4) contrast(1.08);\r\n    }\r\n\r\n#travelart-leisure-page .band::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background:\r\n        radial-gradient(circle at center, rgba(2, 2, 2, .45), rgba(2, 2, 2, .82)),\r\n        linear-gradient(rgba(0, 250, 211, .06), transparent);\r\n    }\r\n\r\n#travelart-leisure-page .band-inner { position: relative; z-index: 2; }\r\n\r\n#travelart-leisure-page .band h2 {\r\n      max-width: 980px;\r\n      font-size: clamp(44px, 8.5vw, 122px);\r\n      line-height: .8;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .band 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-leisure-page .band p {\r\n      max-width: 540px;\r\n      margin: 26px auto 0;\r\n      color: rgba(255, 255, 255, .72);\r\n      font-size: 17px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n#travelart-leisure-page .impact {\r\n      background: var(--white);\r\n      border-top: 1px solid var(--line);\r\n    }\r\n\r\n#travelart-leisure-page .impact-grid {\r\n      width: min(1180px, 100%);\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 1px;\r\n      border: 1px solid var(--line);\r\n      background: var(--line);\r\n    }\r\n\r\n#travelart-leisure-page .metric {\r\n      min-height: 190px;\r\n      display: grid;\r\n      align-content: space-between;\r\n      padding: 24px;\r\n      background: var(--white);\r\n    }\r\n\r\n#travelart-leisure-page .metric strong {\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-size: clamp(36px, 5.4vw, 66px);\r\n      line-height: .9;\r\n    }\r\n\r\n#travelart-leisure-page .metric strong i { font-style: normal; color: var(--green); }\r\n\r\n#travelart-leisure-page .metric span {\r\n      max-width: 170px;\r\n      color: var(--muted);\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      line-height: 1.35;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .cta {\r\n      padding-top: clamp(78px, 9vw, 112px);\r\n      padding-bottom: clamp(78px, 9vw, 112px);\r\n      color: var(--white);\r\n      background: var(--black);\r\n    }\r\n\r\n#travelart-leisure-page .cta-inner {\r\n      position: relative;\r\n      display: grid;\r\n      justify-items: center;\r\n      overflow: hidden;\r\n      padding: clamp(60px, 9vw, 110px) 20px;\r\n      border: 1px solid rgba(255, 255, 255, .15);\r\n      border-radius: var(--radius);\r\n      text-align: center;\r\n      background:\r\n        radial-gradient(circle at center, rgba(0, 250, 211, .16), transparent 40%),\r\n        rgba(255, 255, 255, .025);\r\n    }\r\n\r\n#travelart-leisure-page .cta h2 {\r\n      max-width: 900px;\r\n      color: var(--white);\r\n      font-size: clamp(42px, 7.8vw, 96px);\r\n      line-height: .83;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-leisure-page .cta h2 span { color: var(--green); }\r\n\r\n#travelart-leisure-page .cta p {\r\n      max-width: 620px;\r\n      margin: 28px auto 0;\r\n      color: rgba(255, 255, 255, .65);\r\n      font-size: 17px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n#travelart-leisure-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-leisure-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-leisure-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-leisure-page .button:hover { transform: translateY(-3px); }\r\n\r\n#travelart-leisure-page .button-secondary:hover { color: var(--black); background: var(--white); }\r\n\r\n#travelart-leisure-page.ta-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-leisure-page.ta-js .reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n#travelart-leisure-page.embed-mode .progress { display: none; }\r\n\r\n#travelart-leisure-page.embed-mode .hero { min-height: clamp(600px, 58vw, 880px); padding-top: 84px; }\r\n\r\n#travelart-leisure-page.embed-mode .band { min-height: clamp(440px, 40vw, 640px); }\r\n\r\n@keyframes marquee { to { transform: translateX(-50%); } }\r\n\r\n@keyframes drip {\r\n      0%, 100% { opacity: .2; transform: scaleY(.4); transform-origin: top; }\r\n      50% { opacity: 1; transform: scaleY(1); transform-origin: top; }\r\n    }\r\n\r\n@media (max-width: 900px) {\r\n#travelart-leisure-page .story-intro { grid-template-columns: 1fr; }\r\n#travelart-leisure-page .story-layout { grid-template-columns: minmax(190px,.6fr) minmax(0,1.4fr); gap: 42px; }\r\n#travelart-leisure-page .hero-bottom,\r\n#travelart-leisure-page .manifesto,\r\n#travelart-leisure-page .exp-head,\r\n#travelart-leisure-page .journey-head,\r\n#travelart-leisure-page .transcript-layout { grid-template-columns: 1fr; }\r\n\r\n#travelart-leisure-page .transcript-copy { grid-template-columns: 1fr; }\r\n\r\n#travelart-leisure-page .transcript-copy p:last-child { grid-column: auto; }\r\n\r\n#travelart-leisure-page .hero-note { justify-self: start; }\r\n\r\n#travelart-leisure-page .scroll-cue { display: none; }\r\n\r\n#travelart-leisure-page .exp-grid { grid-template-columns: 1fr; }\r\n\r\n#travelart-leisure-page .video-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n\r\n#travelart-leisure-page .tier-grid { grid-template-columns: 1fr; }\r\n\r\n#travelart-leisure-page .steps { grid-template-columns: repeat(2, 1fr); }\r\n\r\n#travelart-leisure-page .step:nth-child(2) { border-right: 0; }\r\n\r\n#travelart-leisure-page .step:nth-child(3),\r\n#travelart-leisure-page .step:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, .16); }\r\n\r\n#travelart-leisure-page .impact-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n#travelart-leisure-page .story-intro { margin-bottom: 58px; }\r\n#travelart-leisure-page .story-intro h2 { font-size: clamp(48px,17vw,76px); }\r\n#travelart-leisure-page .story-layout { grid-template-columns: 1fr; }\r\n#travelart-leisure-page .story-rail { position: relative; top: auto; min-height: 0; gap: 22px; padding-left: 26px; }\r\n#travelart-leisure-page .story-chapters { gap: 76px; }\r\n#travelart-leisure-page .story-caption { width: calc(100% - 14px); margin-left: 14px; }\r\n#travelart-leisure-page .hero { min-height: 94svh; padding-top: 108px; padding-bottom: 40px; }\r\n\r\n#travelart-leisure-page h1 { font-size: clamp(46px, 15vw, 70px); line-height: .82; }\r\n\r\n#travelart-leisure-page .hero-bottom { margin-top: 28px; }\r\n\r\n#travelart-leisure-page .hero-note { display: none; }\r\n\r\n#travelart-leisure-page .marquee { margin-bottom: -40px; }\r\n\r\n#travelart-leisure-page .manifesto-copy { font-size: clamp(28px, 9vw, 40px); }\r\n\r\n#travelart-leisure-page .video-slots { grid-template-columns: 1fr; }\r\n\r\n#travelart-leisure-page .steps { grid-template-columns: 1fr; }\r\n\r\n#travelart-leisure-page .step,\r\n#travelart-leisure-page .step:not(:first-child) {\r\n        min-height: auto;\r\n        padding: 28px 0;\r\n        border-top: 1px solid rgba(255, 255, 255, .16);\r\n        border-right: 0;\r\n      }\r\n\r\n#travelart-leisure-page .step-index { margin-bottom: 22px; }\r\n\r\n#travelart-leisure-page .impact-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n#travelart-leisure-page .story-rail-progress { transform: scaleY(1); }\r\n#travelart-leisure-page, #travelart-leisure-page *,\r\n#travelart-leisure-page *::before,\r\n#travelart-leisure-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\r\n\/* Elementor\/theme priority helpers *\/\r\n.elementor-page #travelart-leisure-page,\r\n.elementor-page #travelart-leisure-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page h1,\r\n.elementor-page #travelart-leisure-page h2,\r\n.elementor-page #travelart-leisure-page h3 {\r\n  font-family: \"Outfit\", \"DM Sans\", Arial, sans-serif !important;\r\n  letter-spacing: -.045em !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .hero h1 {\r\n  color: #ffffff !important;\r\n  font-size: clamp(52px, 10vw, 138px) !important;\r\n  line-height: .82 !important;\r\n  text-transform: uppercase !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .exp-head h2 {\r\n  font-size: clamp(40px, 7vw, 88px) !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .legacy-experiences .exp-head h2 {\r\n  color: #020202 !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .tiers .exp-head h2 {\r\n  color: #020202 !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .tier h3 {\r\n  color: #020202 !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .tier:hover h3 {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .journey h2 {\r\n  font-size: clamp(42px, 7.6vw, 94px) !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .band h2 {\r\n  font-size: clamp(44px, 8.5vw, 122px) !important;\r\n}\r\n\r\n.elementor-page #travelart-leisure-page .cta h2 {\r\n  font-size: clamp(42px, 7.8vw, 96px) !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"travelart-leisure-page\" class=\"ta-js\">\r\n  <div class=\"progress\" aria-hidden=\"true\"><\/div>\r\n\r\n  <main>\r\n    <!-- ==========  HERO  ========== -->\r\n    <section class=\"hero\" id=\"top\">\r\n      <div class=\"hero-media\" aria-hidden=\"true\">\r\n        <video autoplay muted loop playsinline poster=\"Final.webp\">\r\n          <source src=\"https:\/\/videos.pexels.com\/video-files\/2169880\/2169880-hd_1920_1080_30fps.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n      <\/div>\r\n\r\n      <div class=\"hero-inner\">\r\n        <span class=\"eyebrow reveal\">TravelArt Africa \u00b7 Leisure Tours<\/span>\r\n        <h1 class=\"reveal\">Your next <span class=\"stroke\">adventure<\/span> starts here<\/h1>\r\n\r\n        <div class=\"hero-bottom\">\r\n          <p class=\"hero-copy reveal\">Customized itineraries and holiday packages crafted around your budget, interests, and travel aspirations. Travel that goes beyond the destination, into meaningful experiences and stories that become part of your life.<\/p>\r\n          <p class=\"hero-note reveal\">Personalized African safaris &amp; immersive journeys. Luxury, midrange &amp; value, all designed with a personal touch.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"marquee\" aria-hidden=\"true\">\r\n          <div class=\"marquee-track\">\r\n            <span>Big Five safaris<\/span><span>Tropical beaches<\/span><span>Vibrant cultures<\/span><span>Breathtaking landscapes<\/span><span>Plan less, experience more<\/span>\r\n            <span>Big Five safaris<\/span><span>Tropical beaches<\/span><span>Vibrant cultures<\/span><span>Breathtaking landscapes<\/span><span>Plan less, experience more<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"scroll-cue\" aria-hidden=\"true\">Scroll <i><\/i><\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========  MANIFESTO  ========== -->\r\n    <section class=\"section\">\r\n      <div class=\"section-inner manifesto\">\r\n        <span class=\"section-label reveal\">The leisure promise<\/span>\r\n        <p class=\"manifesto-copy reveal\">Travel is more than a destination. It is <em>meaningful experiences<\/em>, authentic connections, and stories worth collecting, crafted with integrity and a personal touch you can trust.<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========  LEISURE STORY  ========== -->\r\n    <section class=\"section leisure-story\" id=\"experiences\">\r\n      <div class=\"section-inner\">\r\n        <div class=\"story-intro\">\r\n          <h2 class=\"reveal\">Not just a trip.<span>Your story.<\/span><\/h2>\r\n          <div class=\"story-intro-copy reveal\">\r\n            <strong>Leisure, designed around you.<\/strong>\r\n            <p>We turn your interests, pace, budget, and wildest travel ideas into one seamless African journey.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"story-layout\">\r\n          <aside class=\"story-rail\" aria-label=\"Leisure story progress\">\r\n            <span class=\"story-rail-line\" aria-hidden=\"true\"><i class=\"story-rail-progress\"><\/i><\/span>\r\n            <span class=\"story-kicker\">The journey unfolds<\/span>\r\n            <h3>Four ways to feel Africa<\/h3>\r\n            <p class=\"story-rail-note\">Scroll through the moments. We connect them into an itinerary that feels entirely your own.<\/p>\r\n          <\/aside>\r\n          <div class=\"story-chapters\">\r\n            <article class=\"story-card\">\r\n              <div class=\"story-media\">\r\n                <video autoplay muted loop playsinline preload=\"auto\" poster=\"Final.webp\" aria-hidden=\"true\"><source src=\"https:\/\/videos.pexels.com\/video-files\/4938477\/4938477-hd_1920_1080_25fps.mp4\" type=\"video\/mp4\"><\/video>\r\n                <span class=\"story-number\">01<\/span>\r\n              <\/div>\r\n              <div class=\"story-caption\"><span>Wildlife \u00b7 Wonder<\/span><h3>Meet the wild<\/h3><p>Track the Big Five with expert guides, then return to a lodge chosen for your kind of comfort. Every sighting stays spontaneous; every detail around it is thoughtfully planned.<\/p><\/div>\r\n            <\/article>\r\n            <article class=\"story-card\">\r\n              <div class=\"story-media\">\r\n                <video autoplay muted loop playsinline preload=\"auto\" poster=\"Final.webp\" aria-hidden=\"true\"><source src=\"https:\/\/videos.pexels.com\/video-files\/5918578\/5918578-hd_1920_1080_30fps.mp4\" type=\"video\/mp4\"><\/video>\r\n                <span class=\"story-number\">02<\/span>\r\n              <\/div>\r\n              <div class=\"story-caption\"><span>Coast \u00b7 Stillness<\/span><h3>Let time slow down<\/h3><p>Trade game drives for warm water, open skies, and unhurried coastal days. We balance discovery with the breathing room a real holiday deserves.<\/p><\/div>\r\n            <\/article>\r\n            <article class=\"story-card\">\r\n              <div class=\"story-media\">\r\n                <video autoplay muted loop playsinline preload=\"auto\" poster=\"Final.webp\" aria-hidden=\"true\"><source src=\"https:\/\/videos.pexels.com\/video-files\/6195397\/6195397-hd_1920_1080_25fps.mp4\" type=\"video\/mp4\"><\/video>\r\n                <span class=\"story-number\">03<\/span>\r\n              <\/div>\r\n              <div class=\"story-caption\"><span>Culture \u00b7 Connection<\/span><h3>Go beyond the view<\/h3><p>Meet people, hear the stories behind each place, and experience living heritage with respect. Trusted local partners make every encounter more genuine.<\/p><\/div>\r\n            <\/article>\r\n            <article class=\"story-card\">\r\n              <div class=\"story-media\">\r\n                <video autoplay muted loop playsinline preload=\"auto\" poster=\"Final.webp\" aria-hidden=\"true\"><source src=\"https:\/\/videos.pexels.com\/video-files\/7421701\/7421701-hd_1920_1080_25fps.mp4\" type=\"video\/mp4\"><\/video>\r\n                <span class=\"story-number\">04<\/span>\r\n              <\/div>\r\n              <div class=\"story-caption\"><span>Landscape \u00b7 Freedom<\/span><h3>Follow the horizon<\/h3><p>From vast plains to dramatic trails, your route follows what moves you. We handle transport, timing, and special touches; you stay present for the story.<\/p><\/div>\r\n            <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Original client copy retained as the detailed editorial section -->\r\n    <section class=\"section experiences legacy-experiences\" aria-labelledby=\"leisure-details-title\">\r\n      <div class=\"section-inner\">\r\n        <div class=\"exp-head\">\r\n          <h2 class=\"reveal\" id=\"leisure-details-title\">How we craft<br>your leisure tour<\/h2>\r\n          <p class=\"reveal\">Travelart Africa builds on your expectations to professionally design customized itineraries and holiday packages tailored to your budget, interests, and travel aspirations. We believe travel is more than visiting a destination - it is about creating meaningful experiences, forming authentic connections, and collecting stories that become part of your life's journey.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"transcript-layout\">\r\n          <div class=\"transcript-copy reveal\">\r\n            <p>Our mission is to transform your dreams into carefully crafted adventures delivered with integrity, expertise, and a personal touch you can trust.<\/p>\r\n            <p>We understand that planning a memorable trip can feel overwhelming in a world of endless choices. That is why our process is designed to be warm, engaging, and enjoyable from the very first inquiry. Our skilled tour consultants take time to understand your preferences, expectations, and budget. Whether you dream of spotting the Big Five, unwinding on a tropical beach, exploring vibrant cultures, or venturing through breathtaking landscapes, we tailor every detail to reflect your unique interests and travel style.<\/p>\r\n            <p>Specializing in personalized African safaris and immersive journeys, we are passionate about showcasing the continent's extraordinary landscapes, diverse wildlife, and rich cultural heritage. Each itinerary is thoughtfully curated for luxury, midrange, or value-focused travelers, ensuring exceptional quality and transparent pricing. We believe unforgettable experiences should offer genuine value, often exceeding our guests' expectations.<\/p>\r\n            <p>Through our destination expertise and trusted industry partnerships, we seamlessly blend comfort with authenticity. From luxury lodges and boutique camps to cultural encounters and conservation-focused experiences, every aspect of your journey is carefully arranged. Our professional guides deliver safe, insightful, and respectful experiences, maintaining flexibility in the wild while prioritizing your comfort and enjoyment.<\/p>\r\n            <p>Attention to detail defines our approach. We consider guests' interests, ages, occasions, and travel timelines to create truly personal journeys. From accommodations and transportation to excursions and special touches, we manage logistics with precision and clear communication throughout.<\/p>\r\n            <p>We are also deeply committed to responsible and sustainable tourism practices that respect local communities, preserve natural environments, and contribute positively to the destinations we operate in. Tourism, when done thoughtfully, has the power to inspire, educate, and uplift - and we strive to ensure that your journey leaves a positive impact.<\/p>\r\n            <p>Our greatest reward is the trust of our clients. Hundreds of satisfied travelers return for new adventures or refer friends and family, reflecting our belief that we are only as good as the last journey we create. At Travelart Africa, we invite you to embark on a transformative travel experience that transcends expectations - where passion meets professionalism, and every adventure becomes a cherished memory.<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========  PROCESS  ========== -->\r\n    <section class=\"section journey\" id=\"journey\">\r\n      <div class=\"section-inner\">\r\n        <div class=\"journey-head\">\r\n          <h2 class=\"reveal\">Warm from the<br>first inquiry<\/h2>\r\n          <p class=\"reveal\">Planning a trip can feel overwhelming in a world of endless choices. Our process is designed to be warm, engaging, and enjoyable from the very first hello. You dream it. We craft it.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"steps\">\r\n          <article class=\"step reveal\">\r\n            <span class=\"step-index\">01<\/span>\r\n            <h3>Tell us your dream<\/h3>\r\n            <p>Our consultants take time to understand your preferences, expectations, and budget.<\/p>\r\n          <\/article>\r\n          <article class=\"step reveal\">\r\n            <span class=\"step-index\">02<\/span>\r\n            <h3>We tailor it<\/h3>\r\n            <p>Every detail is curated for luxury, midrange, or value, with transparent pricing throughout.<\/p>\r\n          <\/article>\r\n          <article class=\"step reveal\">\r\n            <span class=\"step-index\">03<\/span>\r\n            <h3>Refine together<\/h3>\r\n            <p>Accommodations, transport, excursions, and special touches managed with precision and clear communication.<\/p>\r\n          <\/article>\r\n          <article class=\"step reveal\">\r\n            <span class=\"step-index\">04<\/span>\r\n            <h3>Just show up<\/h3>\r\n            <p>Travel safely with professional guides while we handle the logistics. You collect the memories.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========  TRAVEL STYLES  ========== -->\r\n    <section class=\"section tiers\" id=\"styles\">\r\n      <div class=\"section-inner\">\r\n        <div class=\"exp-head\">\r\n          <h2 class=\"reveal\">Your style,<br>your value<\/h2>\r\n          <p class=\"reveal\">Each itinerary is thoughtfully curated for the way you like to travel, ensuring exceptional quality and genuine value that often exceeds expectations.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tier-grid\">\r\n          <article class=\"tier reveal\">\r\n            <span class=\"tier-tag\">Tier 01<\/span>\r\n            <div>\r\n              <h3><b>Luxury<\/b> escapes<\/h3>\r\n              <p>Premium lodges, boutique camps, and seamless white-glove service. Comfort and authenticity, beautifully balanced.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"tier reveal\">\r\n            <span class=\"tier-tag\">Tier 02<\/span>\r\n            <div>\r\n              <h3><b>Midrange<\/b> journeys<\/h3>\r\n              <p>Exceptional experiences and thoughtful comfort at a smart, transparent price. The sweet spot for most travelers.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"tier reveal\">\r\n            <span class=\"tier-tag\">Tier 03<\/span>\r\n            <div>\r\n              <h3><b>Value<\/b> adventures<\/h3>\r\n              <p>Genuine value without compromise on the moments that matter. Big experiences, considered budgets.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========  VIDEO BAND  ========== -->\r\n    <section class=\"band\" id=\"band\">\r\n      <video autoplay muted loop playsinline poster=\"Final.webp\" aria-hidden=\"true\">\r\n        <source src=\"https:\/\/videos.pexels.com\/video-files\/3842823\/3842823-hd_1920_1080_30fps.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n      <div class=\"band-inner\">\r\n        <h2 class=\"reveal\">Plan less.<br><span>Experience more.<\/span><\/h2>\r\n        <p class=\"reveal\">We seamlessly blend comfort with authenticity, so the only thing left for you to do is be present for every moment.<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========  METRICS  ========== -->\r\n    <section class=\"section impact\" id=\"impact\">\r\n      <div class=\"impact-grid\">\r\n        <div class=\"metric reveal\"><strong data-count=\"100\"><\/strong><span>Custom-built itineraries, no two alike<\/span><\/div>\r\n        <div class=\"metric reveal\"><strong data-count=\"3\"><\/strong><span>Travel styles, luxury, midrange &amp; value<\/span><\/div>\r\n        <div class=\"metric reveal\"><strong data-count=\"24\"><\/strong><span>Hour care and clear communication<\/span><\/div>\r\n        <div class=\"metric reveal\"><strong data-count=\"100\" data-suffix=\"%\"><\/strong><span>Of guests trusted with a personal touch<\/span><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========  CTA  ========== -->\r\n    <section class=\"section cta\" id=\"leisure-contact\">\r\n      <div class=\"section-inner cta-inner reveal\">\r\n        <span class=\"eyebrow\">TravelArt Africa leisure<\/span>\r\n        <h2>Dreams crafted. <span>Memories made.<\/span><\/h2>\r\n        <p>Tell us how you like to travel and we will shape a journey that transcends your expectations, where passion meets professionalism.<\/p>\r\n        <div class=\"cta-actions\">\r\n          <a class=\"button button-primary\" href=\"mailto:info@travelart.africa?subject=I%20want%20to%20plan%20a%20leisure%20trip\">Plan my trip<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  \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\r\n<script>\r\n(function () {\r\n  const root = document.getElementById(\"travelart-leisure-page\");\r\n  if (!root) return;\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    !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\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\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    gsap.timeline()\r\n      .from(root.querySelectorAll(\".hero-media video, .hero-media img\"), { scale: 1.22, duration: 1.6, ease: \"power3.out\" })\r\n      .from(root.querySelectorAll(\".hero .reveal\"), { y: 54, duration: .9, stagger: .14, ease: \"power3.out\" }, \"-=1\");\r\n\r\n    const hero = root.querySelector(\".hero\");\r\n    if (hero) {\r\n      gsap.to(root.querySelectorAll(\".hero-media video, .hero-media img\"), {\r\n        yPercent: 14,\r\n        ease: \"none\",\r\n        scrollTrigger: { trigger: hero, start: \"top top\", end: \"bottom top\", scrub: true }\r\n      });\r\n    }\r\n\r\n    const band = root.querySelector(\".band\");\r\n    if (band) {\r\n      gsap.to(root.querySelectorAll(\".band video\"), {\r\n        yPercent: 12,\r\n        ease: \"none\",\r\n        scrollTrigger: { trigger: band, start: \"top bottom\", end: \"bottom top\", scrub: true }\r\n      });\r\n    }\r\n\r\n    const storyCards = gsap.utils.toArray(root.querySelectorAll(\".story-card\"));\r\n    if (storyCards.length) {\r\n      gsap.to(root.querySelector(\".story-rail-progress\"), {\r\n        scaleY: 1,\r\n        ease: \"none\",\r\n        scrollTrigger: {\r\n          trigger: root.querySelector(\".story-chapters\"),\r\n          start: \"top 62%\",\r\n          end: \"bottom 62%\",\r\n          scrub: true\r\n        }\r\n      });\r\n\r\n      storyCards.forEach((card, index) => {\r\n        gsap.from(card.querySelector(\".story-media\"), {\r\n          y: 80,\r\n          clipPath: \"inset(14% 0 14% 0 round 12px)\",\r\n          opacity: .35,\r\n          duration: 1.15,\r\n          ease: \"power3.out\",\r\n          scrollTrigger: { trigger: card, start: \"top 88%\", once: true }\r\n        });\r\n        gsap.from(card.querySelector(\".story-caption\"), {\r\n          x: index % 2 ? -42 : 42,\r\n          opacity: 0,\r\n          duration: .9,\r\n          ease: \"power3.out\",\r\n          scrollTrigger: { trigger: card, start: \"top 82%\", once: true }\r\n        });\r\n        gsap.to(card.querySelector(\"video\"), {\r\n          yPercent: 10,\r\n          ease: \"none\",\r\n          scrollTrigger: { trigger: card, start: \"top bottom\", end: \"bottom top\", scrub: 1 }\r\n        });\r\n      });\r\n    }\r\n\r\n    gsap.utils.toArray(root.querySelectorAll(\".metric strong\")).forEach((el) => {\r\n      const value = Number(el.dataset.count);\r\n      const suffix = el.dataset.suffix || \"\";\r\n      el.innerHTML = `<i>${value}${suffix}<\/i>`;\r\n      const obj = { val: 0 };\r\n\r\n      gsap.to(obj, {\r\n        val: value,\r\n        duration: 1.6,\r\n        ease: \"power2.out\",\r\n        onUpdate: () => { el.innerHTML = `<i>${Math.round(obj.val)}${suffix}<\/i>`; },\r\n        scrollTrigger: { trigger: el, start: \"top 88%\", once: true }\r\n      });\r\n    });\r\n  } else {\r\n    root.querySelectorAll(\".metric strong\").forEach((el) => {\r\n      el.innerHTML = `<i>${el.dataset.count}${el.dataset.suffix || \"\"}<\/i>`;\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  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    root.querySelectorAll(\"video\").forEach((v) => {\r\n      v.removeAttribute(\"controls\");\r\n      v.controls = false;\r\n      vidObserver.observe(v);\r\n    });\r\n  } else {\r\n    root.querySelectorAll(\"video\").forEach(forcePlay);\r\n  }\r\n\r\n  if (\"MutationObserver\" in window) {\r\n    root.querySelectorAll(\".video-slot video\").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-leisure-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<\/script>\r\n\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>TravelArt Africa \u00b7 Leisure Tours Your next adventure starts here Customized itineraries and holiday packages crafted around your budget, interests, and travel aspirations. Travel that goes beyond the destination, into&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-30323","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30323","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=30323"}],"version-history":[{"count":108,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30323\/revisions"}],"predecessor-version":[{"id":31135,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30323\/revisions\/31135"}],"wp:attachment":[{"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/media?parent=30323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}