{"id":30457,"date":"2026-06-01T19:45:13","date_gmt":"2026-06-01T19:45:13","guid":{"rendered":"https:\/\/onionlabs.link\/travelart\/?page_id=30457"},"modified":"2026-06-28T15:52:49","modified_gmt":"2026-06-28T15:52:49","slug":"groups","status":"publish","type":"page","link":"https:\/\/onionlabs.link\/travelart\/groups\/","title":{"rendered":"Groups"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30457\" class=\"elementor elementor-30457\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d4fc8c4 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"d4fc8c4\" 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-aabd002 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"aabd002\" 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-348006f sc_fly_static elementor-widget elementor-widget-html\" data-id=\"348006f\" 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 | Group Travel - 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-groups-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-groups-page, #travelart-groups-page * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n#travelart-groups-page {\r\n      scroll-behavior: smooth;\r\n      background: var(--white);\r\n    }\r\n\r\n#travelart-groups-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-groups-page ::selection {\r\n      color: var(--black);\r\n      background: var(--green);\r\n    }\r\n\r\n#travelart-groups-page a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n#travelart-groups-page button,\r\n#travelart-groups-page a {\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n#travelart-groups-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-groups-page .hero {\r\n      --hero-gutter: clamp(20px, 5vw, 72px);\r\n      position: relative;\r\n      width: 100%;\r\n      left: 0;\r\n      min-height: 100svh;\r\n      display: grid;\r\n      align-items: end;\r\n      overflow: hidden;\r\n      padding: 130px var(--hero-gutter) 46px;\r\n      color: var(--white);\r\n      background:\r\n        radial-gradient(circle at 75% 30%, rgba(0, 250, 211, .22), transparent 25%),\r\n        radial-gradient(circle at 20% 105%, rgba(0, 250, 211, .15), transparent 32%),\r\n        var(--black);\r\n    }\r\n\r\n#travelart-groups-page .hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: .25;\r\n      background:\r\n        linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px) 0 0 \/ 72px 72px,\r\n        linear-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px) 0 0 \/ 72px 72px;\r\n      mask-image: linear-gradient(to bottom, transparent, #000 30%, #000);\r\n    }\r\n\r\n#travelart-groups-page .hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background: linear-gradient(90deg, rgba(2, 2, 2, .88), rgba(2, 2, 2, .22) 58%, transparent);\r\n      pointer-events: none;\r\n    }\r\n\r\n#travelart-groups-page .hero-orbit {\r\n      position: absolute;\r\n      z-index: 1;\r\n      top: 11%;\r\n      right: clamp(-140px, -5vw, -30px);\r\n      width: clamp(360px, 46vw, 680px);\r\n      aspect-ratio: 1;\r\n      border: 1px solid rgba(255, 255, 255, .18);\r\n      border-radius: 50%;\r\n      animation: rotate 25s linear infinite;\r\n    }\r\n\r\n#travelart-groups-page .hero-orbit::before,\r\n#travelart-groups-page .hero-orbit::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      border: 1px solid rgba(255, 255, 255, .12);\r\n      border-radius: 50%;\r\n    }\r\n\r\n#travelart-groups-page .hero-orbit::before {\r\n      inset: 14%;\r\n    }\r\n\r\n#travelart-groups-page .hero-orbit::after {\r\n      inset: 29%;\r\n    }\r\n\r\n#travelart-groups-page .orbit-dot {\r\n      position: absolute;\r\n      display: grid;\r\n      place-items: center;\r\n      width: clamp(54px, 7vw, 88px);\r\n      aspect-ratio: 1;\r\n      border: 5px solid var(--black);\r\n      border-radius: 50%;\r\n      color: var(--black);\r\n      background: var(--green);\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-weight: 900;\r\n      animation: rotate-reverse 25s linear infinite;\r\n    }\r\n\r\n#travelart-groups-page .orbit-dot:nth-child(1) {\r\n      top: 2%;\r\n      left: 20%;\r\n    }\r\n\r\n#travelart-groups-page .orbit-dot:nth-child(2) {\r\n      top: 48%;\r\n      right: -5%;\r\n      background: var(--white);\r\n    }\r\n\r\n#travelart-groups-page .orbit-dot:nth-child(3) {\r\n      bottom: 0;\r\n      left: 22%;\r\n    }\r\n\r\n#travelart-groups-page .orbit-dot:nth-child(4) {\r\n      top: 42%;\r\n      left: -4%;\r\n      background: var(--white);\r\n    }\r\n\r\n#travelart-groups-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-groups-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-groups-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-groups-page h1,\r\n#travelart-groups-page h2,\r\n#travelart-groups-page h3,\r\n#travelart-groups-page p {\r\n      margin-top: 0;\r\n    }\r\n\r\n#travelart-groups-page h1,\r\n#travelart-groups-page h2,\r\n#travelart-groups-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-groups-page h1 {\r\n      max-width: 1040px;\r\n      font-size: clamp(52px, 10vw, 138px);\r\n      line-height: .78;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-groups-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-groups-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-groups-page .hero h1 .stroke {\r\n      color: transparent !important;\r\n    }\r\n\r\n#travelart-groups-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-groups-page .hero-copy {\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, .75);\r\n      font-size: clamp(17px, 2vw, 21px);\r\n      line-height: 1.55;\r\n    }\r\n\r\n#travelart-groups-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, .65);\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-groups-page .marquee {\r\n  position: relative;\r\n  z-index: 4;\r\n  width: 100vw;\r\n  margin-left: calc(-50vw + 50%);\r\n  margin-top: 48px;\r\n  margin-bottom: -46px;\r\n  overflow: hidden;\r\n      color: var(--black);\r\n      background: var(--green);\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-groups-page .marquee-track {\r\n      display: flex;\r\n      min-width: max-content;\r\n      animation: marquee 24s linear infinite;\r\n    }\r\n\r\n#travelart-groups-page .marquee span {\r\n      padding: 18px 25px;\r\n      white-space: nowrap;\r\n    }\r\n\r\n#travelart-groups-page .marquee span::after {\r\n      content: \"+\";\r\n      margin-left: 50px;\r\n    }\r\n\r\n#travelart-groups-page .section {\r\n      padding: clamp(78px, 10vw, 136px) clamp(20px, 5vw, 72px);\r\n    }\r\n\r\n#travelart-groups-page .section-inner {\r\n      width: min(1180px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n#travelart-groups-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-groups-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-groups-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-groups-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: .99;\r\n    }\r\n\r\n#travelart-groups-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-groups-page .benefits {\r\n      padding-top: 0;\r\n    }\r\n\r\n#travelart-groups-page .benefit-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-groups-page .benefit {\r\n      position: relative;\r\n      min-height: 380px;\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-groups-page .benefit::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -50px;\r\n      bottom: -50px;\r\n      width: 150px;\r\n      height: 150px;\r\n      border: 1px solid var(--line);\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 0 24px rgba(0, 0, 0, .025), 0 0 0 48px rgba(0, 0, 0, .018);\r\n      transition: transform .5s ease;\r\n    }\r\n\r\n#travelart-groups-page .benefit:hover {\r\n      color: var(--white);\r\n      background: var(--black);\r\n    }\r\n\r\n#travelart-groups-page .benefit:hover h3 {\r\n      color: var(--white);\r\n    }\r\n\r\n#travelart-groups-page .benefit:hover::after {\r\n      border-color: var(--green);\r\n      transform: scale(1.25);\r\n    }\r\n\r\n#travelart-groups-page .benefit-number {\r\n      color: var(--green);\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-size: 48px;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n    }\r\n\r\n#travelart-groups-page .benefit h3 {\r\n      max-width: 240px;\r\n      font-size: clamp(20px, 1vw, 28px);\r\n      line-height: .95;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-groups-page .benefit p {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-width: 290px;\r\n      margin: 19px 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-groups-page .benefit:hover p {\r\n      color: rgba(255, 255, 255, .7);\r\n    }\r\n\r\n#travelart-groups-page .journey {\r\n      overflow: hidden;\r\n      color: var(--white);\r\n      background: var(--black);\r\n    }\r\n\r\n#travelart-groups-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-groups-page .journey h2 {\r\n      max-width: 780px;\r\n      color: var(--white);\r\n      font-size: clamp(44px, 7.6vw, 96px);\r\n      line-height: .82;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-groups-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-groups-page .steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n    }\r\n\r\n#travelart-groups-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-groups-page .step:not(:first-child) {\r\n      padding-left: 24px;\r\n    }\r\n\r\n#travelart-groups-page .step:last-child {\r\n      border-right: 0;\r\n    }\r\n\r\n#travelart-groups-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-groups-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-groups-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-groups-page .host {\r\n      position: relative;\r\n      overflow: hidden;\r\n      color: var(--white);\r\n      background: linear-gradient(rgba(2, 2, 2, .62), rgba(2, 2, 2, .62)), #0f8c79;\r\n    }\r\n\r\n#travelart-groups-page .host::before {\r\n      content: \"HOST\";\r\n      position: absolute;\r\n      top: -5vw;\r\n      right: -2vw;\r\n      color: transparent;\r\n      font-family: \"Outfit\", sans-serif;\r\n      font-size: clamp(190px, 32vw, 520px);\r\n      font-weight: 900;\r\n      line-height: .75;\r\n      -webkit-text-stroke: 1px rgba(255, 255, 255, .14);\r\n      text-stroke: 1px rgba(255, 255, 255, .14);\r\n      pointer-events: none;\r\n    }\r\n\r\n#travelart-groups-page .host-grid {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);\r\n      gap: clamp(45px, 9vw, 130px);\r\n      align-items: start;\r\n    }\r\n\r\n#travelart-groups-page .host-intro {\r\n      position: sticky;\r\n      top: 50px;\r\n    }\r\n\r\n#travelart-groups-page .host h2 {\r\n      max-width: 470px;\r\n      margin-top: 28px;\r\n      color: var(--white);\r\n      font-size: clamp(44px, 7vw, 92px);\r\n      line-height: .8;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n#travelart-groups-page .host-intro p {\r\n      max-width: 380px;\r\n      margin: 26px 0 0;\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      line-height: 1.55;\r\n    }\r\n\r\n#travelart-groups-page .host-list {\r\n      display: grid;\r\n      gap: 12px;\r\n    }\r\n\r\n#travelart-groups-page .host-card {\r\n      display: grid;\r\n      grid-template-columns: auto 1fr;\r\n      gap: 20px;\r\n      align-items: start;\r\n      padding: clamp(20px, 3vw, 30px);\r\n      color: var(--black);\r\n      border: 1px solid rgba(255, 255, 255, .14);\r\n      border-radius: var(--radius);\r\n      background: rgba(255, 255, 255, .82);\r\n      backdrop-filter: blur(7px);\r\n      transition: background .25s ease, transform .25s ease;\r\n    }\r\n\r\n#travelart-groups-page .host-card:hover {\r\n      background: var(--white);\r\n      transform: translateX(-7px);\r\n    }\r\n\r\n#travelart-groups-page .host-card span {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      color: var(--green);\r\n      background: var(--black);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n    }\r\n\r\n#travelart-groups-page .host-card p {\r\n      margin: 2px 0 0;\r\n      font-size: clamp(17px, 2vw, 21px);\r\n      font-weight: 900;\r\n      line-height: 1.3;\r\n    }\r\n\r\n#travelart-groups-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-groups-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-groups-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-groups-page .cta h2 span {\r\n      color: var(--green);\r\n    }\r\n\r\n#travelart-groups-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-groups-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-groups-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-groups-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-groups-page .button:hover {\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n#travelart-groups-page .button-secondary:hover {\r\n      color: var(--black);\r\n      background: var(--white);\r\n    }\r\n\r\n#travelart-groups-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-groups-page.ta-js .reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n#travelart-groups-page.embed-mode .progress {\r\n      display: none;\r\n    }\r\n\r\n#travelart-groups-page.embed-mode .hero {\r\n      min-height: 86svh;\r\n      padding-top: 70px;\r\n    }\r\n\r\n@keyframes rotate {\r\n      to { transform: rotate(360deg); }\r\n    }\r\n\r\n@keyframes rotate-reverse {\r\n      to { transform: rotate(-360deg); }\r\n    }\r\n\r\n@keyframes marquee {\r\n      to { transform: translateX(-50%); }\r\n    }\r\n\r\n@media (max-width: 900px) {\r\n#travelart-groups-page .hero-bottom,\r\n#travelart-groups-page .manifesto,\r\n#travelart-groups-page .journey-head,\r\n#travelart-groups-page .host-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n#travelart-groups-page .hero-note {\r\n        justify-self: start;\r\n      }\r\n\r\n#travelart-groups-page .hero-orbit {\r\n        top: 16%;\r\n        right: -170px;\r\n        opacity: .68;\r\n      }\r\n\r\n#travelart-groups-page .benefit-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n#travelart-groups-page .benefit {\r\n        min-height: 300px;\r\n      }\r\n\r\n#travelart-groups-page .steps {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n#travelart-groups-page .step:nth-child(2) {\r\n        border-right: 0;\r\n      }\r\n\r\n#travelart-groups-page .step:nth-child(3),\r\n#travelart-groups-page .step:nth-child(4) {\r\n        border-top: 1px solid rgba(255, 255, 255, .16);\r\n      }\r\n\r\n#travelart-groups-page .host-intro {\r\n        position: static;\r\n      }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n#travelart-groups-page .hero {\r\n        min-height: 94svh;\r\n        padding-top: 108px;\r\n        padding-bottom: 40px;\r\n      }\r\n\r\n#travelart-groups-page h1 {\r\n        font-size: clamp(46px, 15vw, 72px);\r\n        line-height: .82;\r\n      }\r\n\r\n#travelart-groups-page .hero-orbit {\r\n        top: 12%;\r\n        right: -250px;\r\n        width: 480px;\r\n      }\r\n\r\n#travelart-groups-page .hero-bottom {\r\n        margin-top: 28px;\r\n      }\r\n\r\n#travelart-groups-page .hero-note {\r\n        display: none;\r\n      }\r\n\r\n#travelart-groups-page .marquee {\r\n        margin-bottom: -40px;\r\n      }\r\n\r\n#travelart-groups-page .manifesto-copy {\r\n        font-size: clamp(28px, 9vw, 40px);\r\n      }\r\n\r\n#travelart-groups-page .steps {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n#travelart-groups-page .step,\r\n#travelart-groups-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-groups-page .step-index {\r\n        margin-bottom: 22px;\r\n      }\r\n\r\n#travelart-groups-page .host-card {\r\n        gap: 14px;\r\n      }\r\n\r\n#travelart-groups-page .host-card p {\r\n        font-size: 17px;\r\n      }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n#travelart-groups-page, #travelart-groups-page *,\r\n#travelart-groups-page *::before,\r\n#travelart-groups-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-groups-page,\r\n.elementor-page #travelart-groups-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.elementor-page #travelart-groups-page h1,\r\n.elementor-page #travelart-groups-page h2,\r\n.elementor-page #travelart-groups-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-groups-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-groups-page .manifesto-copy {\r\n  font-size: clamp(29px, 4.4vw, 54px) !important;\r\n}\r\n\r\n.elementor-page #travelart-groups-page .journey h2 {\r\n  font-size: clamp(44px, 7.6vw, 96px) !important;\r\n}\r\n\r\n.elementor-page #travelart-groups-page .host h2 {\r\n  font-size: clamp(44px, 7vw, 92px) !important;\r\n}\r\n\r\n.elementor-page #travelart-groups-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-groups-page\" class=\"ta-js\">\r\n  <div class=\"progress\" aria-hidden=\"true\"><\/div>\r\n\r\n  <main>\r\n    <section class=\"hero\" id=\"top\">\r\n      <div class=\"hero-orbit\" aria-hidden=\"true\">\r\n        <span class=\"orbit-dot\">YOU<\/span>\r\n        <span class=\"orbit-dot\">US<\/span>\r\n        <span class=\"orbit-dot\">GO<\/span>\r\n        <span class=\"orbit-dot\">NEW<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hero-inner\">\r\n        <span class=\"eyebrow reveal\">Joined group adventures<\/span>\r\n        <h1 class=\"reveal\">Get lost <span class=\"stroke\">together<\/span><\/h1>\r\n\r\n        <div class=\"hero-bottom\">\r\n          <p class=\"hero-copy reveal\">Leave the wishy-washy group chats behind. We bring curious, ambitious travellers together for unforgettable African journeys, with every detail handled from arrival to farewell.<\/p>\r\n          <p class=\"hero-note reveal\">Built for connection. Guided by local expertise. Made for stories worth retelling.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"marquee\" aria-hidden=\"true\">\r\n          <div class=\"marquee-track\">\r\n            <span>Culture<\/span><span>Adventure<\/span><span>Connection<\/span><span>Good company<\/span><span>Zero planning stress<\/span>\r\n            <span>Culture<\/span><span>Adventure<\/span><span>Connection<\/span><span>Good company<\/span><span>Zero planning stress<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section\" style=\"background:#ffffff\">\r\n      <div class=\"section-inner manifesto\">\r\n        <span class=\"section-label reveal\">The group effect<\/span>\r\n        <p class=\"manifesto-copy reveal\">The best experiences happen just beyond your comfort zone, where <em>new friendships<\/em> are formed and stories are shared.<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section benefits\" id=\"benefits\" style=\"background:#ffffff\">\r\n      <div class=\"section-inner benefit-grid\">\r\n        <article class=\"benefit reveal\">\r\n          <span class=\"benefit-number\">01<\/span>\r\n          <div>\r\n            <h3>More trip, shared cost<\/h3>\r\n            <p>Enjoy thoughtfully designed itineraries and exceptional experiences while sharing the cost with your group.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"benefit reveal\">\r\n          <span class=\"benefit-number\">02<\/span>\r\n          <div>\r\n            <h3>Everything handled<\/h3>\r\n            <p>Professional coordination and trusted local expertise keep the entire journey smooth, simple, and hassle-free.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"benefit reveal\">\r\n          <span class=\"benefit-number\">03<\/span>\r\n          <div>\r\n            <h3>Arrive solo, leave connected<\/h3>\r\n            <p>Meet like-minded people who share your curiosity, your energy, and your appetite for meaningful adventure.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n\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\">Unbox the adventure<\/h2>\r\n          <p class=\"reveal\">Our fully guided group tours balance culture, adventure, and relaxation. You simply show up ready to explore. We take care of the rest.<\/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>Pick your trip<\/h3>\r\n            <p>Choose the destination and departure that feels right.<\/p>\r\n          <\/article>\r\n          <article class=\"step reveal\">\r\n            <span class=\"step-index\">02<\/span>\r\n            <h3>Meet the crew<\/h3>\r\n            <p>Connect with the people sharing the journey before you fly.<\/p>\r\n          <\/article>\r\n          <article class=\"step reveal\">\r\n            <span class=\"step-index\">03<\/span>\r\n            <h3>Follow the feeling<\/h3>\r\n            <p>Explore with expert guides and room for spontaneous moments.<\/p>\r\n          <\/article>\r\n          <article class=\"step reveal\">\r\n            <span class=\"step-index\">04<\/span>\r\n            <h3>Take home more<\/h3>\r\n            <p>Leave with stories, memories, and a whole new circle.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section host\" id=\"host\">\r\n      <div class=\"section-inner host-grid\">\r\n        <div class=\"host-intro reveal\">\r\n          <span class=\"section-label\">Become a host<\/span>\r\n          <h2>Bring your people<\/h2>\r\n          <p>Turn your passion for connection into an epic trip where your community explores, connects, and travels brilliantly together.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"host-list\">\r\n          <article class=\"host-card reveal\">\r\n            <span>01<\/span>\r\n            <p>You are a creator whose audience genuinely shows up and engages.<\/p>\r\n          <\/article>\r\n          <article class=\"host-card reveal\">\r\n            <span>02<\/span>\r\n            <p>You already bring people together, from book clubs and golf days to gym crews and faith circles.<\/p>\r\n          <\/article>\r\n          <article class=\"host-card reveal\">\r\n            <span>03<\/span>\r\n            <p>You are a Travelart Africa alum ready to run it back with your people.<\/p>\r\n          <\/article>\r\n          <article class=\"host-card reveal\">\r\n            <span>04<\/span>\r\n            <p>You care about real connection over numbers, and your community feels that.<\/p>\r\n          <\/article>\r\n          <article class=\"host-card reveal\">\r\n            <span>05<\/span>\r\n            <p>You are fully yourself, and that is exactly why your audience trusts you.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section cta\" id=\"groups-contact\">\r\n      <div class=\"section-inner cta-inner reveal\">\r\n        <span class=\"eyebrow\">Travelart Africa groups<\/span>\r\n        <h2>Journeys crafted. <span>Memories guaranteed.<\/span><\/h2>\r\n        <p>Ready to join a group or lead your own? Start the conversation and let us shape a trip that fits your energy.<\/p>\r\n        <div class=\"cta-actions\">\r\n          <a class=\"button button-primary\" href=\"mailto:info@travelart.africa?subject=TravelArt%20groups%20enquiry\">Contact us<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  \r\n  <\/main>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n  const root = document.getElementById(\"travelart-groups-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 revealElements = root.querySelectorAll(\".reveal\");\r\n\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((element, index) => {\r\n      element.style.transitionDelay = `${Math.min(index % 4, 3) * 80}ms`;\r\n      observer.observe(element);\r\n    });\r\n  } else {\r\n    revealElements.forEach((element) => element.classList.add(\"is-visible\"));\r\n  }\r\n\r\n  const progress = root.querySelector(\".progress\");\r\n\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  function reportHeight() {\r\n    if (window.parent !== window) {\r\n      window.parent.postMessage({\r\n        type: \"travelart-groups-height\",\r\n        height: root.scrollHeight\r\n      }, \"*\");\r\n    }\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", updateProgress, { passive: true });\r\n  window.addEventListener(\"load\", reportHeight);\r\n  window.addEventListener(\"resize\", reportHeight);\r\n\r\n  if (\"ResizeObserver\" in window) {\r\n    new ResizeObserver(reportHeight).observe(root);\r\n  }\r\n\r\n  updateProgress();\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>YOU US GO NEW Joined group adventures Get lost together Leave the wishy-washy group chats behind. We bring curious, ambitious travellers together for unforgettable African journeys, with every detail handled&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-30457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30457","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=30457"}],"version-history":[{"count":101,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30457\/revisions"}],"predecessor-version":[{"id":31070,"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/pages\/30457\/revisions\/31070"}],"wp:attachment":[{"href":"https:\/\/onionlabs.link\/travelart\/wp-json\/wp\/v2\/media?parent=30457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}