{"id":42990,"date":"2026-08-16T09:07:27","date_gmt":"2026-08-16T06:07:27","guid":{"rendered":"https:\/\/pangaeaclub.net\/pangaea-mallathon\/"},"modified":"2026-10-05T13:05:13","modified_gmt":"2026-10-05T10:05:13","slug":"pangaea-hamat","status":"publish","type":"page","link":"https:\/\/pangaeaclub.net\/ar\/pangaea-hamat\/","title":{"rendered":"\u0647\u0627\u0645\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42990\" class=\"elementor elementor-42990 elementor-42967\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc96560 e-con-full e-flex e-con e-parent\" data-id=\"bc96560\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f47a9d3 elementor-widget elementor-widget-html\" data-id=\"f47a9d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>HAMAT RUN | \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644<\/title>\n  <meta name=\"description\" content=\"HAMAT RUN \u062a\u062c\u0631\u0628\u0629 \u0631\u064a\u0627\u0636\u064a\u0629 \u062a\u062c\u0645\u0639 \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644 \u0641\u064a \u0623\u062c\u0648\u0627\u0621 \u0645\u062c\u062a\u0645\u0639\u064a\u0629 \u062d\u064a\u0648\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0631 \u0648\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629.\">\n\n  <style>\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap\");\n\n    :root {\n      --ink: #000000;\n      --muted: #5f6f68;\n      --line: rgba(0, 0, 0, 0.12);\n      --paper: #ffffff;\n      --mist: #f2fbfa;\n      --green: #64d1cc;\n      --green-2: #42beb8;\n      --aqua: #64d1cc;\n      --coral: #d73d3b;\n      --shadow: 0 24px 70px rgba(0, 0, 0, 0.12);\n      --radius: 24px;\n    }\n\n    * { box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n    body {\n      margin: 0;\n      font-family: \"Poppins\", \"Helvetica Neue\", Arial, sans-serif;\n      color: var(--ink);\n      background: var(--paper);\n      line-height: 1.7;\n    }\n\n    img { max-width: 100%; display: block; }\n    a { color: inherit; }\n    button { font: inherit; }\n\n    @keyframes heroReveal {\n      from { opacity: 0; transform: translateY(26px); filter: blur(8px); }\n      to { opacity: 1; transform: translateY(0); filter: blur(0); }\n    }\n\n    @keyframes softPulse {\n      0%, 100% { box-shadow: 0 0 0 6px rgba(100,209,204,.20); }\n      50% { box-shadow: 0 0 0 12px rgba(100,209,204,.04); }\n    }\n\n    [data-animate] {\n      opacity: 0;\n      transform: translateY(30px);\n      transition:\n        opacity .75s cubic-bezier(.2,.8,.2,1),\n        transform .75s cubic-bezier(.2,.8,.2,1),\n        filter .75s cubic-bezier(.2,.8,.2,1);\n      transition-delay: var(--delay, 0ms);\n      filter: blur(6px);\n      will-change: opacity, transform;\n    }\n\n    [data-animate=\"slide-left\"] { transform: translateX(-34px); }\n    [data-animate=\"slide-right\"] { transform: translateX(34px); }\n\n    [data-animate].is-visible {\n      opacity: 1;\n      transform: translate(0, 0);\n      filter: blur(0);\n    }\n\n    .wrap {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n    }\n\n    section {\n      padding: 82px clamp(18px, 4vw, 56px);\n    }\n\n    .eyebrow {\n      color: var(--green-2);\n      font-weight: 900;\n      font-size: 12px;\n      letter-spacing: .04em;\n      margin-bottom: 8px;\n    }\n\n    h1, h2, h3, p { margin-top: 0; }\n\n    h2 {\n      margin-bottom: 0;\n      font-size: clamp(32px, 5vw, 60px);\n      line-height: 1.08;\n      font-weight: 900;\n    }\n\n    .section-head {\n      display: flex;\n      justify-content: space-between;\n      align-items: end;\n      gap: 28px;\n      margin-bottom: 32px;\n    }\n\n    .section-copy {\n      max-width: 520px;\n      margin: 0;\n      color: var(--muted);\n      font-size: 16px;\n    }\n\n    .btn {\n      min-height: 50px;\n      padding: 13px 22px;\n      border-radius: 999px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      text-decoration: none;\n      font-weight: 900;\n      border: 0;\n      cursor: pointer;\n      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\n    }\n\n    .btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 16px 32px rgba(0,0,0,.18);\n    }\n\n    .btn-primary {\n      background: var(--coral);\n      color: #fff;\n    }\n\n    .btn-secondary {\n      color: #fff;\n      border: 1px solid rgba(255,255,255,.32);\n      background: rgba(255,255,255,.12);\n      backdrop-filter: blur(12px);\n    }\n\n    \/* HERO *\/\n    .hero {\n      min-height: 92vh;\n      position: relative;\n      display: grid;\n      align-items: end;\n      overflow: hidden;\n      color: #fff;\n      background: #000;\n    }\n\n    .hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.56) 44%, rgba(0,0,0,.12) 100%),\n        linear-gradient(0deg, rgba(0,0,0,.76), rgba(0,0,0,.10) 52%),\n        url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\") center \/ cover no-repeat;\n      transform: translate3d(var(--hero-x, 0px), var(--hero-y, 0px), 0) scale(1.05);\n      transition: transform .28s ease-out;\n      will-change: transform;\n    }\n\n    .hero-inner {\n      position: relative;\n      z-index: 1;\n      width: min(1180px, calc(100% - 36px));\n      margin: 0 auto;\n      padding: 128px 0 64px;\n    }\n\n    .kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      padding: 8px 13px;\n      border: 1px solid rgba(255,255,255,.28);\n      border-radius: 999px;\n      background: rgba(255,255,255,.11);\n      backdrop-filter: blur(14px);\n      font-size: 12px;\n      font-weight: 900;\n      opacity: 0;\n      animation: heroReveal .75s .08s cubic-bezier(.2,.8,.2,1) forwards;\n    }\n\n    .kicker::before {\n      content: \"\";\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: var(--aqua);\n      box-shadow: 0 0 0 6px rgba(100,209,204,.20);\n      animation: softPulse 2.6s ease-in-out infinite;\n    }\n\n    .hero h1 {\n      max-width: 900px;\n      margin: 22px 0 18px;\n      font-size: clamp(52px, 8vw, 110px);\n      line-height: .94;\n      font-weight: 950;\n      color: #ffffff;\n      opacity: 0;\n      animation: heroReveal .85s .2s cubic-bezier(.2,.8,.2,1) forwards;\n    }\n\n    .hero h1 .brand-line {\n      display: block;\n      color: var(--aqua);\n      font-size: .52em;\n      margin-top: 16px;\n      letter-spacing: .02em;\n    }\n\n    .hero-lede {\n      max-width: 760px;\n      margin: 0 0 16px;\n      font-size: clamp(17px, 2vw, 22px);\n      color: rgba(255,255,255,.88);\n      opacity: 0;\n      animation: heroReveal .85s .34s cubic-bezier(.2,.8,.2,1) forwards;\n    }\n\n    .hero-subcopy {\n      max-width: 730px;\n      margin: 0 0 30px;\n      color: rgba(255,255,255,.70);\n      font-size: 15px;\n      opacity: 0;\n      animation: heroReveal .85s .42s cubic-bezier(.2,.8,.2,1) forwards;\n    }\n\n    .hero-actions {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      flex-wrap: wrap;\n      opacity: 0;\n      animation: heroReveal .85s .52s cubic-bezier(.2,.8,.2,1) forwards;\n    }\n\n    \/* PARTICIPATION *\/\n    .participation {\n      background: linear-gradient(180deg, var(--paper), var(--mist));\n    }\n\n    .participation-grid {\n      display: grid;\n      grid-template-columns: .9fr 1.1fr;\n      gap: 24px;\n      align-items: stretch;\n    }\n\n    .feature-photo {\n      min-height: 560px;\n      border-radius: var(--radius);\n      overflow: hidden;\n      box-shadow: var(--shadow);\n      position: relative;\n    }\n\n    .feature-photo img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transform: scale(1.04);\n      transition: transform 1.2s cubic-bezier(.2,.8,.2,1);\n    }\n\n    .feature-photo.is-visible img { transform: scale(1); }\n\n    .photo-badge {\n      position: absolute;\n      right: 18px;\n      left: 18px;\n      bottom: 18px;\n      background: rgba(255,255,255,.94);\n      border-radius: var(--radius);\n      padding: 18px;\n      box-shadow: 0 18px 40px rgba(10,34,27,.16);\n    }\n\n    .photo-badge strong {\n      display: block;\n      font-size: 23px;\n      line-height: 1.25;\n      margin-bottom: 5px;\n    }\n\n    .photo-badge span {\n      color: var(--muted);\n      font-size: 14px;\n    }\n\n    .steps {\n      display: grid;\n      gap: 12px;\n    }\n\n    .step {\n      display: grid;\n      grid-template-columns: 58px 1fr;\n      gap: 16px;\n      align-items: start;\n      padding: 22px;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: rgba(255,255,255,.78);\n      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    }\n\n    .step:hover {\n      transform: translateY(-4px);\n      border-color: rgba(100,209,204,.72);\n      box-shadow: 0 18px 38px rgba(0,0,0,.08);\n    }\n\n    .step-num {\n      width: 58px;\n      height: 58px;\n      border-radius: 50%;\n      display: grid;\n      place-items: center;\n      color: #000;\n      font-weight: 950;\n      background: linear-gradient(135deg, var(--green), var(--aqua));\n      transition: transform .25s ease;\n    }\n\n    .step:hover .step-num { transform: rotate(-5deg) scale(1.05); }\n    .step h3 { margin: 0 0 5px; font-size: 20px; }\n    .step p { margin: 0; color: var(--muted); }\n\n    \/* ROUTES *\/\n    .routes {\n      background: var(--paper);\n    }\n\n    .filters {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      margin-bottom: 22px;\n    }\n\n    .filter {\n      border: 1px solid var(--line);\n      background: #fff;\n      border-radius: 999px;\n      padding: 9px 14px;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 900;\n      color: var(--muted);\n      transition: transform .2s ease, background .2s ease, color .2s ease;\n    }\n\n    .filter:hover { transform: translateY(-2px); }\n\n    .filter.is-active {\n      color: #000;\n      border-color: var(--green);\n      background: var(--green);\n    }\n\n    .route-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 16px;\n    }\n\n    .route-card {\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: #fff;\n      overflow: hidden;\n      box-shadow: 0 14px 35px rgba(10,34,27,.07);\n      transition: transform .28s ease, box-shadow .28s ease;\n    }\n\n    .route-card:hover {\n      transform: translateY(-8px);\n      box-shadow: var(--shadow);\n    }\n\n    .route-img {\n      height: 210px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .route-img img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform .7s cubic-bezier(.2,.8,.2,1);\n    }\n\n    .route-card:hover .route-img img { transform: scale(1.08); }\n\n    .route-img::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(0deg, rgba(0,0,0,.62), transparent 62%);\n    }\n\n    .route-city {\n      position: absolute;\n      right: 14px;\n      bottom: 12px;\n      z-index: 2;\n      color: #fff;\n      font-weight: 950;\n      font-size: 15px;\n    }\n\n    .route-body { padding: 20px; }\n    .route-body h3 { margin: 0 0 12px; font-size: 24px; }\n\n    .route-label {\n      display: block;\n      margin-top: 14px;\n      margin-bottom: 7px;\n      color: var(--muted);\n      font-size: 12px;\n      font-weight: 900;\n    }\n\n    .distances {\n      display: flex;\n      gap: 7px;\n      flex-wrap: wrap;\n      margin-bottom: 14px;\n    }\n\n    .distances span {\n      padding: 6px 10px;\n      background: var(--mist);\n      border-radius: 999px;\n      color: #218d88;\n      font-size: 12px;\n      font-weight: 900;\n    }\n\n    .event-date {\n      padding-top: 13px;\n      border-top: 1px solid var(--line);\n      color: var(--muted);\n      font-size: 13px;\n      font-weight: 700;\n    }\n\n    .route-link {\n      display: inline-flex;\n      margin-top: 16px;\n      text-decoration: none;\n      color: #000;\n      font-weight: 900;\n      border-bottom: 2px solid var(--green);\n      padding-bottom: 3px;\n    }\n\n    \/* EVENT DAY *\/\n    .event-day {\n      position: relative;\n      color: #fff;\n      background:\n        linear-gradient(90deg, rgba(0,0,0,.90), rgba(0,0,0,.48)),\n        url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\") center \/ cover no-repeat;\n    }\n\n    .event-day .eyebrow { color: var(--aqua); }\n    .event-day .section-copy { color: rgba(255,255,255,.78); }\n\n    .event-grid {\n      display: grid;\n      grid-template-columns: .82fr 1.18fr;\n      gap: 34px;\n      align-items: start;\n    }\n\n    .timeline {\n      display: grid;\n      gap: 11px;\n    }\n\n    .time-row {\n      display: grid;\n      grid-template-columns: 58px 190px 1fr;\n      gap: 14px;\n      align-items: center;\n      padding: 17px;\n      border: 1px solid rgba(255,255,255,.18);\n      border-radius: var(--radius);\n      background: rgba(255,255,255,.10);\n      backdrop-filter: blur(12px);\n      transition: transform .25s ease, background .25s ease, border-color .25s ease;\n    }\n\n    .time-row:hover {\n      transform: translateX(-6px);\n      border-color: rgba(100,209,204,.45);\n      background: rgba(255,255,255,.15);\n    }\n\n    .time-index {\n      width: 44px;\n      height: 44px;\n      display: grid;\n      place-items: center;\n      border-radius: 50%;\n      background: var(--aqua);\n      color: #000;\n      font-weight: 950;\n    }\n\n    .time-row strong {\n      color: var(--aqua);\n      font-size: 18px;\n    }\n\n    .time-row span {\n      color: rgba(255,255,255,.82);\n      font-size: 14px;\n      font-weight: 700;\n    }\n\n    .event-quote {\n      margin-top: 22px;\n      font-size: 20px;\n      font-weight: 900;\n      color: #fff;\n    }\n\n    \/* PARTNERS *\/\n    .partners {\n      background: linear-gradient(180deg, #fff, var(--mist));\n    }\n\n    .partner-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 10px;\n    }\n\n    .partner {\n      min-height: 118px;\n      display: grid;\n      place-items: center;\n      text-align: center;\n      padding: 16px;\n      position: relative;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,.28);\n      border-radius: var(--radius);\n      background:\n        linear-gradient(0deg, rgba(0,0,0,.64), rgba(0,0,0,.30)),\n        url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\") center \/ cover no-repeat;\n      color: #fff;\n      font-size: 13px;\n      font-weight: 950;\n      box-shadow: 0 14px 32px rgba(0,0,0,.12);\n      transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;\n    }\n\n    .partner:nth-child(even) {\n      background:\n        linear-gradient(0deg, rgba(0,0,0,.64), rgba(0,0,0,.30)),\n        url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\") center \/ cover no-repeat;\n    }\n\n    .partner:hover {\n      transform: translateY(-5px) scale(1.02);\n      filter: saturate(1.08);\n      box-shadow: 0 24px 46px rgba(0,0,0,.18);\n    }\n\n    \/* FAQ *\/\n    .faq {\n      background: #000;\n      color: #fff;\n    }\n\n    .faq .eyebrow { color: var(--aqua); }\n    .faq .section-copy { color: rgba(255,255,255,.74); }\n\n    .faq-list {\n      display: grid;\n      gap: 10px;\n      max-width: 900px;\n      margin: 28px auto 0;\n    }\n\n    .faq-item {\n      border: 1px solid rgba(255,255,255,.16);\n      border-radius: var(--radius);\n      background: rgba(255,255,255,.08);\n      overflow: hidden;\n      transition: border-color .25s ease, background .25s ease, transform .25s ease;\n    }\n\n    .faq-item:hover {\n      transform: translateY(-2px);\n      border-color: rgba(100,209,204,.38);\n      background: rgba(255,255,255,.11);\n    }\n\n    .faq-question {\n      width: 100%;\n      color: #fff;\n      background: transparent;\n      border: 0;\n      text-align: right;\n      padding: 18px 20px;\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      cursor: pointer;\n      font-weight: 900;\n    }\n\n    .faq-question span:last-child {\n      color: var(--aqua);\n      font-size: 20px;\n      transition: transform .2s ease;\n    }\n\n    .faq-item.is-open .faq-question span:last-child { transform: rotate(45deg); }\n\n    .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height .3s ease;\n    }\n\n    .faq-answer p {\n      margin: 0;\n      padding: 0 20px 20px;\n      color: rgba(255,255,255,.76);\n    }\n\n    .faq-item.is-open .faq-answer { max-height: 240px; }\n\n    \/* FINAL CTA *\/\n    .final-cta {\n      position: relative;\n      overflow: hidden;\n      color: #fff;\n      text-align: center;\n      background:\n        linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.48)),\n        url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\") center \/ cover no-repeat;\n    }\n\n    .final-cta .small-line {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--aqua);\n      font-weight: 900;\n    }\n\n    .final-cta h2 {\n      max-width: 850px;\n      margin: 0 auto 18px;\n    }\n\n    .final-cta p {\n      max-width: 620px;\n      margin: 0 auto 28px;\n      color: rgba(255,255,255,.82);\n      font-size: 18px;\n    }\n\n    .final-brand {\n      display: block;\n      margin-bottom: 22px;\n      font-size: clamp(28px, 4vw, 46px);\n      font-weight: 950;\n      letter-spacing: .05em;\n    }\n\n    .footer {\n      padding: 30px clamp(18px, 4vw, 56px);\n      background: #000;\n      color: rgba(255,255,255,.68);\n      font-size: 13px;\n    }\n\n    .footer .wrap {\n      display: flex;\n      justify-content: space-between;\n      gap: 18px;\n      flex-wrap: wrap;\n    }\n\n\n\n    \/* DARK BACKGROUNDS \u2014 ALL TEXT MUST STAY WHITE *\/\n    .hero h1,\n    .hero h1 .brand-line,\n    .hero .kicker,\n    .hero .hero-lede,\n    .hero .hero-subcopy,\n    .event-day h2,\n    .event-day .eyebrow,\n    .event-day .section-copy,\n    .event-day .time-row strong,\n    .event-day .time-row span,\n    .event-day .event-quote,\n    .faq h2,\n    .faq .eyebrow,\n    .faq .section-copy,\n    .faq .faq-question,\n    .faq .faq-question span,\n    .faq .faq-answer p,\n    .final-cta .small-line,\n    .final-cta h2,\n    .final-cta p,\n    .final-cta .final-brand,\n    .footer,\n    .footer span {\n      color: #ffffff !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      *, *::before, *::after {\n        animation-duration: .001ms !important;\n        animation-iteration-count: 1 !important;\n        scroll-behavior: auto !important;\n        transition-duration: .001ms !important;\n      }\n\n      [data-animate] {\n        opacity: 1;\n        transform: none;\n        filter: none;\n      }\n    }\n\n    @media (max-width: 980px) {\n      .participation-grid,\n      .event-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .route-grid { grid-template-columns: repeat(2, 1fr); }\n      .partner-grid { grid-template-columns: repeat(2, 1fr); }\n      .feature-photo { min-height: 400px; }\n    }\n\n    @media (max-width: 700px) {\n      .hero { min-height: 88vh; }\n      .hero-inner { width: calc(100% - 28px); padding: 104px 0 34px; }\n      .hero h1 { font-size: clamp(48px, 15vw, 72px); }\n      .hero h1 .brand-line { font-size: .48em; }\n\n      section { padding: 60px 14px; }\n      .section-head { display: block; }\n      .section-copy { margin-top: 12px; }\n\n      .route-grid,\n      .partner-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .step {\n        grid-template-columns: 48px 1fr;\n        padding: 18px;\n      }\n\n      .step-num {\n        width: 48px;\n        height: 48px;\n      }\n\n      .time-row {\n        grid-template-columns: 46px 1fr;\n      }\n\n      .time-row span {\n        grid-column: 2;\n      }\n\n      .feature-photo { min-height: 330px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <header class=\"hero\" id=\"top\">\n    <div class=\"hero-inner\">\n      <div class=\"kicker\">HAMAT RUN<\/div>\n\n      <h1>\n        \u0627\u0644\u064a\u0648\u0645\u2026<br>\n        \u0644\u0627 \u062a\u062f\u062e\u0644\u0647\u0627 \u0639\u0627\u062f\u064a.<br>\n        \u0646\u062f\u062e\u0644\u0647\u0627 \u0631\u0643\u0636.\n        <span class=\"brand-line\">HAMAT RUN<\/span>\n      <\/h1>\n\n      <p class=\"hero-lede\">\n        \u062a\u062c\u0631\u0628\u0629 \u0631\u064a\u0627\u0636\u064a\u0629 \u062a\u062c\u0645\u0639 \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644 \u0641\u064a \u0623\u062c\u0648\u0627\u0621 \u0645\u062c\u062a\u0645\u0639\u064a\u0629 \u062d\u064a\u0648\u064a\u0629\u060c \u0635\u064f\u0645\u0645\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0631 \u0648\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629.\n      <\/p>\n\n      <p class=\"hero-subcopy\">\n        \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0639\u062f\u0651\u0627\u0621\u064b\u060c \u0645\u0646 \u0645\u062d\u0628\u064a \u0627\u0644\u0645\u0634\u064a\u060c \u0623\u0648 \u062a\u0628\u062d\u062b \u0639\u0646 \u0628\u062f\u0627\u064a\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u064a\u0648\u0645\u0643\u060c Hamat Run \u064a\u0645\u0646\u062d\u0643 \u0641\u0631\u0635\u0629 \u0644\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0648\u0644 \u0628\u0637\u0631\u064a\u0642\u0629 \u062c\u062f\u064a\u062f\u0629.\n      <\/p>\n\n      <div class=\"hero-actions\">\n        <a class=\"btn btn-primary\" href=\"#\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/a>\n        <a class=\"btn btn-secondary\" href=\"#routes\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <section class=\"participation\" id=\"how\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"eyebrow\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/div>\n          <h2>\u062a\u062c\u0631\u0628\u0629 \u0628\u0633\u064a\u0637\u0629 \u0645\u0646 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u062d\u062a\u0649 \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629<\/h2>\n        <\/div>\n        <p class=\"section-copy\">\n          \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0647\u0648 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643\u060c \u062b\u0645 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u062a\u062c\u0631\u0628\u0629 \u062a\u062c\u0645\u0639 \u0627\u0644\u062d\u0631\u0643\u0629\u060c \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u060c \u0648\u0627\u0644\u062d\u0645\u0627\u0633 \u0641\u064a \u0645\u0643\u0627\u0646 \u0645\u062e\u062a\u0644\u0641.\n        <\/p>\n      <\/div>\n\n      <div class=\"participation-grid\">\n        <div class=\"feature-photo\">\n          <img decoding=\"async\" src=\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\" alt=\"\u062a\u062c\u0631\u0628\u0629 HAMAT RUN \u0644\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644\">\n          <div class=\"photo-badge\">\n            <strong>\u0627\u0631\u0643\u0636. \u0627\u0645\u0634\u0650. \u0648\u0634\u0627\u0631\u0643 \u0627\u0644\u062a\u062c\u0631\u0628\u0629.<\/strong>\n            <span>\u0627\u062e\u062a\u0631 \u0645\u0648\u0642\u0639\u0643\u060c \u062d\u062f\u062f \u062a\u062c\u0631\u0628\u062a\u0643\u060c \u0648\u0623\u0643\u0645\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0642\u0628\u0644 \u064a\u0648\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"steps\">\n          <article class=\"step\">\n            <div class=\"step-num\">01<\/div>\n            <div>\n              <h3>\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639<\/h3>\n              <p>\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643 \u0627\u0644\u0623\u0642\u0631\u0628 \u0625\u0644\u064a\u0643 \u0648\u0627\u0637\u0651\u0644\u0639 \u0639\u0644\u0649 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0631\u060c \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629.<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"step\">\n            <div class=\"step-num\">02<\/div>\n            <div>\n              <h3>\u0627\u062e\u062a\u0631 \u062a\u062c\u0631\u0628\u062a\u0643<\/h3>\n              <p>\u062d\u062f\u062f \u0627\u0644\u0641\u0626\u0629 \u0623\u0648 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0645\u0633\u062a\u0648\u0627\u0643\u060c \u0633\u0648\u0627\u0621 \u0644\u0644\u0645\u0634\u064a \u0623\u0648 \u0627\u0644\u062c\u0631\u064a.<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"step\">\n            <div class=\"step-num\">03<\/div>\n            <div>\n              <h3>\u0623\u0643\u0645\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/h3>\n              <p>\u0633\u062c\u0651\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u064a\u0648\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629.<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"step\">\n            <div class=\"step-num\">04<\/div>\n            <div>\n              <h3>\u0627\u0646\u0637\u0644\u0642<\/h3>\n              <p>\u0627\u062d\u0636\u0631 \u0625\u0644\u0649 \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062c\u0645\u0639\u060c \u0634\u0627\u0631\u0643 \u0641\u064a \u0627\u0644\u0625\u062d\u0645\u0627\u0621\u060c \u062b\u0645 \u0627\u0628\u062f\u0623 \u062a\u062c\u0631\u0628\u062a\u0643 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u0627\u0631 \u062d\u062a\u0649 \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629.<\/p>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"routes\" id=\"routes\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"eyebrow\">\u0645\u0633\u0627\u0631\u0627\u062a HAMAT RUN \u2014 \u0627\u0644\u0631\u064a\u0627\u0636<\/div>\n          <h2>\u062a\u062c\u0631\u0628\u0629 \u062a\u0645\u062a\u062f \u0639\u0628\u0631 \u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636<\/h2>\n        <\/div>\n        <p class=\"section-copy\">\n          \u062a\u0642\u0627\u0645 Hamat Run \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636 \u062f\u0627\u062e\u0644 \u0645\u0648\u0627\u0642\u0639 \u0645\u062e\u062a\u0627\u0631\u0629\u060c \u0645\u0639 \u0645\u0633\u0627\u0631\u0627\u062a \u0645\u0646\u0638\u0645\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a. \u064a\u0645\u0643\u0646\u0643 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643\u060c \u0648\u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a\u060c \u0648\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0642\u0628\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644.\n        <\/p>\n      <\/div>\n\n      <div class=\"filters\" aria-label=\"\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\">\n        <button class=\"filter is-active\" data-filter=\"riyadh\">\u0627\u0644\u0631\u064a\u0627\u0636<\/button>\n      <\/div>\n\n      <div class=\"route-grid\">\n        <article class=\"route-card\" data-city=\"riyadh\">\n          <div class=\"route-img\">\n            <img decoding=\"async\" src=\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\" alt=\"\u0645\u0633\u0627\u0631 HAMAT RUN \u0641\u064a \u0628\u0627\u0646\u0648\u0631\u0627\u0645\u0627\">\n            <div class=\"route-city\">\u0627\u0644\u0631\u064a\u0627\u0636<\/div>\n          <\/div>\n          <div class=\"route-body\">\n            <h3>Panorama<\/h3>\n            <span class=\"route-label\">\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629:<\/span>\n            <div class=\"distances\">\n              <span>2 \u0643\u0645 \u2014 35 \u0631\u064a\u0627\u0644<\/span>\n              <span>5 \u0643\u0645 \u2014 50 \u0631\u064a\u0627\u0644<\/span>\n              <span>10 \u0643\u0645 \u2014 100 \u0631\u064a\u0627\u0644<\/span>\n            <\/div>\n            <div class=\"event-date\"><strong>\u0645\u0648\u0639\u062f \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629:<\/strong><br>17, 24 OCT<\/div>\n            <a class=\"route-link\" href=\"#\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"route-card\" data-city=\"riyadh\">\n          <div class=\"route-img\">\n            <img decoding=\"async\" src=\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\" alt=\"\u0645\u0633\u0627\u0631 HAMAT RUN \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636 \u0628\u0627\u0631\u0643\">\n            <div class=\"route-city\">\u0627\u0644\u0631\u064a\u0627\u0636<\/div>\n          <\/div>\n          <div class=\"route-body\">\n            <h3>Riyadh Park<\/h3>\n            <span class=\"route-label\">\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629:<\/span>\n            <div class=\"distances\">\n              <span>2 \u0643\u0645 \u2014 35 \u0631\u064a\u0627\u0644<\/span>\n              <span>5 \u0643\u0645 \u2014 50 \u0631\u064a\u0627\u0644<\/span>\n              <span>10 \u0643\u0645 \u2014 100 \u0631\u064a\u0627\u0644<\/span>\n            <\/div>\n            <div class=\"event-date\"><strong>\u0645\u0648\u0639\u062f \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629:<\/strong><br>31 Oct, 7 Nov<\/div>\n            <a class=\"route-link\" href=\"#\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"event-day\" id=\"event-day\">\n    <div class=\"wrap event-grid\">\n      <div>\n        <div class=\"eyebrow\">\u064a\u0648\u0645 HAMAT RUN<\/div>\n        <h2>\u0645\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629<\/h2>\n        <p class=\"section-copy\">\n          \u0635\u064f\u0645\u0645\u062a \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0644\u062a\u0643\u0648\u0646 \u0648\u0627\u0636\u062d\u0629 \u0648\u0633\u0644\u0633\u0629 \u0645\u0646 \u0644\u062d\u0638\u0629 \u0648\u0635\u0648\u0644\u0643 \u0648\u062d\u062a\u0649 \u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0634\u0627\u0631\u0643\u062a\u0643.\n        <\/p>\n        <div class=\"event-quote\">\u0643\u0644 \u062e\u0637\u0648\u0629 \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u062a\u062c\u0631\u0628\u0629.<\/div>\n      <\/div>\n\n      <div class=\"timeline\">\n        <div class=\"time-row\">\n          <div class=\"time-index\">01<\/div>\n          <strong>\u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/strong>\n          <span>\u0627\u0644\u062a\u0648\u062c\u0647 \u0625\u0644\u0649 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u062a\u062c\u0645\u0639 \u0648\u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062f\u062e\u0648\u0644.<\/span>\n        <\/div>\n\n        <div class=\"time-row\">\n          <div class=\"time-index\">02<\/div>\n          <strong>\u0627\u0644\u0625\u062d\u0645\u0627\u0621<\/strong>\n          <span>\u062c\u0644\u0633\u0629 \u0625\u062d\u0645\u0627\u0621 \u062c\u0645\u0627\u0639\u064a\u0629 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u064b\u0627 \u0644\u0644\u0627\u0646\u0637\u0644\u0627\u0642.<\/span>\n        <\/div>\n\n        <div class=\"time-row\">\n          <div class=\"time-index\">03<\/div>\n          <strong>\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0633\u0628\u0627\u0642<\/strong>\n          <span>\u0627\u0646\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u062d\u0633\u0628 \u0627\u0644\u0641\u0626\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629.<\/span>\n        <\/div>\n\n        <div class=\"time-row\">\n          <div class=\"time-index\">04<\/div>\n          <strong>\u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u0627\u0631<\/strong>\n          <span>\u062c\u0631\u064a \u0623\u0648 \u0645\u0634\u064a \u0639\u0628\u0631 \u0645\u0633\u0627\u0631 \u0645\u0646\u0638\u0645 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644\u060c \u0645\u0639 \u0646\u0642\u0627\u0637 \u0625\u0631\u0634\u0627\u062f \u0648\u062f\u0639\u0645 \u0639\u0644\u0649 \u0627\u0645\u062a\u062f\u0627\u062f \u0627\u0644\u062a\u062c\u0631\u0628\u0629.<\/span>\n        <\/div>\n\n        <div class=\"time-row\">\n          <div class=\"time-index\">05<\/div>\n          <strong>\u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629<\/strong>\n          <span>\u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0631 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0646\u0647\u0627\u064a\u0629.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"partners\" id=\"partners\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"eyebrow\">\u0634\u0631\u0643\u0627\u0621 HAMAT RUN<\/div>\n          <h2>\u062a\u062c\u0631\u0628\u0629 \u0646\u0635\u0646\u0639\u0647\u0627 \u0645\u0639 \u0634\u0631\u0643\u0627\u0626\u0646\u0627<\/h2>\n        <\/div>\n        <p class=\"section-copy\">\n          \u062a\u062c\u0645\u0639 Hamat Run \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0644\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0645\u0646\u0638\u0645\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646.\n        <\/p>\n      <\/div>\n\n      <div class=\"partner-grid\">\n        <div class=\"partner\">\u0634\u0631\u064a\u0643 \u0627\u0644\u0645\u0648\u0642\u0639<\/div>\n        <div class=\"partner\">\u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0631\u064a\u0627\u0636\u064a<\/div>\n        <div class=\"partner\">\u0634\u0631\u064a\u0643 \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u0639\u0627\u0641\u064a\u0629<\/div>\n        <div class=\"partner\">\u0634\u0631\u064a\u0643 \u0627\u0644\u062a\u0631\u0637\u064a\u0628<\/div>\n        <div class=\"partner\">\u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"faq\" id=\"faq\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"eyebrow\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/div>\n          <h2>\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0645\u0639\u0631\u0641\u062a\u0647 \u0642\u0628\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-list\">\n        <div class=\"faq-item is-open\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>\u0647\u0644 \u064a\u062c\u0628 \u0623\u0646 \u0623\u0643\u0648\u0646 \u0639\u062f\u0651\u0627\u0621\u064b \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u0629\u061f<\/span><span>+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <p>\u0644\u0627. Hamat Run \u0645\u0635\u0645\u0645\u0629 \u0644\u0645\u062e\u062a\u0644\u0641 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629\u060c \u0648\u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0634\u0627\u0631\u0643 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0641\u0626\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0647.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0628\u0627\u0644\u0645\u0634\u064a\u061f<\/span><span>+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <p>\u0646\u0639\u0645\u060c \u062a\u062a\u0648\u0641\u0631 \u0641\u0626\u0627\u062a \u0648\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0645\u0634\u064a \u0628\u062d\u0633\u0628 \u0643\u0644 \u0641\u0639\u0627\u0644\u064a\u0629.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>\u0643\u064a\u0641 \u0623\u0639\u0631\u0641 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u0645\u0633\u0627\u0631\u061f<\/span><span>+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <p>\u062a\u0638\u0647\u0631 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0627\u0644\u0645\u0633\u0627\u0641\u0629\u060c \u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062c\u0645\u0639 \u0639\u0646\u062f \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0648\u0642\u0628\u0644 \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u062a\u0633\u062c\u064a\u0644.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>\u0645\u0627\u0630\u0627 \u0623\u062d\u062a\u0627\u062c \u064a\u0648\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629\u061f<\/span><span>+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <p>\u0646\u0646\u0635\u062d \u0628\u0627\u0631\u062a\u062f\u0627\u0621 \u0645\u0644\u0627\u0628\u0633 \u0631\u064a\u0627\u0636\u064a\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u062d\u0630\u0627\u0621 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062c\u0631\u064a \u0623\u0648 \u0627\u0644\u0645\u0634\u064a\u060c \u0648\u0627\u0644\u062d\u0636\u0648\u0631 \u0642\u0628\u0644 \u0645\u0648\u0639\u062f \u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642 \u0628\u0648\u0642\u062a \u0643\u0627\u0641\u064d.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>\u0647\u0644 \u062a\u0648\u062c\u062f \u0641\u0626\u0627\u062a \u0648\u0645\u0633\u0627\u0641\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629\u061f<\/span><span>+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <p>\u0646\u0639\u0645\u060c \u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0648\u0627\u0644\u0641\u0626\u0627\u062a \u0628\u062d\u0633\u0628 \u0643\u0644 \u0645\u0648\u0642\u0639 \u0648\u0641\u0639\u0627\u0644\u064a\u0629\u060c \u0648\u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u064a\u0647\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>\u0645\u062a\u0649 \u062a\u0635\u0644\u0646\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0634\u0627\u0631\u0643\u062a\u064a\u061f<\/span><span>+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <p>\u0628\u0639\u062f \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u062a\u0633\u062c\u064a\u0644\u060c \u062a\u0635\u0644\u0643 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"final-cta\" id=\"register\">\n    <div class=\"wrap\">\n      <span class=\"small-line\">\u0627\u0644\u064a\u0648\u0645\u2026 \u0644\u0627 \u062a\u062f\u062e\u0644\u0647\u0627 \u0639\u0627\u062f\u064a.<\/span>\n      <h2>\u0645\u0643\u0627\u0646 \u062a\u0639\u0631\u0641\u0647.<br>\u0628\u062a\u062c\u0631\u0628\u0629 \u062c\u062f\u064a\u062f\u0629.<\/h2>\n      <p>\u0627\u0645\u0634\u0650. \u0627\u0631\u0643\u0636. \u0648\u0627\u0628\u062f\u0623 \u064a\u0648\u0645\u0643 \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u062e\u062a\u0644\u0641\u0629.<\/p>\n      <span class=\"final-brand\">HAMAT RUN<\/span>\n      <a class=\"btn btn-primary\" href=\"#\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646<\/a>\n    <\/div>\n  <\/section>\n\n  <footer class=\"footer\">\n    <div class=\"wrap\">\n      <span>&copy; 2026 HAMAT RUN. \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/span>\n      <span>\u062a\u062c\u0631\u0628\u0629 \u0644\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644.<\/span>\n    <\/div>\n  <\/footer>\n\n  <script>\n    const filters = document.querySelectorAll('.filter');\n    const cards = document.querySelectorAll('.route-card');\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    const revealTargets = [\n      ...document.querySelectorAll('.section-head'),\n      ...document.querySelectorAll('.feature-photo'),\n      ...document.querySelectorAll('.step'),\n      ...document.querySelectorAll('.filters'),\n      ...document.querySelectorAll('.route-card'),\n      ...document.querySelectorAll('.event-grid > div'),\n      ...document.querySelectorAll('.time-row'),\n      ...document.querySelectorAll('.partner'),\n      ...document.querySelectorAll('.faq-item'),\n      ...document.querySelectorAll('.final-cta .small-line, .final-cta h2, .final-cta p, .final-cta .final-brand, .final-cta .btn')\n    ];\n\n    revealTargets.forEach((el, index) => {\n      if (!el.dataset.animate) {\n        el.dataset.animate = index % 3 === 0 ? 'slide-left' : index % 3 === 1 ? 'slide-right' : 'up';\n      }\n      el.style.setProperty('--delay', `${Math.min(index % 6, 5) * 70}ms`);\n    });\n\n    if (!reduceMotion) {\n      const revealObserver = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            revealObserver.unobserve(entry.target);\n          }\n        });\n      }, { threshold: .16, rootMargin: '0px 0px -40px 0px' });\n\n      revealTargets.forEach(item => revealObserver.observe(item));\n\n      let heroFrame = null;\n      const hero = document.querySelector('.hero');\n\n      hero.addEventListener('pointermove', (event) => {\n        if (window.innerWidth < 780) return;\n        if (heroFrame) cancelAnimationFrame(heroFrame);\n\n        heroFrame = requestAnimationFrame(() => {\n          const x = (event.clientX \/ window.innerWidth - .5) * 18;\n          const y = (event.clientY \/ window.innerHeight - .5) * 12;\n          document.documentElement.style.setProperty('--hero-x', `${x}px`);\n          document.documentElement.style.setProperty('--hero-y', `${y}px`);\n        });\n      });\n    } else {\n      revealTargets.forEach(item => item.classList.add('is-visible'));\n    }\n\n    filters.forEach(button => {\n      button.addEventListener('click', () => {\n        const city = button.dataset.filter;\n\n        filters.forEach(item => {\n          item.classList.toggle('is-active', item === button);\n        });\n\n        cards.forEach(card => {\n          const show = city === 'all' || card.dataset.city === city;\n          card.style.display = show ? '' : 'none';\n\n          if (show && !reduceMotion) {\n            card.animate(\n              [\n                { opacity: 0, transform: 'translateY(14px)' },\n                { opacity: 1, transform: 'translateY(0)' }\n              ],\n              { duration: 320, easing: 'cubic-bezier(.2,.8,.2,1)' }\n            );\n          }\n        });\n      });\n    });\n\n    document.querySelectorAll('.faq-question').forEach(button => {\n      button.addEventListener('click', () => {\n        const item = button.closest('.faq-item');\n        const isOpen = item.classList.contains('is-open');\n\n        document.querySelectorAll('.faq-item').forEach(row => {\n          row.classList.remove('is-open');\n        });\n\n        if (!isOpen) {\n          item.classList.add('is-open');\n        }\n      });\n    });\n  <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HAMAT RUN | \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644 HAMAT RUN \u0627\u0644\u064a\u0648\u0645\u2026 \u0644\u0627 \u062a\u062f\u062e\u0644\u0647\u0627 \u0639\u0627\u062f\u064a. \u0646\u062f\u062e\u0644\u0647\u0627 \u0631\u0643\u0636. HAMAT RUN \u062a\u062c\u0631\u0628\u0629 \u0631\u064a\u0627\u0636\u064a\u0629 \u062a\u062c\u0645\u0639 \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644 \u0641\u064a \u0623\u062c\u0648\u0627\u0621 \u0645\u062c\u062a\u0645\u0639\u064a\u0629 \u062d\u064a\u0648\u064a\u0629\u060c \u0635\u064f\u0645\u0645\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0631 \u0648\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0639\u062f\u0651\u0627\u0621\u064b\u060c \u0645\u0646 \u0645\u062d\u0628\u064a \u0627\u0644\u0645\u0634\u064a\u060c \u0623\u0648 \u062a\u0628\u062d\u062b \u0639\u0646 \u0628\u062f\u0627\u064a\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u064a\u0648\u0645\u0643\u060c Hamat Run \u064a\u0645\u0646\u062d\u0643 \u0641\u0631\u0635\u0629 \u0644\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0648\u0644 \u0628\u0637\u0631\u064a\u0642\u0629 \u062c\u062f\u064a\u062f\u0629&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-42990","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/pages\/42990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/comments?post=42990"}],"version-history":[{"count":8,"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/pages\/42990\/revisions"}],"predecessor-version":[{"id":47919,"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/pages\/42990\/revisions\/47919"}],"wp:attachment":[{"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/media?parent=42990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}