{"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-07-25T13:19:29","modified_gmt":"2026-07-25T13:19:29","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 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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\">\n\n<style>\n#travelart-leisure-page {\n      --green: #00fad3;\n      --black: #020202;\n      --white: #ffffff;\n      --ink: #111111;\n      --muted: #686868;\n      --line: rgba(0, 0, 0, .13);\n      --soft: #f4f4f2;\n      --radius: 10px;\n    }\n\n#travelart-leisure-page, #travelart-leisure-page * { box-sizing: border-box; }\n\n#travelart-leisure-page {\n      scroll-behavior: smooth;\n      background: var(--white);\n    }\n\n#travelart-leisure-page {\n      margin: 0;\n      overflow-x: hidden;\n      color: var(--ink);\n      background:\n        linear-gradient(90deg, rgba(0, 0, 0, .035) 1px, transparent 1px) 0 0 \/ 72px 72px,\n        linear-gradient(rgba(0, 0, 0, .035) 1px, transparent 1px) 0 0 \/ 72px 72px,\n        var(--white);\n      font-family: \"DM Sans\", Arial, sans-serif;\n    }\n\n#travelart-leisure-page ::selection {\n      color: var(--black);\n      background: var(--green);\n    }\n\n#travelart-leisure-page a { color: inherit; text-decoration: none; }\n\n#travelart-leisure-page button,\n#travelart-leisure-page a { -webkit-tap-highlight-color: transparent; }\n\n#travelart-leisure-page .progress {\n      position: fixed;\n      z-index: 100;\n      top: 0;\n      left: 0;\n      width: 0;\n      height: 4px;\n      background: var(--green);\n    }\n\n#travelart-leisure-page .hero {\n      --hero-gutter: clamp(20px, 5vw, 72px);\n      position: relative;\n      width: 100%;\n      left: 0;\n      min-height: 100svh;\n      display: grid;\n      align-items: end;\n      overflow: hidden;\n      padding: 130px var(--hero-gutter) 46px;\n      color: var(--white);\n      background: var(--black);\n    }\n\n#travelart-leisure-page .hero-media {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      overflow: hidden;\n    }\n\n#travelart-leisure-page .hero-media video,\n#travelart-leisure-page .hero-media img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      filter: grayscale(.35) contrast(1.1);\n      transform: scale(1.06);\n    }\n\n#travelart-leisure-page .hero-media::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(90deg, rgba(2, 2, 2, .9), rgba(2, 2, 2, .45) 52%, rgba(2, 2, 2, .82)),\n        radial-gradient(circle at 78% 26%, rgba(0, 250, 211, .35), transparent 30%);\n    }\n\n#travelart-leisure-page .hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      opacity: .22;\n      background:\n        linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px) 0 0 \/ 72px 72px,\n        linear-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px) 0 0 \/ 72px 72px;\n      mask-image: linear-gradient(to bottom, transparent, #000 30%, #000);\n    }\n\n#travelart-leisure-page .hero::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 2;\n      background: linear-gradient(90deg, rgba(2, 2, 2, .88), rgba(2, 2, 2, .22) 58%, transparent);\n      pointer-events: none;\n    }\n\n#travelart-leisure-page .hero-inner {\n      position: relative;\n      z-index: 3;\n      width: min(1240px, 100%);\n      margin: 0 auto;\n    }\n\n#travelart-leisure-page .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 23px;\n      color: var(--green);\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: .1em;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .eyebrow::before {\n      content: \"\";\n      width: 42px;\n      height: 2px;\n      background: currentColor;\n    }\n\n#travelart-leisure-page h1,\n#travelart-leisure-page h2,\n#travelart-leisure-page h3,\n#travelart-leisure-page p { margin-top: 0; }\n\n#travelart-leisure-page h1,\n#travelart-leisure-page h2,\n#travelart-leisure-page h3 {\n      margin-bottom: 0;\n      font-family: \"Outfit\", \"DM Sans\", Arial, sans-serif;\n      letter-spacing: -.045em;\n    }\n\n#travelart-leisure-page h1 {\n      max-width: 1060px;\n      font-size: clamp(52px, 10vw, 138px);\n      line-height: .8;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .hero h1 {\n      color: var(--white) !important;\n      text-shadow: 0 18px 48px rgba(0, 0, 0, .5);\n    }\n\n#travelart-leisure-page .stroke {\n      display: block;\n      color: transparent;\n      -webkit-text-stroke: 1px var(--green);\n      text-stroke: 1px var(--green);\n    }\n\n#travelart-leisure-page .hero h1 .stroke {\n      color: transparent !important;\n    }\n\n#travelart-leisure-page .hero-bottom {\n      display: grid;\n      grid-template-columns: minmax(0, 660px) 1fr;\n      gap: 36px;\n      align-items: end;\n      margin-top: 36px;\n    }\n\n#travelart-leisure-page .hero-copy {\n      margin: 0;\n      color: rgba(255, 255, 255, .78);\n      font-size: clamp(17px, 2vw, 21px);\n      line-height: 1.55;\n    }\n\n#travelart-leisure-page .hero-note {\n      justify-self: end;\n      max-width: 260px;\n      padding-left: 18px;\n      border-left: 2px solid var(--green);\n      color: rgba(255, 255, 255, .68);\n      font-size: 12px;\n      font-weight: 700;\n      line-height: 1.6;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .scroll-cue {\n      position: absolute;\n      z-index: 3;\n      bottom: 96px;\n      right: var(--hero-gutter);\n      display: grid;\n      gap: 10px;\n      justify-items: center;\n      color: rgba(255, 255, 255, .6);\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: .25em;\n      text-transform: uppercase;\n      writing-mode: vertical-rl;\n    }\n\n#travelart-leisure-page .scroll-cue i {\n      width: 1px;\n      height: 54px;\n      background: linear-gradient(var(--green), transparent);\n      animation: drip 1.8s ease-in-out infinite;\n    }\n\n#travelart-leisure-page .marquee {\n      position: relative;\n      z-index: 4;\n      width: 100vw;\n      margin-left: calc(-50vw + 50%);\n      margin-top: 80px;\n      margin-bottom: -46px;\n      overflow: hidden;\n      color: var(--black);\n      background: var(--green);\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .marquee-track {\n      display: flex;\n      min-width: max-content;\n      animation: marquee 26s linear infinite;\n    }\n\n#travelart-leisure-page .marquee span { padding: 18px 25px; white-space: nowrap; }\n\n#travelart-leisure-page .marquee span::after { content: \"\u2726\"; margin-left: 50px; color: rgba(0,0,0,.5); }\n\n#travelart-leisure-page .section {\n      padding: clamp(78px, 10vw, 136px) clamp(20px, 5vw, 72px);\n    }\n\n#travelart-leisure-page .section-inner {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n    }\n\n#travelart-leisure-page .manifesto {\n      display: grid;\n      grid-template-columns: minmax(180px, 290px) minmax(0, 1fr);\n      gap: clamp(34px, 8vw, 118px);\n      align-items: start;\n    }\n\n#travelart-leisure-page .section-label {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      color: var(--muted);\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .section-label::before {\n      content: \"\";\n      width: 13px;\n      height: 13px;\n      border: 3px solid var(--black);\n      border-radius: 50%;\n      background: var(--green);\n    }\n\n#travelart-leisure-page .manifesto-copy {\n      margin: 0;\n      font-family: \"Outfit\", sans-serif;\n      font-size: clamp(29px, 4.4vw, 54px);\n      font-weight: 900;\n      letter-spacing: -.045em;\n      line-height: 1;\n    }\n\n#travelart-leisure-page .manifesto-copy em {\n      color: var(--black);\n      background: var(--green);\n      font-style: normal;\n      box-shadow: .18em 0 0 var(--green), -.02em 0 0 var(--green);\n    }\n\n#travelart-leisure-page .experiences { padding-top: 0; }\n\n#travelart-leisure-page .exp-head {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);\n      gap: 40px;\n      align-items: end;\n      margin-bottom: clamp(36px, 5vw, 60px);\n    }\n\n#travelart-leisure-page .exp-head h2 {\n      font-size: clamp(40px, 7vw, 88px);\n      line-height: .84;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .exp-head p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n#travelart-leisure-page .craft-section {\n      display: block;\n      padding-top: clamp(78px, 10vw, 136px);\n      background: var(--white);\n    }\n\n#travelart-leisure-page .craft-section .exp-head {\n      padding-bottom: clamp(34px, 5vw, 56px);\n      border-bottom: 1px solid var(--line);\n    }\n\n#travelart-leisure-page .craft-section .exp-head h2 {\n      max-width: 720px;\n      color: var(--black);\n      font-size: clamp(42px, 7vw, 88px);\n    }\n\n#travelart-leisure-page .craft-lede {\n      max-width: 760px;\n      margin: clamp(34px, 5vw, 54px) 0 clamp(28px, 4vw, 40px);\n      color: var(--black);\n      font-family: \"Outfit\", sans-serif;\n      font-size: clamp(20px, 2.2vw, 28px);\n      font-weight: 900;\n      line-height: 1.3;\n      letter-spacing: -.02em;\n    }\n\n#travelart-leisure-page .craft-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n      gap: 1px;\n      background: var(--line);\n      border: 1px solid var(--line);\n    }\n\n#travelart-leisure-page .craft-card {\n      position: relative;\n      padding: clamp(28px, 3.4vw, 40px) clamp(24px, 3vw, 34px);\n      background: var(--white);\n      transition: background .3s ease, color .3s ease;\n    }\n\n#travelart-leisure-page .craft-card:hover {\n      color: var(--white);\n      background: var(--black);\n    }\n\n#travelart-leisure-page .craft-card:hover .craft-index {\n      color: var(--green);\n      border-color: var(--green);\n    }\n\n#travelart-leisure-page .craft-card:hover p { color: rgba(255, 255, 255, .65); }\n\n#travelart-leisure-page .craft-index {\n      display: grid;\n      place-items: center;\n      width: 42px;\n      height: 42px;\n      margin-bottom: 24px;\n      border: 1px solid var(--line);\n      border-radius: 50%;\n      color: var(--muted);\n      font-family: \"Outfit\", sans-serif;\n      font-size: 13px;\n      font-weight: 900;\n      transition: color .3s ease, border-color .3s ease;\n    }\n\n#travelart-leisure-page .craft-card h3 {\n      margin: 0 0 10px;\n      color: var(--black);\n      font-size: clamp(18px, 1.7vw, 22px);\n      line-height: 1.15;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .craft-card:hover h3 { color: var(--white); }\n\n#travelart-leisure-page .craft-card p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 15px;\n      line-height: 1.6;\n      transition: color .3s ease;\n    }\n\n#travelart-leisure-page .craft-trust {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      margin-top: 1px;\n      padding: clamp(28px, 4vw, 44px);\n      color: var(--white);\n      background: var(--black);\n    }\n\n#travelart-leisure-page .craft-trust p {\n      margin: 0;\n      max-width: 640px;\n      font-size: clamp(17px, 1.8vw, 21px);\n      font-weight: 700;\n      line-height: 1.5;\n    }\n\n#travelart-leisure-page .craft-trust-link {\n      display: inline-flex;\n      flex-shrink: 0;\n      align-items: center;\n      gap: 10px;\n      padding: 14px 22px;\n      border: 1px solid rgba(255, 255, 255, .24);\n      border-radius: 999px;\n      color: var(--white);\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n      white-space: nowrap;\n      transition: background .25s ease, color .25s ease, border-color .25s ease;\n    }\n\n#travelart-leisure-page .craft-trust-link:hover {\n      color: var(--black);\n      background: var(--green);\n      border-color: var(--green);\n    }\n\n#travelart-leisure-page .leisure-story {\n      position: relative;\n      overflow: clip;\n      padding-top: clamp(82px, 10vw, 140px);\n      color: var(--white);\n      background: radial-gradient(circle at 10% 8%, rgba(0,250,211,.15), transparent 25%), var(--black);\n    }\n\n#travelart-leisure-page .leisure-story::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      opacity: .12;\n      pointer-events: none;\n      background: linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px) 0 0 \/ 72px 72px,\n        linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px) 0 0 \/ 72px 72px;\n      mask-image: linear-gradient(#000, transparent 90%);\n    }\n\n#travelart-leisure-page .story-intro {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: minmax(0,1fr) minmax(250px,390px);\n      gap: 42px;\n      align-items: end;\n      margin-bottom: clamp(64px,9vw,120px);\n    }\n\n#travelart-leisure-page .story-intro h2 {\n      color: var(--white);\n      font-size: clamp(52px,9vw,116px);\n      line-height: .78;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .story-intro h2 span {\n      display: block;\n      color: transparent;\n      -webkit-text-stroke: 1px var(--green);\n    }\n\n#travelart-leisure-page .story-intro-copy { padding-left: 22px; border-left: 2px solid var(--green); }\n#travelart-leisure-page .story-intro-copy strong { display: block; margin-bottom: 10px; font: 700 20px\/1.2 \"Outfit\",sans-serif; }\n#travelart-leisure-page .story-intro-copy p { margin: 0; color: rgba(255,255,255,.66); font-size: 16px; line-height: 1.7; }\n\n#travelart-leisure-page .story-layout {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: minmax(240px,.72fr) minmax(0,1.5fr);\n      gap: clamp(44px,8vw,110px);\n      align-items: start;\n    }\n\n#travelart-leisure-page .story-rail {\n      position: sticky;\n      top: 100px;\n      min-height: 430px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 6px 0 8px 36px;\n    }\n\n#travelart-leisure-page .story-rail-line { position: absolute; inset: 0 auto 0 0; width: 2px; overflow: hidden; background: rgba(255,255,255,.14); }\n#travelart-leisure-page .story-rail-progress { display: block; width: 100%; height: 100%; background: var(--green); transform: scaleY(0); transform-origin: top; }\n#travelart-leisure-page .story-kicker { color: var(--green); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }\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; }\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; }\n#travelart-leisure-page .story-chapters { display: grid; gap: clamp(70px,10vw,130px); }\n#travelart-leisure-page .story-card { position: relative; }\n\n#travelart-leisure-page .story-media {\n      position: relative;\n      aspect-ratio: 4 \/ 3;\n      overflow: hidden;\n      border-radius: 12px;\n      background: #111;\n      isolation: isolate;\n    }\n\n#travelart-leisure-page .story-card:nth-child(even) .story-media { aspect-ratio: 16 \/ 11; }\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%); }\n#travelart-leisure-page .story-media video { width: 100%; height: 115%; object-fit: cover; transform: translateY(-6%); filter: saturate(.82) contrast(1.06); }\n\n#travelart-leisure-page .story-number {\n      position: absolute;\n      z-index: 2;\n      top: 18px;\n      left: 18px;\n      display: grid;\n      place-items: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 50%;\n      color: var(--black);\n      background: var(--green);\n      font: 900 13px\/1 \"Outfit\",sans-serif;\n    }\n\n#travelart-leisure-page .story-caption {\n      position: relative;\n      z-index: 3;\n      width: calc(100% - 32px);\n      margin: -66px 0 0 32px;\n      padding: clamp(24px,4vw,38px);\n      border: 1px solid rgba(255,255,255,.14);\n      border-radius: 10px 0 10px 10px;\n      background: rgba(10,10,10,.9);\n      backdrop-filter: blur(14px);\n    }\n\n#travelart-leisure-page .story-caption span { color: var(--green); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }\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; }\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; }\n\n#travelart-leisure-page .exp-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n\n#travelart-leisure-page .exp-card {\n      position: relative;\n      min-height: clamp(320px, 42vw, 460px);\n      display: flex;\n      align-items: flex-end;\n      overflow: hidden;\n      border-radius: var(--radius);\n      color: var(--white);\n      background: var(--black);\n      isolation: isolate;\n    }\n\n#travelart-leisure-page .exp-card video,\n#travelart-leisure-page .exp-card img {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transform: scale(1.05);\n      transition: transform 1s cubic-bezier(.2, .8, .2, 1);\n    }\n\n#travelart-leisure-page .exp-card::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      background: linear-gradient(to top, rgba(2, 2, 2, .88) 4%, rgba(2, 2, 2, .25) 55%, rgba(2, 2, 2, .35));\n      transition: background .4s ease;\n    }\n\n#travelart-leisure-page .exp-card:hover video,\n#travelart-leisure-page .exp-card:hover img { transform: scale(1.12); }\n\n#travelart-leisure-page .exp-card:hover::after {\n      background: linear-gradient(to top, rgba(2, 2, 2, .9) 6%, rgba(0, 250, 211, .14) 60%, rgba(2, 2, 2, .3));\n    }\n\n#travelart-leisure-page .exp-body {\n      position: relative;\n      z-index: 2;\n      padding: clamp(22px, 3vw, 34px);\n    }\n\n#travelart-leisure-page .exp-index {\n      display: inline-block;\n      margin-bottom: 14px;\n      padding: 5px 12px;\n      border: 1px solid rgba(255, 255, 255, .35);\n      border-radius: 999px;\n      color: var(--green);\n      font-size: 11px;\n      font-weight: 900;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .exp-card h3 {\n      color: var(--white);\n      font-size: clamp(25px, 3vw, 40px);\n      line-height: .95;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .exp-card p {\n      max-width: 360px;\n      margin: 14px 0 0;\n      color: rgba(255, 255, 255, .76);\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n#travelart-leisure-page .video-slot {\n      min-height: 0;\n      aspect-ratio: 16 \/ 9;\n      border-radius: 8px;\n    }\n\n#travelart-leisure-page .video-slot .exp-body {\n      display: grid;\n      min-height: 100%;\n      align-content: end;\n      padding: clamp(18px, 2vw, 24px);\n    }\n\n#travelart-leisure-page .video-slot h3 {\n      font-size: clamp(22px, 2.1vw, 30px);\n    }\n\n#travelart-leisure-page .video-slot .exp-index {\n      max-width: 100%;\n      white-space: normal;\n    }\n\n#travelart-leisure-page .video-slot p {\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n#travelart-leisure-page .video-slot .exp-index {\n      margin-bottom: 10px;\n      font-size: 10px;\n    }\n\n#travelart-leisure-page .video-slot video::-webkit-media-controls,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-panel,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-enclosure,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-play-button,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-start-playback-button,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-overlay-play-button,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-current-time-display,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-time-remaining-display,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-timeline,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-mute-button,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-volume-slider,\n#travelart-leisure-page .video-slot video::-webkit-media-controls-fullscreen-button {\n      display: none !important;\n      opacity: 0 !important;\n    }\n\n#travelart-leisure-page .video-slot video {\n      pointer-events: none;\n      -webkit-appearance: none;\n      appearance: none;\n    }\n\n#travelart-leisure-page .journey {\n      overflow: hidden;\n      color: var(--white);\n      background: var(--black);\n    }\n\n#travelart-leisure-page .journey-head {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(240px, 380px);\n      gap: 40px;\n      align-items: end;\n      padding-bottom: clamp(46px, 7vw, 82px);\n      border-bottom: 1px solid rgba(255, 255, 255, .16);\n    }\n\n#travelart-leisure-page .journey h2 {\n      max-width: 820px;\n      color: var(--white);\n      font-size: clamp(42px, 7.6vw, 94px);\n      line-height: .82;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .journey-head p {\n      margin: 0;\n      color: rgba(255, 255, 255, .67);\n      font-size: 17px;\n      line-height: 1.65;\n    }\n\n#travelart-leisure-page .steps {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n    }\n\n#travelart-leisure-page .step {\n      position: relative;\n      min-height: 260px;\n      padding: 34px 22px 0 0;\n      border-right: 1px solid rgba(255, 255, 255, .16);\n    }\n\n#travelart-leisure-page .step:not(:first-child) { padding-left: 24px; }\n\n#travelart-leisure-page .step:last-child { border-right: 0; }\n\n#travelart-leisure-page .step-index {\n      display: grid;\n      place-items: center;\n      width: 48px;\n      height: 48px;\n      margin-bottom: 42px;\n      border: 1px solid rgba(255, 255, 255, .22);\n      border-radius: 50%;\n      color: var(--green);\n      font-family: \"Outfit\", sans-serif;\n      font-weight: 900;\n    }\n\n#travelart-leisure-page .step h3 {\n      color: var(--white);\n      font-size: 23px;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .step p {\n      margin: 12px 0 0;\n      color: rgba(255, 255, 255, .55);\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n#travelart-leisure-page .tiers { padding-bottom: 0; }\n\n#travelart-leisure-page .tiers .exp-head h2 {\n      color: var(--black);\n    }\n\n#travelart-leisure-page .tier-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1px;\n      border: 1px solid var(--line);\n      background: var(--line);\n    }\n\n#travelart-leisure-page .tier {\n      position: relative;\n      min-height: 340px;\n      display: grid;\n      align-content: space-between;\n      overflow: hidden;\n      padding: clamp(24px, 3vw, 38px);\n      background: var(--white);\n      transition: color .35s ease, background .35s ease;\n    }\n\n#travelart-leisure-page .tier:hover { color: var(--white); background: var(--black); }\n\n#travelart-leisure-page .tier:hover h3 { color: var(--white); }\n\n#travelart-leisure-page .tier:hover p { color: rgba(255, 255, 255, .7); }\n\n#travelart-leisure-page .tier:hover .tier-tag { border-color: var(--green); color: var(--green); }\n\n#travelart-leisure-page .tier-tag {\n      justify-self: start;\n      padding: 6px 13px;\n      border: 1px solid var(--line);\n      border-radius: 999px;\n      color: var(--muted);\n      font-size: 11px;\n      font-weight: 900;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n      transition: color .35s ease, border-color .35s ease;\n    }\n\n#travelart-leisure-page .tier h3 {\n      margin-top: 28px;\n      color: var(--black);\n      font-size: clamp(27px, 3vw, 40px);\n      line-height: .95;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .tier h3 b { color: var(--green); font-weight: inherit; }\n\n#travelart-leisure-page .tier p {\n      max-width: 300px;\n      margin: 16px 0 0;\n      color: var(--muted);\n      font-size: 15px;\n      line-height: 1.65;\n      transition: color .35s ease;\n    }\n\n#travelart-leisure-page .band {\n      position: relative;\n      display: grid;\n      place-items: center;\n      min-height: 78svh;\n      overflow: hidden;\n      padding: clamp(60px, 9vw, 120px) clamp(20px, 5vw, 72px);\n      color: var(--white);\n      text-align: center;\n      background: var(--black);\n    }\n\n#travelart-leisure-page .band video,\n#travelart-leisure-page .band img {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      filter: grayscale(.4) contrast(1.08);\n    }\n\n#travelart-leisure-page .band::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      background:\n        radial-gradient(circle at center, rgba(2, 2, 2, .45), rgba(2, 2, 2, .82)),\n        linear-gradient(rgba(0, 250, 211, .06), transparent);\n    }\n\n#travelart-leisure-page .band-inner { position: relative; z-index: 2; }\n\n#travelart-leisure-page .band h2 {\n      max-width: 980px;\n      font-size: clamp(44px, 8.5vw, 122px);\n      line-height: .8;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .band h2 span {\n      display: block;\n      color: transparent;\n      -webkit-text-stroke: 1px var(--green);\n      text-stroke: 1px var(--green);\n    }\n\n#travelart-leisure-page .band p {\n      max-width: 540px;\n      margin: 26px auto 0;\n      color: rgba(255, 255, 255, .72);\n      font-size: 17px;\n      line-height: 1.6;\n    }\n\n#travelart-leisure-page .impact {\n      background: var(--white);\n      border-top: 1px solid var(--line);\n    }\n\n#travelart-leisure-page .impact-grid {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px;\n      border: 1px solid var(--line);\n      background: var(--line);\n    }\n\n#travelart-leisure-page .metric {\n      min-height: 190px;\n      display: grid;\n      align-content: space-between;\n      padding: 24px;\n      background: var(--white);\n    }\n\n#travelart-leisure-page .metric strong {\n      font-family: \"Outfit\", sans-serif;\n      font-size: clamp(36px, 5.4vw, 66px);\n      line-height: .9;\n    }\n\n#travelart-leisure-page .metric strong i { font-style: normal; color: var(--green); }\n\n#travelart-leisure-page .metric span {\n      max-width: 170px;\n      color: var(--muted);\n      font-size: 13px;\n      font-weight: 900;\n      line-height: 1.35;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .cta {\n      padding-top: clamp(78px, 9vw, 112px);\n      padding-bottom: clamp(78px, 9vw, 112px);\n      color: var(--white);\n      background: var(--black);\n    }\n\n#travelart-leisure-page .cta-inner {\n      position: relative;\n      display: grid;\n      justify-items: center;\n      overflow: hidden;\n      padding: clamp(60px, 9vw, 110px) 20px;\n      border: 1px solid rgba(255, 255, 255, .15);\n      border-radius: var(--radius);\n      text-align: center;\n      background:\n        radial-gradient(circle at center, rgba(0, 250, 211, .16), transparent 40%),\n        rgba(255, 255, 255, .025);\n    }\n\n#travelart-leisure-page .cta h2 {\n      max-width: 900px;\n      color: var(--white);\n      font-size: clamp(42px, 7.8vw, 96px);\n      line-height: .83;\n      text-transform: uppercase;\n    }\n\n#travelart-leisure-page .cta h2 span { color: var(--green); }\n\n#travelart-leisure-page .cta p {\n      max-width: 620px;\n      margin: 28px auto 0;\n      color: rgba(255, 255, 255, .65);\n      font-size: 17px;\n      line-height: 1.6;\n    }\n\n#travelart-leisure-page .cta-actions {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 35px;\n    }\n\n#travelart-leisure-page .button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 13px 21px;\n      border: 1px solid rgba(255, 255, 255, .2);\n      border-radius: 999px;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n      transition: transform .25s ease, background .25s ease, color .25s ease;\n    }\n\n#travelart-leisure-page .button-primary {\n      border-color: var(--green);\n      color: var(--black);\n      background: var(--green);\n    }\n\n#travelart-leisure-page .button:hover { transform: translateY(-3px); }\n\n#travelart-leisure-page .button-secondary:hover { color: var(--black); background: var(--white); }\n\n#travelart-leisure-page.ta-js .reveal {\n      opacity: 0;\n      transform: translateY(36px);\n      transition: opacity .8s ease, transform .8s cubic-bezier(.2, .8, .2, 1);\n    }\n\n#travelart-leisure-page.ta-js .reveal.is-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n#travelart-leisure-page.embed-mode .progress { display: none; }\n\n#travelart-leisure-page.embed-mode .hero { min-height: clamp(600px, 58vw, 880px); padding-top: 84px; }\n\n#travelart-leisure-page.embed-mode .band { min-height: clamp(440px, 40vw, 640px); }\n\n@keyframes marquee { to { transform: translateX(-50%); } }\n\n@keyframes drip {\n      0%, 100% { opacity: .2; transform: scaleY(.4); transform-origin: top; }\n      50% { opacity: 1; transform: scaleY(1); transform-origin: top; }\n    }\n\n@media (max-width: 900px) {\n#travelart-leisure-page .story-intro { grid-template-columns: 1fr; }\n#travelart-leisure-page .story-layout { grid-template-columns: minmax(190px,.6fr) minmax(0,1.4fr); gap: 42px; }\n#travelart-leisure-page .hero-bottom,\n#travelart-leisure-page .manifesto,\n#travelart-leisure-page .exp-head,\n#travelart-leisure-page .journey-head { grid-template-columns: 1fr; }\n\n#travelart-leisure-page .hero-note { justify-self: start; }\n\n#travelart-leisure-page .scroll-cue { display: none; }\n\n#travelart-leisure-page .exp-grid { grid-template-columns: 1fr; }\n\n#travelart-leisure-page .tier-grid { grid-template-columns: 1fr; }\n\n#travelart-leisure-page .steps { grid-template-columns: repeat(2, 1fr); }\n\n#travelart-leisure-page .step:nth-child(2) { border-right: 0; }\n\n#travelart-leisure-page .step:nth-child(3),\n#travelart-leisure-page .step:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, .16); }\n\n#travelart-leisure-page .impact-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 560px) {\n#travelart-leisure-page .story-intro { margin-bottom: 58px; }\n#travelart-leisure-page .story-intro h2 { font-size: clamp(48px,17vw,76px); }\n#travelart-leisure-page .story-layout { grid-template-columns: 1fr; }\n#travelart-leisure-page .story-rail { position: relative; top: auto; min-height: 0; gap: 22px; padding-left: 26px; }\n#travelart-leisure-page .story-chapters { gap: 76px; }\n#travelart-leisure-page .story-caption { width: calc(100% - 14px); margin-left: 14px; }\n#travelart-leisure-page .hero { min-height: 94svh; padding-top: 108px; padding-bottom: 40px; }\n\n#travelart-leisure-page h1 { font-size: clamp(46px, 15vw, 70px); line-height: .82; }\n\n#travelart-leisure-page .hero-bottom { margin-top: 28px; }\n\n#travelart-leisure-page .hero-note { display: none; }\n\n#travelart-leisure-page .marquee { margin-bottom: -40px; }\n\n#travelart-leisure-page .manifesto-copy { font-size: clamp(28px, 9vw, 40px); }\n\n#travelart-leisure-page .steps { grid-template-columns: 1fr; }\n\n#travelart-leisure-page .step,\n#travelart-leisure-page .step:not(:first-child) {\n        min-height: auto;\n        padding: 28px 0;\n        border-top: 1px solid rgba(255, 255, 255, .16);\n        border-right: 0;\n      }\n\n#travelart-leisure-page .step-index { margin-bottom: 22px; }\n\n#travelart-leisure-page .impact-grid { grid-template-columns: 1fr; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n#travelart-leisure-page .story-rail-progress { transform: scaleY(1); }\n#travelart-leisure-page, #travelart-leisure-page *,\n#travelart-leisure-page *::before,\n#travelart-leisure-page *::after {\n        scroll-behavior: auto !important;\n        animation-duration: .001ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: .001ms !important;\n      }\n}\n\n\n\/* Elementor\/theme priority helpers *\/\n.elementor-page #travelart-leisure-page,\n.elementor-page #travelart-leisure-page * {\n  box-sizing: border-box;\n}\n\n.elementor-page #travelart-leisure-page h1,\n.elementor-page #travelart-leisure-page h2,\n.elementor-page #travelart-leisure-page h3 {\n  font-family: \"Outfit\", \"DM Sans\", Arial, sans-serif !important;\n  letter-spacing: -.045em !important;\n}\n\n.elementor-page #travelart-leisure-page .hero h1 {\n  color: #ffffff !important;\n  font-size: clamp(52px, 10vw, 138px) !important;\n  line-height: .82 !important;\n  text-transform: uppercase !important;\n}\n\n.elementor-page #travelart-leisure-page .exp-head h2 {\n  font-size: clamp(40px, 7vw, 88px) !important;\n}\n\n.elementor-page #travelart-leisure-page .craft-section .exp-head h2 {\n  color: #020202 !important;\n}\n\n.elementor-page #travelart-leisure-page .craft-card h3 {\n  color: #020202 !important;\n}\n\n.elementor-page #travelart-leisure-page .craft-card:hover h3 {\n  color: #ffffff !important;\n}\n\n.elementor-page #travelart-leisure-page .tiers .exp-head h2 {\n  color: #020202 !important;\n}\n\n.elementor-page #travelart-leisure-page .tier h3 {\n  color: #020202 !important;\n}\n\n.elementor-page #travelart-leisure-page .tier:hover h3 {\n  color: #ffffff !important;\n}\n\n.elementor-page #travelart-leisure-page .journey h2 {\n  font-size: clamp(42px, 7.6vw, 94px) !important;\n}\n\n.elementor-page #travelart-leisure-page .band h2 {\n  font-size: clamp(44px, 8.5vw, 122px) !important;\n}\n\n.elementor-page #travelart-leisure-page .cta h2 {\n  font-size: clamp(42px, 7.8vw, 96px) !important;\n}\n\n<\/style>\n\n<div id=\"travelart-leisure-page\" class=\"ta-js\">\n  <div class=\"progress\" aria-hidden=\"true\"><\/div>\n\n  <main>\n    <!-- ==========  HERO  ========== -->\n    <section class=\"hero\" id=\"top\">\n      <div class=\"hero-media\" aria-hidden=\"true\">\n        <video autoplay muted loop playsinline poster=\"Final.webp\">\n          <source src=\"https:\/\/videos.pexels.com\/video-files\/2169880\/2169880-hd_1920_1080_30fps.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/div>\n\n      <div class=\"hero-inner\">\n        <span class=\"eyebrow reveal\">TravelArt Africa \u00b7 Leisure Tours<\/span>\n        <h1 class=\"reveal\">Your next <span class=\"stroke\">adventure<\/span> starts here<\/h1>\n\n        <div class=\"hero-bottom\">\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>\n          <p class=\"hero-note reveal\">Personalized African safaris &amp; immersive journeys. Luxury, midrange &amp; value, all designed with a personal touch.<\/p>\n        <\/div>\n\n        <div class=\"marquee\" aria-hidden=\"true\">\n          <div class=\"marquee-track\">\n            <span>Big Five safaris<\/span><span>Tropical beaches<\/span><span>Vibrant cultures<\/span><span>Breathtaking landscapes<\/span><span>Plan less, experience more<\/span>\n            <span>Big Five safaris<\/span><span>Tropical beaches<\/span><span>Vibrant cultures<\/span><span>Breathtaking landscapes<\/span><span>Plan less, experience more<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"scroll-cue\" aria-hidden=\"true\">Scroll <i><\/i><\/div>\n    <\/section>\n\n    <!-- ==========  MANIFESTO  ========== -->\n    <section class=\"section\">\n      <div class=\"section-inner manifesto\">\n        <span class=\"section-label reveal\">The leisure promise<\/span>\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>\n      <\/div>\n    <\/section>\n\n    <!-- ==========  LEISURE STORY  ========== -->\n    <section class=\"section leisure-story\" id=\"experiences\">\n      <div class=\"section-inner\">\n        <div class=\"story-intro\">\n          <h2 class=\"reveal\">Not just a trip.<span>Your story.<\/span><\/h2>\n          <div class=\"story-intro-copy reveal\">\n            <strong>Leisure, designed around you.<\/strong>\n            <p>We turn your interests, pace, budget, and wildest travel ideas into one seamless African journey.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"story-layout\">\n          <aside class=\"story-rail\" aria-label=\"Leisure story progress\">\n            <span class=\"story-rail-line\" aria-hidden=\"true\"><i class=\"story-rail-progress\"><\/i><\/span>\n            <span class=\"story-kicker\">The journey unfolds<\/span>\n            <h3>Four ways to feel Africa<\/h3>\n            <p class=\"story-rail-note\">Scroll through the moments. We connect them into an itinerary that feels entirely your own.<\/p>\n          <\/aside>\n          <div class=\"story-chapters\">\n            <article class=\"story-card\">\n              <div class=\"story-media\">\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>\n                <span class=\"story-number\">01<\/span>\n              <\/div>\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>\n            <\/article>\n            <article class=\"story-card\">\n              <div class=\"story-media\">\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>\n                <span class=\"story-number\">02<\/span>\n              <\/div>\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>\n            <\/article>\n            <article class=\"story-card\">\n              <div class=\"story-media\">\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>\n                <span class=\"story-number\">03<\/span>\n              <\/div>\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>\n            <\/article>\n            <article class=\"story-card\">\n              <div class=\"story-media\">\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>\n                <span class=\"story-number\">04<\/span>\n              <\/div>\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>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==========  HOW WE CRAFT  ========== -->\n    <section class=\"section experiences craft-section\" aria-labelledby=\"leisure-details-title\">\n      <div class=\"section-inner\">\n        <div class=\"exp-head\">\n          <h2 class=\"reveal\" id=\"leisure-details-title\">How we craft<br>your leisure tour<\/h2>\n          <p class=\"reveal\">We believe travel is more than visiting a destination &mdash; it's meaningful experiences, authentic connections, and stories that become part of your life's journey.<\/p>\n        <\/div>\n\n        <p class=\"craft-lede reveal\">Our mission: transform your dreams into carefully crafted adventures, delivered with integrity, expertise, and a personal touch you can trust.<\/p>\n\n        <div class=\"craft-grid\">\n          <article class=\"craft-card\">\n            <span class=\"craft-index\">01<\/span>\n            <h3>Personalized from hello<\/h3>\n            <p>Our consultants take the time to understand your preferences, expectations, and budget, so no two itineraries ever look alike.<\/p>\n          <\/article>\n          <article class=\"craft-card\">\n            <span class=\"craft-index\">02<\/span>\n            <h3>Real value, no surprises<\/h3>\n            <p>Every itinerary is curated for luxury, midrange, or value travel, with transparent pricing and quality that consistently exceeds expectations.<\/p>\n          <\/article>\n          <article class=\"craft-card\">\n            <span class=\"craft-index\">03<\/span>\n            <h3>Comfort meets authenticity<\/h3>\n            <p>Trusted local partners, boutique camps, and luxury lodges blend genuine cultural encounters with safe, professionally guided experiences.<\/p>\n          <\/article>\n          <article class=\"craft-card\">\n            <span class=\"craft-index\">04<\/span>\n            <h3>Every detail, considered<\/h3>\n            <p>Interests, ages, occasions, and timelines all shape the plan. We manage logistics with precision and clear communication throughout.<\/p>\n          <\/article>\n          <article class=\"craft-card\">\n            <span class=\"craft-index\">05<\/span>\n            <h3>Travel that gives back<\/h3>\n            <p>We practice responsible, sustainable tourism that respects local communities and preserves the places we love to explore.<\/p>\n          <\/article>\n        <\/div>\n\n        <div class=\"craft-trust\">\n          <p>Hundreds of satisfied travelers return for new adventures or refer friends and family &mdash; because we're only as good as the last journey we create.<\/p>\n          <a class=\"craft-trust-link\" href=\"#leisure-contact\">Start planning yours \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==========  PROCESS  ========== -->\n    <section class=\"section journey\" id=\"journey\">\n      <div class=\"section-inner\">\n        <div class=\"journey-head\">\n          <h2 class=\"reveal\">Warm from the<br>first inquiry<\/h2>\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>\n        <\/div>\n\n        <div class=\"steps\">\n          <article class=\"step reveal\">\n            <span class=\"step-index\">01<\/span>\n            <h3>Tell us your dream<\/h3>\n            <p>Our consultants take time to understand your preferences, expectations, and budget.<\/p>\n          <\/article>\n          <article class=\"step reveal\">\n            <span class=\"step-index\">02<\/span>\n            <h3>We tailor it<\/h3>\n            <p>Every detail is curated for luxury, midrange, or value, with transparent pricing throughout.<\/p>\n          <\/article>\n          <article class=\"step reveal\">\n            <span class=\"step-index\">03<\/span>\n            <h3>Refine together<\/h3>\n            <p>Accommodations, transport, excursions, and special touches managed with precision and clear communication.<\/p>\n          <\/article>\n          <article class=\"step reveal\">\n            <span class=\"step-index\">04<\/span>\n            <h3>Just show up<\/h3>\n            <p>Travel safely with professional guides while we handle the logistics. You collect the memories.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==========  TRAVEL STYLES  ========== -->\n    <section class=\"section tiers\" id=\"styles\">\n      <div class=\"section-inner\">\n        <div class=\"exp-head\">\n          <h2 class=\"reveal\">Your style,<br>your value<\/h2>\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>\n        <\/div>\n\n        <div class=\"tier-grid\">\n          <article class=\"tier reveal\">\n            <span class=\"tier-tag\">Tier 01<\/span>\n            <div>\n              <h3><b>Luxury<\/b> escapes<\/h3>\n              <p>Premium lodges, boutique camps, and seamless white-glove service. Comfort and authenticity, beautifully balanced.<\/p>\n            <\/div>\n          <\/article>\n          <article class=\"tier reveal\">\n            <span class=\"tier-tag\">Tier 02<\/span>\n            <div>\n              <h3><b>Midrange<\/b> journeys<\/h3>\n              <p>Exceptional experiences and thoughtful comfort at a smart, transparent price. The sweet spot for most travelers.<\/p>\n            <\/div>\n          <\/article>\n          <article class=\"tier reveal\">\n            <span class=\"tier-tag\">Tier 03<\/span>\n            <div>\n              <h3><b>Value<\/b> adventures<\/h3>\n              <p>Genuine value without compromise on the moments that matter. Big experiences, considered budgets.<\/p>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==========  VIDEO BAND  ========== -->\n    <section class=\"band\" id=\"band\">\n      <video autoplay muted loop playsinline poster=\"Final.webp\" aria-hidden=\"true\">\n        <source src=\"https:\/\/videos.pexels.com\/video-files\/3842823\/3842823-hd_1920_1080_30fps.mp4\" type=\"video\/mp4\">\n      <\/video>\n      <div class=\"band-inner\">\n        <h2 class=\"reveal\">Plan less.<br><span>Experience more.<\/span><\/h2>\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>\n      <\/div>\n    <\/section>\n\n    <!-- ==========  METRICS  ========== -->\n    <section class=\"section impact\" id=\"impact\">\n      <div class=\"impact-grid\">\n        <div class=\"metric reveal\"><strong data-count=\"100\"><\/strong><span>Custom-built itineraries, no two alike<\/span><\/div>\n        <div class=\"metric reveal\"><strong data-count=\"3\"><\/strong><span>Travel styles, luxury, midrange &amp; value<\/span><\/div>\n        <div class=\"metric reveal\"><strong data-count=\"24\"><\/strong><span>Hour care and clear communication<\/span><\/div>\n        <div class=\"metric reveal\"><strong data-count=\"100\" data-suffix=\"%\"><\/strong><span>Of guests trusted with a personal touch<\/span><\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==========  CTA  ========== -->\n    <section class=\"section cta\" id=\"leisure-contact\">\n      <div class=\"section-inner cta-inner reveal\">\n        <span class=\"eyebrow\">TravelArt Africa leisure<\/span>\n        <h2>Dreams crafted. <span>Memories made.<\/span><\/h2>\n        <p>Tell us how you like to travel and we will shape a journey that transcends your expectations, where passion meets professionalism.<\/p>\n        <div class=\"cta-actions\">\n          <a class=\"button button-primary\" href=\"mailto:info@travelart.africa?subject=I%20want%20to%20plan%20a%20leisure%20trip\">Plan my trip<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n  \n  <\/main>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<script>\n(function () {\n  const root = document.getElementById(\"travelart-leisure-page\");\n  if (!root) return;\n\n  if (new URLSearchParams(window.location.search).get(\"embed\") === \"1\") {\n    root.classList.add(\"embed-mode\");\n  }\n\n  const hasGSAP = window.gsap && window.ScrollTrigger &&\n    !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  const revealElements = root.querySelectorAll(\".reveal\");\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 });\n\n    revealElements.forEach((el, i) => {\n      el.style.transitionDelay = `${Math.min(i % 4, 3) * 80}ms`;\n      observer.observe(el);\n    });\n  } else {\n    revealElements.forEach((el) => el.classList.add(\"is-visible\"));\n  }\n\n  const progress = root.querySelector(\".progress\");\n  function updateProgress() {\n    if (!progress) return;\n    const distance = document.documentElement.scrollHeight - window.innerHeight;\n    progress.style.width = `${distance > 0 ? (window.scrollY \/ distance) * 100 : 0}%`;\n  }\n\n  window.addEventListener(\"scroll\", updateProgress, { passive: true });\n  updateProgress();\n\n  if (hasGSAP) {\n    gsap.registerPlugin(ScrollTrigger);\n\n    gsap.timeline()\n      .from(root.querySelectorAll(\".hero-media video, .hero-media img\"), { scale: 1.22, duration: 1.6, ease: \"power3.out\" })\n      .from(root.querySelectorAll(\".hero .reveal\"), { y: 54, duration: .9, stagger: .14, ease: \"power3.out\" }, \"-=1\");\n\n    const hero = root.querySelector(\".hero\");\n    if (hero) {\n      gsap.to(root.querySelectorAll(\".hero-media video, .hero-media img\"), {\n        yPercent: 14,\n        ease: \"none\",\n        scrollTrigger: { trigger: hero, start: \"top top\", end: \"bottom top\", scrub: true }\n      });\n    }\n\n    const band = root.querySelector(\".band\");\n    if (band) {\n      gsap.to(root.querySelectorAll(\".band video\"), {\n        yPercent: 12,\n        ease: \"none\",\n        scrollTrigger: { trigger: band, start: \"top bottom\", end: \"bottom top\", scrub: true }\n      });\n    }\n\n    const storyCards = gsap.utils.toArray(root.querySelectorAll(\".story-card\"));\n    if (storyCards.length) {\n      gsap.to(root.querySelector(\".story-rail-progress\"), {\n        scaleY: 1,\n        ease: \"none\",\n        scrollTrigger: {\n          trigger: root.querySelector(\".story-chapters\"),\n          start: \"top 62%\",\n          end: \"bottom 62%\",\n          scrub: true\n        }\n      });\n\n      storyCards.forEach((card, index) => {\n        gsap.from(card.querySelector(\".story-media\"), {\n          y: 80,\n          clipPath: \"inset(14% 0 14% 0 round 12px)\",\n          opacity: .35,\n          duration: 1.15,\n          ease: \"power3.out\",\n          scrollTrigger: { trigger: card, start: \"top 88%\", once: true }\n        });\n        gsap.from(card.querySelector(\".story-caption\"), {\n          x: index % 2 ? -42 : 42,\n          opacity: 0,\n          duration: .9,\n          ease: \"power3.out\",\n          scrollTrigger: { trigger: card, start: \"top 82%\", once: true }\n        });\n        gsap.to(card.querySelector(\"video\"), {\n          yPercent: 10,\n          ease: \"none\",\n          scrollTrigger: { trigger: card, start: \"top bottom\", end: \"bottom top\", scrub: 1 }\n        });\n      });\n    }\n\n    const craftCards = gsap.utils.toArray(root.querySelectorAll(\".craft-card\"));\n    if (craftCards.length) {\n      gsap.from(craftCards, {\n        y: 46,\n        opacity: 0,\n        duration: .8,\n        ease: \"power3.out\",\n        stagger: .12,\n        scrollTrigger: { trigger: root.querySelector(\".craft-grid\"), start: \"top 85%\", once: true }\n      });\n      gsap.from(root.querySelectorAll(\".craft-index\"), {\n        scale: .4,\n        opacity: 0,\n        duration: .6,\n        ease: \"back.out(2.4)\",\n        stagger: .12,\n        scrollTrigger: { trigger: root.querySelector(\".craft-grid\"), start: \"top 85%\", once: true }\n      });\n    }\n\n    const craftTrust = root.querySelector(\".craft-trust\");\n    if (craftTrust) {\n      gsap.from(craftTrust, {\n        y: 36,\n        opacity: 0,\n        duration: .8,\n        ease: \"power3.out\",\n        scrollTrigger: { trigger: craftTrust, start: \"top 92%\", once: true }\n      });\n    }\n\n    gsap.utils.toArray(root.querySelectorAll(\".metric strong\")).forEach((el) => {\n      const value = Number(el.dataset.count);\n      const suffix = el.dataset.suffix || \"\";\n      el.innerHTML = `<i>${value}${suffix}<\/i>`;\n      const obj = { val: 0 };\n\n      gsap.to(obj, {\n        val: value,\n        duration: 1.6,\n        ease: \"power2.out\",\n        onUpdate: () => { el.innerHTML = `<i>${Math.round(obj.val)}${suffix}<\/i>`; },\n        scrollTrigger: { trigger: el, start: \"top 88%\", once: true }\n      });\n    });\n  } else {\n    root.querySelectorAll(\".metric strong\").forEach((el) => {\n      el.innerHTML = `<i>${el.dataset.count}${el.dataset.suffix || \"\"}<\/i>`;\n    });\n  }\n\n  function forcePlay(v) {\n    v.muted = true;\n    v.defaultMuted = true;\n    v.playsInline = true;\n    v.setAttribute(\"muted\", \"\");\n    v.setAttribute(\"playsinline\", \"\");\n    v.setAttribute(\"webkit-playsinline\", \"\");\n    v.removeAttribute(\"controls\");\n    v.controls = false;\n    const attempt = () => v.play().catch(() => {});\n    attempt();\n    v.addEventListener(\"canplay\", attempt, { once: true });\n    v.addEventListener(\"loadeddata\", attempt, { once: true });\n  }\n\n  if (\"IntersectionObserver\" in window) {\n    const vidObserver = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        const v = entry.target;\n        if (entry.isIntersecting) { forcePlay(v); }\n        else { v.pause(); }\n      });\n    }, { threshold: 0, rootMargin: \"200px 0px\" });\n\n    root.querySelectorAll(\"video\").forEach((v) => {\n      v.removeAttribute(\"controls\");\n      v.controls = false;\n      vidObserver.observe(v);\n    });\n  } else {\n    root.querySelectorAll(\"video\").forEach(forcePlay);\n  }\n\n  if (\"MutationObserver\" in window) {\n    root.querySelectorAll(\".video-slot video\").forEach((v) => {\n      new MutationObserver(() => {\n        if (v.hasAttribute(\"controls\")) {\n          v.removeAttribute(\"controls\");\n          v.controls = false;\n        }\n      }).observe(v, { attributes: true, attributeFilter: [\"controls\"] });\n    });\n  }\n\n  function reportHeight() {\n    if (window.parent !== window) {\n      window.parent.postMessage({\n        type: \"travelart-leisure-height\",\n        height: root.scrollHeight\n      }, \"*\");\n    }\n  }\n\n  window.addEventListener(\"load\", reportHeight);\n  window.addEventListener(\"resize\", reportHeight);\n  if (\"ResizeObserver\" in window) {\n    new ResizeObserver(reportHeight).observe(root);\n  }\n})();\n<\/script>\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":111,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30323\/revisions"}],"predecessor-version":[{"id":31244,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30323\/revisions\/31244"}],"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}]}}