{"id":3587,"date":"2026-05-04T11:40:00","date_gmt":"2026-05-04T11:40:00","guid":{"rendered":"https:\/\/nomadgathering.com\/?page_id=3587"},"modified":"2026-05-04T11:44:24","modified_gmt":"2026-05-04T11:44:24","slug":"nomad-2026","status":"publish","type":"page","link":"https:\/\/nomadgathering.com\/en\/nomad-2026\/","title":{"rendered":"Nomad 2026 Landing"},"content":{"rendered":"\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Expletus+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Roboto:wght@300;400;500&display=swap');\n\n  :root {\n    --plum: #70217C;\n    --plum-60: #70217C99;\n    --plum-85: #70217CD9;\n    --dark: #2B1130;\n    --darker: #1a0a1f;\n    --white: #FFFFFF;\n    --white-60: rgba(255,255,255,0.6);\n    --white-20: rgba(255,255,255,0.12);\n    --container: 1290px;\n    --font-display: 'Expletus Sans', serif;\n    --font-body: 'Roboto', sans-serif;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  #nomad-landing h1, #nomad-landing h2, #nomad-landing h3, #nomad-landing h4, #nomad-landing p, #nomad-landing a { color: inherit; }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    background: var(--darker);\n    color: var(--white);\n    font-family: var(--font-body);\n    font-weight: 400;\n    overflow-x: hidden;\n    cursor: none;\n  }\n  #nomad-landing, #nomad-landing * {\n    cursor: none !important;\n  }\n\n  \/* Custom cursor *\/\n  .cursor {\n    position: fixed;\n    width: 10px; height: 10px;\n    background: var(--plum);\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 9999;\n    transform: translate(-50%, -50%);\n    transition: width 0.2s, height 0.2s, background 0.2s;\n    mix-blend-mode: normal;\n  }\n  .cursor-ring {\n    position: fixed;\n    width: 36px; height: 36px;\n    border: 1px solid var(--plum-60);\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 9998;\n    transform: translate(-50%, -50%);\n    transition: transform 0.1s ease, width 0.3s, height 0.3s, border-color 0.3s;\n  }\n  body:hover .cursor { opacity: 1; }\n\n  \/* Grain overlay *\/\n  body::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n    z-index: 100;\n    opacity: 0.4;\n  }\n\n  \/* Nav *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 500;\n    padding: 24px 48px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: linear-gradient(to bottom, rgba(27,10,31,0.9) 0%, transparent 100%);\n    backdrop-filter: blur(0px);\n    transition: background 0.4s, backdrop-filter 0.4s;\n  }\n  nav.scrolled {\n    background: rgba(27,10,31,0.95);\n    backdrop-filter: blur(12px);\n    padding: 16px 48px;\n  }\n  nav .logo img { height: 48px; }\n  nav .nav-links {\n    display: flex;\n    gap: 40px;\n    list-style: none;\n  }\n  nav .nav-links a {\n    font-family: var(--font-display);\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--white-60);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n  nav .nav-links a:hover { color: var(--white); }\n  nav .nav-cta {\n    font-family: var(--font-display);\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--white);\n    background: var(--plum);\n    padding: 10px 28px;\n    text-decoration: none;\n    border: 1px solid var(--plum);\n    transition: background 0.2s, color 0.2s;\n  }\n  nav .nav-cta:hover { background: transparent; color: var(--white); }\n\n  \/* HERO *\/\n  #hero {\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    clip-path: inset(0);\n    z-index: 0;\n    padding-bottom: 50px;\n  }\n  .hero-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/04\/NOMAD-BG-scaled-1.webp');\n    background-size: cover;\n    background-position: center;\n    transform: scale(1.1);\n    transition: transform 0.1s linear;\n  }\n  .hero-bg::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      180deg,\n      rgba(27,10,31,0.3) 0%,\n      rgba(43,17,48,0.55) 40%,\n      rgba(27,10,31,0.92) 100%\n    );\n  }\n  \/* Psychedelic blobs *\/\n  .hero-blobs {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    z-index: 1;\n    filter: blur(60px) saturate(1.4);\n  }\n  .blob {\n    position: absolute;\n    border-radius: 50%;\n    mix-blend-mode: screen;\n    opacity: 0.55;\n  }\n  .blob-1 {\n    width: 700px; height: 700px;\n    background: radial-gradient(circle, #9B1EB5 0%, transparent 70%);\n    top: -10%; left: -10%;\n    animation: blobDrift1 14s ease-in-out infinite;\n  }\n  .blob-2 {\n    width: 500px; height: 500px;\n    background: radial-gradient(circle, #3D0A6B 0%, transparent 70%);\n    bottom: -5%; right: -5%;\n    animation: blobDrift2 18s ease-in-out infinite;\n  }\n  .blob-3 {\n    width: 400px; height: 400px;\n    background: radial-gradient(circle, #C2185B 0%, transparent 70%);\n    top: 30%; left: 60%;\n    animation: blobDrift3 12s ease-in-out infinite;\n    opacity: 0.3;\n  }\n  .blob-4 {\n    width: 350px; height: 350px;\n    background: radial-gradient(circle, #1A237E 0%, transparent 70%);\n    top: 60%; left: 20%;\n    animation: blobDrift4 16s ease-in-out infinite;\n    opacity: 0.35;\n  }\n  .blob-5 {\n    width: 250px; height: 250px;\n    background: radial-gradient(circle, #00838F 0%, transparent 70%);\n    top: 20%; left: 40%;\n    animation: blobDrift5 10s ease-in-out infinite;\n    opacity: 0.2;\n  }\n\n  @keyframes blobDrift1 {\n    0%   { transform: translate(0,0) scale(1); }\n    33%  { transform: translate(12%, 18%) scale(1.12); }\n    66%  { transform: translate(-8%, 10%) scale(0.95); }\n    100% { transform: translate(0,0) scale(1); }\n  }\n  @keyframes blobDrift2 {\n    0%   { transform: translate(0,0) scale(1); }\n    40%  { transform: translate(-15%, -12%) scale(1.18); }\n    70%  { transform: translate(-5%, -20%) scale(0.9); }\n    100% { transform: translate(0,0) scale(1); }\n  }\n  @keyframes blobDrift3 {\n    0%   { transform: translate(0,0) scale(1) rotate(0deg); }\n    50%  { transform: translate(-20%, 15%) scale(1.3) rotate(45deg); }\n    100% { transform: translate(0,0) scale(1) rotate(0deg); }\n  }\n  @keyframes blobDrift4 {\n    0%   { transform: translate(0,0) scale(1); }\n    45%  { transform: translate(18%, -10%) scale(1.15); }\n    100% { transform: translate(0,0) scale(1); }\n  }\n  @keyframes blobDrift5 {\n    0%   { transform: translate(0,0) scale(1); }\n    30%  { transform: translate(-10%, 20%) scale(1.4); }\n    60%  { transform: translate(15%, -5%) scale(0.8); }\n    100% { transform: translate(0,0) scale(1); }\n  }\n\n  \/* SVG turbulence displacement overlay *\/\n  .hero-distort {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n    opacity: 0.18;\n    mix-blend-mode: overlay;\n  }\n\n  \/* Pulsing center glow *\/\n  .hero-glow {\n    position: absolute;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, rgba(112,33,124,0.55) 0%, transparent 70%);\n    border-radius: 50%;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    animation: pulse 5s ease-in-out infinite;\n  }\n  @keyframes pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }\n    50% { transform: translate(-50%, -50%) scale(1.25); opacity: 1; }\n  }\n  .hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    padding: 90px 24px 50px !important;\n    margin-top: 0 !important;\n  }\n  .hero-eyebrow {\n    font-family: var(--font-display);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: var(--plum);\n    margin-bottom: 24px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 0.2s forwards;\n  }\n  .hero-logo {\n    width: 120px;\n    margin-bottom: 22px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 0.4s forwards;\n  }\n  .hero-name {\n    font-family: var(--font-display);\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--white);\n    margin-bottom: 24px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 0.55s forwards;\n  }\n  .hero-countdown-label {\n    font-family: var(--font-body);\n    font-size: 12px;\n    font-weight: 300;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--white-60);\n    margin-bottom: 20px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 1.1s forwards;\n  }\n  .hero-countdown-inline {\n    display: flex;\n    gap: 24px;\n    justify-content: center;\n    margin-bottom: 38px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 1.2s forwards;\n  }\n  .hero-countdown-inline .cd-num {\n    font-family: var(--font-display);\n    font-size: clamp(28px, 4vw, 44px);\n    font-weight: 700;\n    display: block;\n    line-height: 1;\n    color: var(--white);\n  }\n  .hero-countdown-inline .cd-label {\n    font-family: var(--font-body);\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--white-60);\n    margin-top: 6px;\n    display: block;\n  }\n  .hero-countdown-inline .cd-sep {\n    font-family: var(--font-display);\n    font-size: 30px;\n    color: var(--plum);\n    line-height: 1.1;\n    align-self: flex-start;\n    margin-top: 4px;\n  }\n  .hero-title {\n    font-family: var(--font-display);\n    font-size: clamp(12px, 1.6vw, 14px);\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--white-60);\n    line-height: 1.9;\n    margin-bottom: 26px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 0.6s forwards;\n  }\n  .hero-title span { color: var(--white); }\n  .hero-date {\n    font-family: var(--font-display);\n    font-size: clamp(26px, 4vw, 46px);\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    line-height: 1.1;\n    margin-bottom: 16px;\n    color: #ffffff !important;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 0.8s forwards;\n  }\n  .hero-location {\n    font-family: var(--font-body);\n    font-size: 13px;\n    font-weight: 300;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--white-60);\n    margin-bottom: 30px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 1s forwards;\n  }\n  .hero-cta-wrap {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    opacity: 0;\n    animation: fadeUp 0.8s ease 1.2s forwards;\n  }\n  .btn-primary {\n    display: inline-block;\n    font-family: var(--font-display);\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--white);\n    background: var(--plum);\n    padding: 15px 44px;\n    text-decoration: none;\n    border: 2px solid var(--plum);\n    transition: background 0.25s, transform 0.2s, box-shadow 0.25s;\n    position: relative;\n    overflow: hidden;\n  }\n  .btn-primary::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: rgba(255,255,255,0.06);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n  }\n  .btn-primary:hover::before { transform: translateX(0); }\n  .btn-primary:hover {\n    box-shadow: 0 0 40px rgba(112,33,124,0.6);\n    transform: translateY(-2px);\n  }\n  .btn-ghost {\n    display: inline-block;\n    font-family: var(--font-display);\n    font-size: 14px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--white-60);\n    background: transparent;\n    padding: 15px 44px;\n    text-decoration: none;\n    border: 2px solid var(--white-20);\n    transition: border-color 0.25s, color 0.25s;\n  }\n  .btn-ghost:hover { border-color: var(--white-60); color: var(--white); }\n\n  .cd-item { text-align: center; }\n\n  \/* Scroll hint *\/\n  .scroll-hint {\n    position: absolute;\n    bottom: 24px;\n    right: 48px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-family: var(--font-body);\n    font-size: 10px;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--white-60);\n    z-index: 2;\n    writing-mode: vertical-rl;\n  }\n  .scroll-hint::before {\n    content: '';\n    width: 1px;\n    height: 40px;\n    background: var(--white-20);\n    display: block;\n    animation: scrollLine 1.5s ease infinite;\n  }\n  @keyframes scrollLine {\n    0% { height: 40px; opacity: 1; }\n    100% { height: 0; opacity: 0; }\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Sections base *\/\n  section { padding: 120px 48px; }\n  .container { max-width: var(--container); margin: 0 auto; }\n\n  .section-label {\n    font-family: var(--font-display);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--plum);\n    margin-bottom: 20px;\n  }\n  .section-title {\n    font-family: var(--font-display);\n    font-size: clamp(28px, 4vw, 48px);\n    font-weight: 600;\n    line-height: 1.15;\n    margin-bottom: 24px;\n  }\n  .section-body {\n    font-size: 17px;\n    font-weight: 400;\n    line-height: 1.8;\n    color: var(--white-60);\n    max-width: 560px;\n  }\n\n  \/* Reveal animation *\/\n  .reveal {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  .reveal.visible { opacity: 1; transform: translateY(0); }\n  .reveal-delay-1 { transition-delay: 0.1s; }\n  .reveal-delay-2 { transition-delay: 0.2s; }\n  .reveal-delay-3 { transition-delay: 0.3s; }\n  .reveal-delay-4 { transition-delay: 0.4s; }\n\n  \/* Minden szekci\u00f3 a hero felett cs\u00faszik *\/\n  #stats, #about, #vibes, #stages, #lineup, #location, #tickets, #faq, footer {\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* STATS BAR *\/\n  #stats {\n    padding: 0;\n    background: var(--plum);\n    overflow: hidden;\n  }\n  .stats-inner {\n    display: flex;\n    align-items: center;\n    padding: 32px 48px;\n    max-width: var(--container);\n    margin: 0 auto;\n    gap: 0;\n  }\n  .stat {\n    flex: 1;\n    text-align: center;\n    padding: 0 24px;\n    position: relative;\n  }\n  .stat + .stat::before {\n    content: '';\n    position: absolute;\n    left: 0; top: 50%;\n    transform: translateY(-50%);\n    width: 1px; height: 40px;\n    background: rgba(255,255,255,0.25);\n  }\n  .stat-num {\n    font-family: var(--font-display);\n    font-size: 36px;\n    font-weight: 700;\n    display: block;\n  }\n  .stat-label {\n    font-size: 12px;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.7);\n    display: block;\n    margin-top: 4px;\n  }\n\n  \/* MI EZ *\/\n  #about {\n    background: var(--darker);\n    padding: 140px 48px;\n  }\n  .about-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n  }\n  .about-video-outer {\n    position: relative;\n    padding-bottom: 28px;\n  }\n  .about-video-wrap {\n    position: relative;\n    aspect-ratio: 16\/9;\n    overflow: hidden;\n    background: url('https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/04\/NOMAD-BG-scaled-1.webp') center\/cover no-repeat;\n  }\n  .about-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .video-play-btn {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(27,10,31,0.35);\n    border: none;\n    cursor: pointer;\n    transition: background 0.3s;\n    padding: 0;\n  }\n  .video-play-btn svg { width: 72px; height: 72px; transition: transform 0.2s; }\n  .video-play-btn:hover { background: rgba(27,10,31,0.15); }\n  .video-play-btn:hover svg { transform: scale(1.1); }\n  .video-play-btn.hidden { display: none; }\n\n  \/* Video glass label \u2014 vide\u00f3 alatt k\u00f6z\u00e9pen *\/\n  .video-glass-label {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 4;\n    padding: 13px 28px;\n    background: rgba(43, 17, 48, 0.45);\n    backdrop-filter: blur(20px) saturate(1.8);\n    -webkit-backdrop-filter: blur(20px) saturate(1.8);\n    border: 1px solid rgba(255,255,255,0.13);\n    border-top: 1px solid rgba(112,33,124,0.5);\n    border-radius: 0 0 2px 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.3), 0 0 0 0.5px rgba(112,33,124,0.2);\n  }\n  .video-glass-label::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      105deg,\n      rgba(112,33,124,0.25) 0%,\n      rgba(255,255,255,0.03) 45%,\n      rgba(112,33,124,0.2) 100%\n    );\n    animation: glassShimmer 5s ease-in-out infinite;\n  }\n  @keyframes glassShimmer {\n    0%, 100% { opacity: 0.6; transform: translateX(-12%) skewX(-4deg); }\n    50%       { opacity: 1;   transform: translateX(12%)  skewX(4deg);  }\n  }\n  .video-glass-label span {\n    position: relative;\n    z-index: 1;\n    font-family: var(--font-display);\n    font-size: 14px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.9);\n    text-shadow: 0 1px 16px rgba(112,33,124,0.7);\n  }\n  .about-text .section-body { margin-bottom: 40px; }\n\n  \/* HANGULAT *\/\n  #vibes {\n    background: var(--dark);\n    padding: 140px 48px;\n  }\n  .vibes-header {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n  .masonry {\n    columns: 3;\n    column-gap: 16px;\n  }\n  .masonry-item {\n    break-inside: avoid;\n    margin-bottom: 16px;\n    position: relative;\n    overflow: hidden;\n    display: block;\n  }\n  .masonry-item img {\n    width: 100%;\n    display: block;\n    transition: transform 0.6s ease;\n  }\n  .masonry-item::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--plum-60);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n  .masonry-item:hover::after { opacity: 1; }\n  .masonry-item:hover img { transform: scale(1.05); }\n\n  \/* STAGES *\/\n  #stages {\n    background: var(--darker);\n    padding: 140px 48px;\n  }\n  .stages-header { text-align: center; margin-bottom: 80px; }\n  .stages-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 2px;\n  }\n  .stage-card {\n    background: var(--dark);\n    padding: 48px 32px;\n    text-align: center;\n    transition: background 0.3s, transform 0.3s;\n    cursor: default;\n    position: relative;\n    overflow: hidden;\n  }\n  .stage-card::before {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 3px;\n    background: var(--plum);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n  }\n  .stage-card:hover::before { transform: scaleX(1); }\n  .stage-card:hover { background: rgba(112,33,124,0.12); transform: translateY(-4px); }\n  .stage-icon {\n    width: 64px; height: 64px;\n    margin: 0 auto 28px;\n    filter: brightness(0) invert(1);\n    opacity: 0.7;\n    transition: opacity 0.3s, filter 0.3s;\n  }\n  .stage-card:hover .stage-icon {\n    opacity: 1;\n    filter: brightness(0) saturate(100%) invert(18%) sepia(80%) saturate(1500%) hue-rotate(280deg) brightness(90%) contrast(120%);\n  }\n  .stage-name {\n    font-family: var(--font-display);\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n  .stage-desc {\n    font-size: 13px;\n    font-weight: 300;\n    line-height: 1.7;\n    color: var(--white-60);\n  }\n\n  \/* LINEUP *\/\n  #lineup {\n    background: var(--dark);\n    padding: 140px 48px;\n  }\n  .lineup-header { text-align: center; margin-bottom: 80px; }\n  .lineup-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 3px;\n  }\n  .artist-card {\n    position: relative;\n    aspect-ratio: 1;\n    overflow: hidden;\n    cursor: pointer;\n  }\n  .artist-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: grayscale(30%);\n    transition: transform 0.5s ease, filter 0.5s ease;\n  }\n  .artist-card:hover img {\n    transform: scale(1.08);\n    filter: grayscale(0%);\n  }\n  .artist-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, transparent 40%, rgba(43,17,48,0.95) 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    display: flex;\n    align-items: flex-end;\n    padding: 24px;\n  }\n  .artist-card:hover .artist-overlay { opacity: 1; }\n  .artist-name {\n    font-family: var(--font-display);\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n  }\n  .artist-origin {\n    font-size: 12px;\n    color: var(--plum);\n    margin-top: 4px;\n    font-weight: 300;\n    letter-spacing: 0.1em;\n  }\n  \/* Artist cards without photos *\/\n  .artist-card.no-photo {\n    background: var(--dark);\n    border: 1px solid var(--white-20);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n  }\n  .artist-card.no-photo .artist-inner {\n    text-align: center;\n    padding: 20px;\n  }\n  .artist-card.no-photo:hover { background: rgba(112,33,124,0.12); }\n  .artist-card.no-photo .artist-name { font-size: 14px; }\n\n  \/* LOCATION *\/\n  #location {\n    background: var(--darker);\n    padding: 140px 48px;\n  }\n  .location-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n  }\n  .location-map {\n    position: relative;\n    overflow: hidden;\n  }\n  .location-map img {\n    width: 100%;\n    display: block;\n  }\n  .location-map::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border: 1px solid var(--white-20);\n    pointer-events: none;\n  }\n  .location-details { }\n  .location-detail-item {\n    padding: 24px 0;\n    border-bottom: 1px solid var(--white-20);\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n  }\n  .location-detail-item:first-child { border-top: 1px solid var(--white-20); }\n  .detail-icon {\n    font-size: 18px;\n    margin-top: 2px;\n    opacity: 0.6;\n    min-width: 24px;\n  }\n  .detail-label {\n    font-family: var(--font-display);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--plum);\n    display: block;\n    margin-bottom: 4px;\n  }\n  .detail-value {\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.6;\n    color: var(--white-60);\n  }\n\n  \/* JEGY CTA *\/\n  #tickets {\n    position: relative;\n    padding: 160px 48px;\n    text-align: center;\n    overflow: hidden;\n    background: var(--dark);\n  }\n  #tickets::before {\n    content: '';\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 800px; height: 800px;\n    background: radial-gradient(circle, rgba(112,33,124,0.35) 0%, transparent 65%);\n    pointer-events: none;\n  }\n  .tickets-label {\n    font-family: var(--font-display);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--plum);\n    margin-bottom: 20px;\n  }\n  .tickets-title {\n    font-family: var(--font-display);\n    font-size: clamp(32px, 5vw, 64px);\n    font-weight: 600;\n    line-height: 1.1;\n    margin-bottom: 20px;\n  }\n  .tickets-sub {\n    font-size: 17px;\n    font-weight: 300;\n    color: var(--white-60);\n    margin-bottom: 16px;\n    line-height: 1.8;\n  }\n  .tickets-urgency {\n    font-family: var(--font-display);\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    color: var(--plum);\n    margin-bottom: 56px;\n  }\n\n  .ticket-tiers {\n    display: flex;\n    gap: 24px;\n    justify-content: center;\n    margin-bottom: 56px;\n    flex-wrap: wrap;\n  }\n  .ticket-tier {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid var(--white-20);\n    padding: 40px 48px;\n    min-width: 220px;\n    transition: border-color 0.3s, background 0.3s;\n    position: relative;\n  }\n  .ticket-tier:hover {\n    border-color: var(--plum);\n    background: rgba(112,33,124,0.08);\n  }\n  .ticket-tier.featured {\n    border-color: #b040c8;\n    background: rgba(112,33,124,0.22);\n    box-shadow: 0 0 0 1px #b040c8, 0 0 32px rgba(176,64,200,0.35), 0 0 80px rgba(112,33,124,0.18);\n  }\n  .ticket-tier.featured:hover {\n    box-shadow: 0 0 0 1px #c955e0, 0 0 48px rgba(176,64,200,0.5), 0 0 100px rgba(112,33,124,0.25);\n  }\n  .tier-badge {\n    position: absolute;\n    top: -1px; right: -1px;\n    background: linear-gradient(90deg, #8a2a98, #c040d8);\n    font-family: var(--font-display);\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    box-shadow: 0 0 12px rgba(192,64,216,0.6);\n  }\n  .tier-price-old {\n    font-family: var(--font-display);\n    font-size: 18px;\n    font-weight: 400;\n    color: rgba(255,255,255,0.35);\n    text-decoration: line-through;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .tier-name {\n    font-family: var(--font-display);\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--white-60);\n    margin-bottom: 16px;\n    display: block;\n  }\n  .tier-price {\n    font-family: var(--font-display);\n    font-size: 42px;\n    font-weight: 700;\n    display: block;\n    line-height: 1;\n    margin-bottom: 8px;\n  }\n  .tier-currency {\n    font-size: 20px;\n    font-weight: 400;\n    vertical-align: super;\n    margin-left: 6px;\n  }\n  .tier-note {\n    font-size: 13px;\n    color: var(--white-60);\n    font-weight: 300;\n  }\n  .tier-features {\n    list-style: none;\n    padding: 0;\n    margin: 20px 0 0;\n    text-align: left;\n    border-top: 1px solid rgba(255,255,255,0.08);\n    padding-top: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  .tier-features li {\n    font-size: 13px;\n    font-weight: 300;\n    color: rgba(255,255,255,0.7);\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    line-height: 1.5;\n  }\n  .tier-features li::before {\n    content: '';\n    display: inline-block;\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    margin-top: 1px;\n    background: var(--plum);\n    border-radius: 50%;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8l3 3 6-6'\/%3E%3C\/svg%3E\");\n    background-size: 12px;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  .secure-note {\n    font-size: 13px;\n    font-weight: 300;\n    color: rgba(255,255,255,0.35);\n    margin-top: 24px;\n    letter-spacing: 0.05em;\n  }\n  .secure-note img { height: 16px; vertical-align: middle; margin-right: 6px; opacity: 0.4; }\n\n  .tier-cta {\n    display: block;\n    width: 100%;\n    margin-top: 24px;\n    padding: 14px 24px;\n    background: var(--plum);\n    color: var(--white);\n    font-family: var(--font-display);\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    text-align: center;\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    transition: background 0.25s, transform 0.2s;\n  }\n  .tier-cta:hover {\n    background: #8a2a98;\n    transform: translateY(-1px);\n  }\n\n  \/* FAQ *\/\n  #faq {\n    background: var(--darker);\n    padding: 140px 48px;\n  }\n  .faq-header { text-align: center; margin-bottom: 80px; }\n  .faq-list { max-width: 760px; margin: 0 auto; }\n  .faq-item {\n    border-bottom: 1px solid var(--white-20);\n  }\n  .faq-q {\n    width: 100%;\n    background: none;\n    border: none;\n    color: var(--white);\n    font-family: var(--font-display);\n    font-size: 17px;\n    font-weight: 500;\n    text-align: left;\n    padding: 28px 0;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 24px;\n    transition: color 0.2s;\n  }\n  .faq-q:hover { color: var(--plum); }\n  .faq-icon {\n    width: 20px; height: 20px;\n    position: relative;\n    flex-shrink: 0;\n    transition: transform 0.3s;\n  }\n  .faq-icon::before, .faq-icon::after {\n    content: '';\n    position: absolute;\n    background: currentColor;\n    transition: transform 0.3s, opacity 0.3s;\n  }\n  .faq-icon::before { width: 20px; height: 1px; top: 50%; left: 0; transform: translateY(-50%); }\n  .faq-icon::after { width: 1px; height: 20px; top: 0; left: 50%; transform: translateX(-50%); }\n  .faq-item.open .faq-icon::after { transform: translateX(-50%) rotate(90deg); opacity: 0; }\n  .faq-a {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease, padding 0.3s;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--white-60);\n  }\n  .faq-item.open .faq-a { max-height: 400px; padding-bottom: 28px; }\n\n  \/* FOOTER *\/\n  footer {\n    background: var(--darker);\n    padding: 80px 48px 40px;\n    border-top: 1px solid var(--white-20);\n  }\n  .footer-inner {\n    max-width: var(--container);\n    margin: 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 40px;\n    padding-bottom: 48px;\n    border-bottom: 1px solid var(--white-20);\n    margin-bottom: 32px;\n  }\n  .footer-logo img { height: 56px; opacity: 0.8; }\n  .footer-info {\n    font-size: 14px;\n    font-weight: 300;\n    color: var(--white-60);\n    line-height: 1.8;\n    text-align: center;\n  }\n  .footer-info a { color: var(--white-60); text-decoration: none; transition: color 0.2s; }\n  .footer-info a:hover { color: var(--white); }\n  .footer-social { display: flex; gap: 20px; }\n  .social-link {\n    width: 44px; height: 44px;\n    border: 1px solid var(--white-20);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    color: var(--white-60);\n    transition: border-color 0.2s, color 0.2s, background 0.2s;\n    font-size: 16px;\n  }\n  .social-link:hover {\n    border-color: var(--plum);\n    color: var(--white);\n    background: rgba(112,33,124,0.2);\n  }\n  .footer-bottom {\n    max-width: var(--container);\n    margin: 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 12px;\n    color: rgba(255,255,255,0.25);\n    letter-spacing: 0.05em;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n  .footer-bottom a { color: inherit; text-decoration: none; transition: color 0.2s; }\n  .footer-bottom a:hover { color: var(--white-60); }\n\n  \/* Responsive *\/\n  @media (max-width: 1024px) {\n    .stages-grid { grid-template-columns: repeat(3, 1fr); }\n    .lineup-grid { grid-template-columns: repeat(3, 1fr); }\n    .about-grid, .location-grid { grid-template-columns: 1fr; gap: 40px; }\n    .about-video-outer { padding-bottom: 26px; }\n    .video-glass-label { padding: 11px 22px; }\n    .video-glass-label span { font-size: 13px; letter-spacing: 0.16em; }\n  }\n\n  @media (max-width: 768px) {\n    body { cursor: auto; }\n    .cursor, .cursor-ring { display: none; }\n\n    \/* Nav *\/\n    nav { padding: 14px 20px; }\n    nav .nav-links { display: none; }\n    nav .logo img { height: 36px; }\n    nav .nav-cta { padding: 9px 18px; font-size: 12px; letter-spacing: 0.08em; }\n\n    \/* HERO MOBIL *\/\n    #hero {\n      height: 100svh;\n      min-height: 600px;\n      align-items: flex-start;\n      justify-content: center;\n    }\n    .hero-content {\n      padding: 64px 20px 48px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 100%;\n    }\n    .hero-logo {\n      width: 82px;\n      margin-bottom: 8px;\n    }\n    .hero-name {\n      font-size: 12px;\n      letter-spacing: 0.16em;\n      margin-bottom: 10px;\n    }\n    .hero-title {\n      font-size: 10px;\n      letter-spacing: 0.15em;\n      line-height: 1.7;\n      margin-bottom: 10px;\n    }\n    .hero-date {\n      font-size: 30px !important;\n      margin-bottom: 4px;\n      line-height: 1.1;\n    }\n    .hero-location {\n      font-size: 10px;\n      letter-spacing: 0.12em;\n      margin-bottom: 14px;\n    }\n    .hero-countdown-label {\n      font-size: 10px;\n      letter-spacing: 0.1em;\n      margin-bottom: 8px;\n    }\n    .hero-countdown-inline {\n      gap: 14px;\n      margin-bottom: 18px;\n    }\n    .hero-countdown-inline .cd-num { font-size: 32px; }\n    .hero-countdown-inline .cd-sep { font-size: 24px; margin-top: 3px; }\n    .hero-countdown-inline .cd-label { font-size: 9px; letter-spacing: 0.15em; }\n    .hero-cta-wrap {\n      flex-direction: column;\n      align-items: stretch;\n      width: 100%;\n      gap: 10px;\n    }\n    .btn-primary, .btn-ghost {\n      padding: 14px 24px;\n      font-size: 13px;\n      text-align: center;\n    }\n    .scroll-hint { display: none; }\n    .hero-blobs { filter: blur(50px) saturate(1.2); }\n    .blob-1 { width: 350px; height: 350px; }\n    .blob-2 { width: 280px; height: 280px; }\n    .blob-3, .blob-4, .blob-5 { display: none; }\n\n    \/* Egy\u00e9b szekci\u00f3k *\/\n    section, #about, #vibes, #stages, #lineup, #location, #tickets, #faq { padding: 72px 20px; }\n    .stages-grid { grid-template-columns: repeat(2, 1fr); }\n    .lineup-grid { grid-template-columns: repeat(2, 1fr); }\n    .masonry { columns: 2; column-gap: 10px; }\n    .masonry-item { margin-bottom: 10px; }\n    .stats-inner { flex-wrap: wrap; gap: 20px; padding: 24px 20px; }\n    .stat { min-width: 40%; }\n    .stat + .stat::before { display: none; }\n    .stat-num { font-size: 28px; }\n    .ticket-tiers { flex-direction: column; align-items: stretch; }\n    .ticket-tier { min-width: unset; }\n    .footer-inner { flex-direction: column; text-align: center; gap: 24px; }\n    .footer-social { justify-content: center; }\n    .about-text .section-body { margin-bottom: 24px; }\n    .section-title { font-size: clamp(22px, 6vw, 36px); }\n    #about { padding: 72px 20px 80px; }\n    .about-video-outer { padding-bottom: 22px; }\n    .video-play-btn svg { width: 54px; height: 54px; }\n    .video-glass-label { padding: 10px 18px; white-space: normal; text-align: center; max-width: 80%; }\n    .video-glass-label span { font-size: 11px; letter-spacing: 0.14em; }\n  }\n\n  @media (max-width: 400px) {\n    .hero-date { font-size: 26px !important; }\n    .hero-countdown-inline .cd-num { font-size: 28px; }\n    .hero-countdown-inline { gap: 10px; }\n  }\n<\/style>\n\n\n<div id=\"nomad-landing\">\n<!-- Custom Cursor -->\n<div class=\"cursor\" id=\"cursor\"><\/div>\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\n\n<!-- Nav -->\n<nav id=\"navbar\">\n  <div class=\"logo\">\n    <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/04\/Nomad2025_Emblema_Atlatszo-Feher-300px.png\" alt=\"Nomad Tribal Gathering\">\n  <\/div>\n  <ul class=\"nav-links\">\n    <li><a href=\"#about\">Mi ez?<\/a><\/li>\n    <li><a href=\"#stages\">Helysz\u00ednek<\/a><\/li>\n    <li><a href=\"#lineup\">El\u0151ad\u00f3k<\/a><\/li>\n    <li><a href=\"#location\">Megk\u00f6zel\u00edt\u00e9s<\/a><\/li>\n  <\/ul>\n  <a href=\"https:\/\/nomadgathering.com\/jegyek\" class=\"nav-cta\" target=\"_blank\">Jegyek<\/a>\n<\/nav>\n\n<!-- HERO -->\n<section id=\"hero\">\n  <div class=\"hero-bg\" id=\"heroBg\"><\/div>\n\n  <!-- Psychedelic blobs -->\n  <div class=\"hero-blobs\">\n    <div class=\"blob blob-1\"><\/div>\n    <div class=\"blob blob-2\"><\/div>\n    <div class=\"blob blob-3\"><\/div>\n    <div class=\"blob blob-4\"><\/div>\n    <div class=\"blob blob-5\"><\/div>\n  <\/div>\n\n  <!-- SVG turbulence distortion -->\n  <svg class=\"hero-distort\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <filter id=\"psycho\" x=\"0%\" y=\"0%\" width=\"100%\" height=\"100%\">\n      <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.012 0.008\" numOctaves=\"3\" seed=\"5\" result=\"noise\">\n        <animate attributeName=\"baseFrequency\" values=\"0.012 0.008;0.016 0.012;0.010 0.006;0.012 0.008\" dur=\"20s\" repeatCount=\"indefinite\"\/>\n        <animate attributeName=\"seed\" values=\"5;12;3;7;5\" dur=\"30s\" repeatCount=\"indefinite\"\/>\n      <\/feTurbulence>\n      <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" scale=\"40\" xChannelSelector=\"R\" yChannelSelector=\"G\">\n        <animate attributeName=\"scale\" values=\"40;65;30;55;40\" dur=\"15s\" repeatCount=\"indefinite\"\/>\n      <\/feDisplacementMap>\n    <\/filter>\n    <rect width=\"100%\" height=\"100%\" filter=\"url(#psycho)\" fill=\"rgba(112,33,124,0.15)\"\/>\n  <\/svg>\n\n  <div class=\"hero-glow\"><\/div>\n\n  <div class=\"hero-content\">\n    <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/04\/Nomad2025_Emblema_Atlatszo-Feher-300px.png\" alt=\"Nomad\">\n    <p class=\"hero-name\">Nomad Tribal Gathering 2026.<\/p>\n    <p class=\"hero-title\">\n      <span>Chill<\/span> \u00b7 T\u00f6rzsi \u00b7 <span>Pihen\u00e9s<\/span> \u00b7 T\u00f6lt\u0151d\u00e9s \u00b7 <span>Zene<\/span> \u00b7 Tr\u00f3pusi hangulat\n    <\/p>\n    <h1 class=\"hero-date\">2026. augusztus 19\u201323.<\/h1>\n    <p class=\"hero-location\">Playa Luna mag\u00e1nbirtok \u00b7 P\u00e1pa, Magyarorsz\u00e1g<\/p>\n\n    <p class=\"hero-countdown-label\">M\u00e1r csak ennyi id\u0151 van h\u00e1tra:<\/p>\n    <div class=\"hero-countdown-inline\">\n      <div class=\"cd-item\">\n        <span class=\"cd-num\" id=\"cd-days\">\u2014<\/span>\n        <span class=\"cd-label\">Nap<\/span>\n      <\/div>\n      <span class=\"cd-sep\">\u00b7<\/span>\n      <div class=\"cd-item\">\n        <span class=\"cd-num\" id=\"cd-hours\">\u2014<\/span>\n        <span class=\"cd-label\">\u00d3ra<\/span>\n      <\/div>\n      <span class=\"cd-sep\">\u00b7<\/span>\n      <div class=\"cd-item\">\n        <span class=\"cd-num\" id=\"cd-mins\">\u2014<\/span>\n        <span class=\"cd-label\">Perc<\/span>\n      <\/div>\n      <span class=\"cd-sep\">\u00b7<\/span>\n      <div class=\"cd-item\">\n        <span class=\"cd-num\" id=\"cd-secs\">\u2014<\/span>\n        <span class=\"cd-label\">M\u00e1sodperc<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-cta-wrap\">\n      <a href=\"#tickets\" class=\"btn-primary\">Jegyet v\u00e1s\u00e1rolok<\/a>\n      <a href=\"#about\" class=\"btn-ghost\">T\u00f6bbet szeretn\u00e9k megtudni!<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"scroll-hint\">G\u00f6rgets<\/div>\n<\/section>\n\n<!-- STATS BAR -->\n<div id=\"stats\">\n  <div class=\"stats-inner\">\n    <div class=\"stat\">\n      <span class=\"stat-num\">500<\/span>\n      <span class=\"stat-label\">R\u00e9sztvev\u0151<\/span>\n    <\/div>\n    <div class=\"stat\">\n      <span class=\"stat-num\">5<\/span>\n      <span class=\"stat-label\">Nap<\/span>\n    <\/div>\n    <div class=\"stat\">\n      <span class=\"stat-num\">5<\/span>\n      <span class=\"stat-label\">Helysz\u00edn<\/span>\n    <\/div>\n    <div class=\"stat\">\n      <span class=\"stat-num\">30+<\/span>\n      <span class=\"stat-label\">El\u0151ad\u00f3<\/span>\n    <\/div>\n    <div class=\"stat\">\n      <span class=\"stat-num\">8<\/span>\n      <span class=\"stat-label\">Orsz\u00e1g<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- MI EZ -->\n<section id=\"about\">\n  <div class=\"container\">\n    <div class=\"about-grid\">\n      <div class=\"about-text\">\n        <p class=\"section-label reveal\">Mi az a Nomad Tribal Gathering?<\/p>\n        <h2 class=\"section-title reveal reveal-delay-1\">\u00d6t nap, ahol a term\u00e9szet \u00e9s a zene eggy\u00e9 v\u00e1lik<\/h2>\n        <p class=\"section-body reveal reveal-delay-2\">\n          A Nomad Tribal Gathering egy 5 napos, limit\u00e1lt l\u00e9tsz\u00e1m\u00fa (kb. 500 f\u0151s) k\u00f6z\u00f6ss\u00e9gi \u00e9lm\u00e9nyfesztiv\u00e1l, ahol a term\u00e9szet, az elektronikus t\u00f6rzsi zene \u00e9s a tudatos jelenl\u00e9t tal\u00e1lkozik.\n        <\/p>\n        <p class=\"section-body reveal reveal-delay-2\" style=\"margin-top: 20px;\">\n          A Playa Luna priv\u00e1t birtokon, P\u00e1pa k\u00f6zel\u00e9ben megrendezett esem\u00e9ny zenei \u00e9lm\u00e9nyeket, workshopokat \u00e9s felt\u00f6lt\u0151d\u00e9st k\u00edn\u00e1l \u2014 nemzetk\u00f6zileg elismert el\u0151ad\u00f3kkal.\n        <\/p>\n        <p class=\"section-body reveal reveal-delay-2\" style=\"margin-top: 20px;\">\n          Nem egy hagyom\u00e1nyos fesztiv\u00e1l, hanem egy elvonul\u00e1s jelleg\u0171 k\u00f6z\u00f6ss\u00e9gi \u00e9lm\u00e9ny, ahol lelassulhatsz, kapcsol\u00f3dhatsz, \u00e9s felt\u00f6lt\u0151dve t\u00e9rhetsz vissza a h\u00e9tk\u00f6znapokba.\n        <\/p>\n        <a href=\"https:\/\/nomadgathering.com\/jegyek\" class=\"btn-primary reveal reveal-delay-3\" style=\"margin-top: 40px; display: inline-block;\" target=\"_blank\">Bel\u00e9p\u0151k<\/a>\n      <\/div>\n      <div class=\"about-video-outer reveal reveal-delay-2\">\n        <div class=\"about-video-wrap\">\n          <video\n            class=\"about-video\"\n            src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2026\/05\/nomad-2025.mp4\"\n            poster=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/04\/NOMAD-BG-scaled-1.webp\"\n            muted\n            loop\n            playsinline\n            preload=\"none\">\n          <\/video>\n          <button class=\"video-play-btn\" aria-label=\"Vide\u00f3 lej\u00e1tsz\u00e1sa\">\n            <svg viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"30\" cy=\"30\" r=\"29\" stroke=\"white\" stroke-opacity=\"0.7\" stroke-width=\"1.5\"\/>\n              <path d=\"M24 20L42 30L24 40V20Z\" fill=\"white\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <div class=\"video-glass-label\">\n          <span>\u00c9ld \u00e1t a Nomad autentikus hangulat\u00e1t!<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HANGULAT GAL\u00c9RIA -->\n<section id=\"vibes\">\n  <div class=\"container\">\n    <div class=\"vibes-header\">\n      <p class=\"section-label reveal\">Nomad 2025 hangulat<\/p>\n      <h2 class=\"section-title reveal reveal-delay-1\">Ilyen volt, ilyen lesz<\/h2>\n    <\/div>\n    <div class=\"masonry reveal reveal-delay-2\">\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1652.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1613.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1482.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1401.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1387.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1359.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1309.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1263.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1165.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1145.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/MG_1112.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n      <a class=\"masonry-item\" href=\"#\"><img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/aMG_9904.webp\" alt=\"Nomad 2025\" loading=\"lazy\"><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- STAGES -->\n<section id=\"stages\">\n  <div class=\"container\">\n    <div class=\"stages-header\">\n      <p class=\"section-label reveal\">Helysz\u00ednek<\/p>\n      <h2 class=\"section-title reveal reveal-delay-1\">\u00d6t vil\u00e1g, egy birtok<\/h2>\n      <p class=\"section-body reveal reveal-delay-2\" style=\"margin: 0 auto; text-align: center;\">Minden helysz\u00edn m\u00e1s \u00e9lm\u00e9nyt hoz \u2014 te d\u00f6nt\u00f6d el, hol t\u00f6lt\u00f6d az id\u0151d.<\/p>\n    <\/div>\n    <div class=\"stages-grid\">\n      <div class=\"stage-card reveal\">\n        <img decoding=\"async\" class=\"stage-icon\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/07\/NOMAD-helyszin-MAINSTAGE-MUSIC-symbol.png\" alt=\"Main Stage\">\n        <div class=\"stage-name\">Main Stage<\/div>\n        <div class=\"stage-desc\">Elektronikus t\u00f6rzsi \u00e9s downtempo zene. Nemzetk\u00f6zi DJ lineup, napi naplement\u00e9t\u0151l hajnalig.<\/div>\n      <\/div>\n      <div class=\"stage-card reveal reveal-delay-1\">\n        <img decoding=\"async\" class=\"stage-icon\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/07\/NOMAD-helyszin-MOVEMENTS-symbol.png\" alt=\"Movements\">\n        <div class=\"stage-name\">Movements<\/div>\n        <div class=\"stage-desc\">Reggeli j\u00f3ga, t\u00e1nc, mozg\u00e1smedit\u00e1ci\u00f3. A test \u00e9s l\u00e9lek \u00f6sszhangja a term\u00e9szetben.<\/div>\n      <\/div>\n      <div class=\"stage-card reveal reveal-delay-2\">\n        <img decoding=\"async\" class=\"stage-icon\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/07\/NOMAD-helyszin-LECTURE-and-WORKSHOP-symbol.png\" alt=\"Lectures\">\n        <div class=\"stage-name\">Lectures &#038; Workshops<\/div>\n        <div class=\"stage-desc\">Inspir\u00e1l\u00f3 el\u0151ad\u00e1sok, interakt\u00edv workshopok. Tud\u00e1s, amit haza is viszel.<\/div>\n      <\/div>\n      <div class=\"stage-card reveal reveal-delay-3\">\n        <img decoding=\"async\" class=\"stage-icon\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/07\/NOMAD-helyszin-HEALIN-GARDEN-symbol.png\" alt=\"Healing Garden\">\n        <div class=\"stage-name\">Healing Garden<\/div>\n        <div class=\"stage-desc\">Hangf\u00fcrd\u0151, teaszertart\u00e1s, gy\u00f3gy\u00edt\u00e1s. Ahol igaz\u00e1n le tudsz t\u00f6lt\u0151dni.<\/div>\n      <\/div>\n      <div class=\"stage-card reveal reveal-delay-4\">\n        <img decoding=\"async\" class=\"stage-icon\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/07\/NOMAD-helyszin-FIREPLACE-symbol.png\" alt=\"Fireplace\">\n        <div class=\"stage-name\">Fireplace<\/div>\n        <div class=\"stage-desc\">Esti t\u0171zshow \u00e9s k\u00f6z\u00f6ss\u00e9gi \u00f6sszej\u00f6vetelek a t\u00e1bort\u0171z k\u00f6r\u00fcl, csillagos \u00e9g alatt.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- LINEUP -->\n<section id=\"lineup\">\n  <div class=\"container\">\n    <div class=\"lineup-header\">\n      <p class=\"section-label reveal\">El\u0151ad\u00f3k<\/p>\n      <h2 class=\"section-title reveal reveal-delay-1\">Nemzetk\u00f6zi el\u0151ad\u00f3k a vil\u00e1g minden t\u00e1j\u00e1r\u00f3l.<\/h2>\n      <p class=\"section-body reveal reveal-delay-2\" style=\"margin: 0 auto; text-align: center;\">T\u00f6rzsi electronic, ethno, afro-house \u00e9s downtempo hangz\u00e1sok \u2014 magyar \u00e9s nemzetk\u00f6zi el\u0151ad\u00f3kt\u00f3l.<\/p>\n    <\/div>\n    <div class=\"lineup-grid reveal reveal-delay-2\">\n      <div class=\"artist-card\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/11\/384204831_867386154754359_3828274696973426926_n.jpg\" alt=\"Satori\" loading=\"lazy\">\n        <div class=\"artist-overlay\"><div>\n          <div class=\"artist-name\">Satori<\/div>\n          <div class=\"artist-origin\">Hollandia<\/div>\n        <\/div><\/div>\n      <\/div>\n      <div class=\"artist-card\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/11\/imgi_13_556117415_1348514676661857_343757179495470409_n.jpg\" alt=\"Suduaya\" loading=\"lazy\">\n        <div class=\"artist-overlay\"><div>\n          <div class=\"artist-name\">Suduaya<\/div>\n          <div class=\"artist-origin\">Franciaorsz\u00e1g<\/div>\n        <\/div><\/div>\n      <\/div>\n      <div class=\"artist-card\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/11\/Nevtelen-terv-4.jpg\" alt=\"Kareem Ra\u00efhani\" loading=\"lazy\">\n        <div class=\"artist-overlay\"><div>\n          <div class=\"artist-name\">Kareem Ra\u00efhani<\/div>\n          <div class=\"artist-origin\">Marokk\u00f3<\/div>\n        <\/div><\/div>\n      <\/div>\n      <div class=\"artist-card\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/11\/345026802_1328886461023306_7538010040720091645_n.jpg\" alt=\"Alanda\" loading=\"lazy\">\n        <div class=\"artist-overlay\"><div>\n          <div class=\"artist-name\">Alanda<\/div>\n          <div class=\"artist-origin\">Izrael<\/div>\n        <\/div><\/div>\n      <\/div>\n      <div class=\"artist-card\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/11\/schiipman-profile-1.jpg\" alt=\"Schiipman\" loading=\"lazy\">\n        <div class=\"artist-overlay\"><div>\n          <div class=\"artist-name\">Schiipman<\/div>\n        <\/div><\/div>\n      <\/div>\n      <div class=\"artist-card\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/11\/Nasiri-profile.jpg\" alt=\"Nasiri\" loading=\"lazy\">\n        <div class=\"artist-overlay\"><div>\n          <div class=\"artist-name\">Nasiri<\/div>\n          <div class=\"artist-origin\">Ir\u00e1n<\/div>\n        <\/div><\/div>\n      <\/div>\n      <div class=\"artist-card\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/11\/artworks-fG6Y9XzeoKW5rzGZ-lTII0w-t500x500.jpg\" alt=\"Ping Medusa\" loading=\"lazy\">\n        <div class=\"artist-overlay\"><div>\n          <div class=\"artist-name\">Ping Medusa<\/div>\n        <\/div><\/div>\n      <\/div>\n      <div class=\"artist-card\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/10\/Acoustic-Substances-e1745737075119-600x6001-1.jpg\" alt=\"Acoustic Substances\" loading=\"lazy\">\n        <div class=\"artist-overlay\"><div>\n          <div class=\"artist-name\">Acoustic Substances<\/div>\n          <div class=\"artist-origin\">Ukrajna<\/div>\n        <\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- LOCATION -->\n<section id=\"location\">\n  <div class=\"container\">\n    <div class=\"location-grid\">\n      <div class=\"location-map reveal\">\n        <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/04\/NOMAD-terkep-2025-scaled.jpg\" alt=\"Helysz\u00edn t\u00e9rk\u00e9p\">\n      <\/div>\n      <div class=\"location-details\">\n        <p class=\"section-label reveal\">Helysz\u00edn<\/p>\n        <h2 class=\"section-title reveal reveal-delay-1\">Playa Luna, P\u00e1pa k\u00f6zel\u00e9ben<\/h2>\n        <p class=\"section-body reveal reveal-delay-2\">Egy priv\u00e1t birtok a term\u00e9szet k\u00f6zep\u00e9n, ahol val\u00f3ban ki tudsz kapcsolni. Messze a v\u00e1ros zaj\u00e1t\u00f3l \u2014 k\u00f6zel minden \u00e9lm\u00e9nyhez.<\/p>\n\n        <div class=\"reveal reveal-delay-2\">\n          <div class=\"location-detail-item\">\n            <span class=\"detail-icon\">\ud83d\udccd<\/span>\n            <div>\n              <span class=\"detail-label\">Helysz\u00edn<\/span>\n              <span class=\"detail-value\">Playa Luna mag\u00e1nbirtok, P\u00e1pa k\u00f6zel\u00e9ben, Magyarorsz\u00e1g<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"location-detail-item\">\n            <span class=\"detail-icon\">\ud83d\uddd3<\/span>\n            <div>\n              <span class=\"detail-label\">Id\u0151pont<\/span>\n              <span class=\"detail-value\">2026. augusztus 19. (szerda) \u2014 23. (vas\u00e1rnap)<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"location-detail-item\">\n            <span class=\"detail-icon\">\ud83d\udc65<\/span>\n            <div>\n              <span class=\"detail-label\">Kapacit\u00e1s<\/span>\n              <span class=\"detail-value\">Mind\u00f6ssze 500 r\u00e9sztvev\u0151 \u2014 sz\u00e1nd\u00e9kosan intim<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"location-detail-item\">\n            <span class=\"detail-icon\">\ud83d\ude97<\/span>\n            <div>\n              <span class=\"detail-label\">Megk\u00f6zel\u00edt\u00e9s<\/span>\n              <span class=\"detail-value\">Aut\u00f3val Budapest\u2013Gy\u0151r ir\u00e1nyb\u00f3l, ~1,5\u20132 \u00f3ra. R\u00e9szletes \u00fatmutat\u00f3 jegyv\u00e1s\u00e1rl\u00e1s ut\u00e1n.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"location-detail-item\">\n            <span class=\"detail-icon\">\u26fa<\/span>\n            <div>\n              <span class=\"detail-label\">Sz\u00e1ll\u00e1s<\/span>\n              <span class=\"detail-value\">S\u00e1toroz\u00e1s a helysz\u00ednen lehets\u00e9ges. Sz\u00e1ll\u00e1sopci\u00f3kat k\u00fcld\u00fcnk jegyv\u00e1s\u00e1rl\u00e1s ut\u00e1n.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- JEGY CTA -->\n<section id=\"tickets\">\n  <div class=\"container\" style=\"position:relative; z-index:2;\">\n    <p class=\"tickets-label reveal\">Jegyek<\/p>\n    <h2 class=\"tickets-title reveal reveal-delay-1\">A legkedvez\u0151bb jegyek most \u00e9rhet\u0151k el.<\/h2>\n    <p class=\"tickets-urgency reveal reveal-delay-2\">\u26a1 Super Early Bird jegyek \u00e9s p\u00e1ros kedvezm\u00e9ny \u2014 limit\u00e1lt ideig!<\/p>\n\n    <div class=\"ticket-tiers reveal reveal-delay-2\">\n      <div class=\"ticket-tier\">\n        <span class=\"tier-name\">Super Early Bird<\/span>\n        <span class=\"tier-price\">39 900<span class=\"tier-currency\">Ft<\/span><\/span>\n        <p class=\"tier-note\">Korl\u00e1tozott darabsz\u00e1m<\/p>\n        <ul class=\"tier-features\">\n          <li>Bel\u00e9p\u00e9st biztos\u00edt mind az 5 napra<\/li>\n          <li>Biztons\u00e1gos bankk\u00e1rty\u00e1s fizet\u00e9s a Stripe rendszer\u00e9n bel\u00fcl<\/li>\n          <li>Azonnali visszaigazol\u00e1s e-mailben<\/li>\n        <\/ul>\n        <button class=\"tier-cta atc-btn\" data-product-id=\"276\">Ezt v\u00e1lasztom<\/button>\n      <\/div>\n      <div class=\"ticket-tier featured\">\n        <span class=\"tier-badge\">Legn\u00e9pszer\u0171bb v\u00e1laszt\u00e1s<\/span>\n        <span class=\"tier-name\">P\u00e1ros Super Early Bird bel\u00e9p\u0151<\/span>\n        <span class=\"tier-price-old\">79 900 Ft<\/span>\n        <span class=\"tier-price\">71 900<span class=\"tier-currency\">Ft<\/span><\/span>\n        <p class=\"tier-note\">2 f\u0151 r\u00e9sz\u00e9re \u2014 teljes 5 napos \u00e9lm\u00e9ny<\/p>\n        <ul class=\"tier-features\">\n          <li>Bel\u00e9p\u00e9st biztos\u00edt mind az 5 napra, 2 f\u0151nek<\/li>\n          <li>Biztons\u00e1gos bankk\u00e1rty\u00e1s fizet\u00e9s a Stripe rendszer\u00e9n bel\u00fcl<\/li>\n          <li>Azonnali visszaigazol\u00e1s e-mailben<\/li>\n        <\/ul>\n        <button class=\"tier-cta atc-btn\" data-product-id=\"3205\">Ezt v\u00e1lasztom<\/button>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section id=\"faq\">\n  <div class=\"container\">\n    <div class=\"faq-header\">\n      <p class=\"section-label reveal\">K\u00e9rd\u00e9sek<\/p>\n      <h2 class=\"section-title reveal reveal-delay-1\">Amit a legt\u00f6bben k\u00e9rdeznek<\/h2>\n    <\/div>\n    <div class=\"faq-list reveal reveal-delay-2\">\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Sz\u00fcks\u00e9ges-e s\u00e1trat hozni? <span class=\"faq-icon\"><\/span><\/button>\n        <div class=\"faq-a\">Igen, aj\u00e1nljuk a s\u00e1toroz\u00e1st a helysz\u00ednen. A birtok ter\u00fclet\u00e9n kijel\u00f6lt kempingter\u00fclet \u00e1ll rendelkez\u00e9sre. A r\u00e9szletes sz\u00e1ll\u00e1slehet\u0151s\u00e9gekr\u0151l jegyv\u00e1s\u00e1rl\u00e1s ut\u00e1n k\u00fcld\u00fcnk t\u00e1j\u00e9koztat\u00f3t.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Hogyan jutok el a helysz\u00ednre? <span class=\"faq-icon\"><\/span><\/button>\n        <div class=\"faq-a\">A Playa Luna mag\u00e1nbirtok P\u00e1pa k\u00f6zel\u00e9ben tal\u00e1lhat\u00f3, Budapestr\u0151l k\u00f6r\u00fclbel\u00fcl 1,5\u20132 \u00f3ra aut\u00f3val. Pontos \u00fatvonalat \u00e9s koordin\u00e1t\u00e1kat a jegyv\u00e1s\u00e1rl\u00e1s ut\u00e1n k\u00fcld\u00fcnk el.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Visszav\u00e1lthat\u00f3-e a jegy? <span class=\"faq-icon\"><\/span><\/button>\n        <div class=\"faq-a\">A jegyek nem visszav\u00e1lthat\u00f3k, de \u00e1truh\u00e1zhat\u00f3k. Ha nem tudsz r\u00e9szt venni, a jegyet \u00e1thelyezheted m\u00e1snak. K\u00e9rj\u00fck, vedd fel vel\u00fcnk a kapcsolatot: contact@nomadgathering.com<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Mit hozzak magammal? <span class=\"faq-icon\"><\/span><\/button>\n        <div class=\"faq-a\">S\u00e1tor, h\u00e1l\u00f3zs\u00e1k, napv\u00e9d\u0151, term\u00e9szetes sz\u00fanyogriaszt\u00f3, k\u00e9nyelmes ruh\u00e1k nappalra \u00e9s melegebb r\u00e9tegek est\u00e9re. Az \u00e9telr\u0151l \u00e9s italr\u00f3l gondoskodik a fesztiv\u00e1l b\u00fcf\u00e9.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Gyerekek is j\u00f6hetnek? <span class=\"faq-icon\"><\/span><\/button>\n        <div class=\"faq-a\">A Nomad Tribal Gathering 18 \u00e9ven fel\u00fclieknek sz\u00f3l. A fesztiv\u00e1l tudatos, feln\u0151tt k\u00f6z\u00f6ss\u00e9gi \u00e9lm\u00e9nyre f\u00f3kusz\u00e1l.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Van-e \u00e9telk\u00edn\u00e1lat a helysz\u00ednen? <span class=\"faq-icon\"><\/span><\/button>\n        <div class=\"faq-a\">Igen, a helysz\u00ednen \u00e9tkez\u00e9si lehet\u0151s\u00e9g biztos\u00edtott. Az \u00e9tlapot \u00e9s az \u00e1rakat a fesztiv\u00e1l el\u0151tt teszik k\u00f6zz\u00e9.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"footer-inner\">\n    <div class=\"footer-logo\">\n      <img decoding=\"async\" src=\"https:\/\/nomadgathering.com\/wp-content\/uploads\/2025\/03\/nomad-logo-footer-1.png\" alt=\"Nomad Tribal Gathering\">\n    <\/div>\n    <div class=\"footer-info\">\n      <p>2026. augusztus 19\u201323. \u00b7 Playa Luna, P\u00e1pa<\/p>\n      <p style=\"margin-top:8px;\"><a href=\"mailto:contact@nomadgathering.com\">contact@nomadgathering.com<\/a><\/p>\n    <\/div>\n    <div class=\"footer-social\">\n      <a href=\"https:\/\/www.facebook.com\/nomadgathering\" class=\"social-link\" target=\"_blank\" title=\"Facebook\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/nomadgathering\" class=\"social-link\" target=\"_blank\" title=\"Instagram\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <span>\u00a9 2026 Nomad Tribal Gathering \u00b7 Minden jog fenntartva<\/span>\n    <div style=\"display:flex; gap:24px;\">\n      <a href=\"https:\/\/nomadgathering.com\/adatvedelmi-tajekoztato\/\">Adatv\u00e9delem<\/a>\n      <a href=\"https:\/\/nomadgathering.com\/altalanos-szerzodesi-feltetelek\/\">\u00c1SZF<\/a>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Psychedelic canvas wave\n  const canvas = document.createElement('canvas');\n  canvas.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:overlay;opacity:0.22;';\n  document.getElementById('hero').appendChild(canvas);\n  const ctx = canvas.getContext('2d');\n  function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }\n  resizeCanvas();\n  window.addEventListener('resize', resizeCanvas);\n\n  let t = 0;\n  function drawWave() {\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    const w = canvas.width, h = canvas.height;\n    const colors = [\n      [150, 30, 180],\n      [80, 0, 120],\n      [180, 20, 100],\n      [20, 10, 120],\n    ];\n    colors.forEach(([r,g,b], i) => {\n      const phase = t * 0.0007 + i * 1.3;\n      const cx = w * (0.3 + 0.4 * Math.sin(phase * 0.7));\n      const cy = h * (0.3 + 0.4 * Math.cos(phase * 0.5));\n      const rad = Math.min(w, h) * (0.28 + 0.1 * Math.sin(phase * 1.1));\n      const grad = ctx.createRadialGradient(cx, cy, 0, cx, cy, rad);\n      grad.addColorStop(0, `rgba(${r},${g},${b},0.55)`);\n      grad.addColorStop(1, `rgba(${r},${g},${b},0)`);\n      ctx.beginPath();\n      ctx.arc(cx, cy, rad, 0, Math.PI * 2);\n      ctx.fillStyle = grad;\n      ctx.fill();\n    });\n    t++;\n    requestAnimationFrame(drawWave);\n  }\n  drawWave();\n\n  \/\/ Custom cursor\n  const cursor = document.getElementById('cursor');\n  const ring = document.getElementById('cursorRing');\n  let mx = 0, my = 0, rx = 0, ry = 0;\n  document.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; cursor.style.left = mx+'px'; cursor.style.top = my+'px'; });\n  function animRing() { rx += (mx-rx)*0.12; ry += (my-ry)*0.12; ring.style.left = rx+'px'; ring.style.top = ry+'px'; requestAnimationFrame(animRing); }\n  animRing();\n  document.querySelectorAll('a, button').forEach(el => {\n    el.addEventListener('mouseenter', () => { ring.style.width='56px'; ring.style.height='56px'; ring.style.borderColor='rgba(112,33,124,0.9)'; });\n    el.addEventListener('mouseleave', () => { ring.style.width='36px'; ring.style.height='36px'; ring.style.borderColor='rgba(112,33,124,0.6)'; });\n  });\n\n\n  \/\/ Navbar scroll\n  const navbar = document.getElementById('navbar');\n  window.addEventListener('scroll', () => {\n    navbar.classList.toggle('scrolled', window.scrollY > 60);\n  });\n\n  \/\/ Countdown\n  function updateCountdown() {\n    const target = new Date('2026-08-19T10:00:00');\n    const now = new Date();\n    const diff = target - now;\n    if (diff <= 0) return;\n    const d = Math.floor(diff \/ 86400000);\n    const h = Math.floor((diff % 86400000) \/ 3600000);\n    const m = Math.floor((diff % 3600000) \/ 60000);\n    const s = Math.floor((diff % 60000) \/ 1000);\n    document.getElementById('cd-days').textContent = String(d).padStart(2,'0');\n    document.getElementById('cd-hours').textContent = String(h).padStart(2,'0');\n    document.getElementById('cd-mins').textContent = String(m).padStart(2,'0');\n    document.getElementById('cd-secs').textContent = String(s).padStart(2,'0');\n  }\n  updateCountdown();\n  setInterval(updateCountdown, 1000);\n\n  \/\/ Video play \/ pause toggle\n  const aboutVideo = document.querySelector('.about-video');\n  const playBtn    = document.querySelector('.video-play-btn');\n  if (aboutVideo) {\n    function videoPlay() {\n      aboutVideo.muted = false;\n      aboutVideo.loop  = false;\n      aboutVideo.play();\n      if (playBtn) { playBtn.classList.add('hidden'); }\n    }\n    function videoPause() {\n      aboutVideo.pause();\n      if (playBtn) { playBtn.classList.remove('hidden'); }\n    }\n    if (playBtn) {\n      playBtn.addEventListener('click', videoPlay);\n    }\n    aboutVideo.addEventListener('click', function() {\n      if (aboutVideo.paused) { videoPlay(); } else { videoPause(); }\n    });\n    aboutVideo.addEventListener('ended', function() {\n      if (playBtn) { playBtn.classList.remove('hidden'); }\n    });\n  }\n\n  \/\/ Scroll reveal\n  const reveals = document.querySelectorAll('.reveal');\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\n  }, { threshold: 0.12 });\n  reveals.forEach(el => observer.observe(el));\n\n  \/\/ FAQ\n  document.querySelectorAll('.faq-q').forEach(btn => {\n    btn.addEventListener('click', () => {\n      const item = btn.closest('.faq-item');\n      const isOpen = item.classList.contains('open');\n      document.querySelectorAll('.faq-item.open').forEach(el => el.classList.remove('open'));\n      if (!isOpen) item.classList.add('open');\n    });\n  });\n  \/\/ AJAX add-to-cart \u2014 WooCommerce fragment refresh, no redirect\n  document.querySelectorAll('.atc-btn').forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      var productId = btn.getAttribute('data-product-id');\n      var originalText = btn.textContent;\n      btn.textContent = 'Hozz\u00e1ad\u00e1s...';\n      btn.disabled = true;\n      btn.style.opacity = '0.7';\n\n      fetch('\/?wc-ajax=add_to_cart', {\n        method: 'POST',\n        credentials: 'same-origin',\n        headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n        body: 'product_id=' + productId + '&quantity=1'\n      })\n      .then(function(r) { return r.json(); })\n      .then(function(data) {\n        if (data.error) {\n          btn.textContent = originalText;\n          btn.disabled = false;\n          btn.style.opacity = '';\n          window.location.href = '\/?add-to-cart=' + productId;\n          return;\n        }\n        \/\/ Update WooCommerce fragments (mini cart widget)\n        if (data.fragments) {\n          Object.keys(data.fragments).forEach(function(selector) {\n            var els = document.querySelectorAll(selector);\n            els.forEach(function(el) {\n              el.outerHTML = data.fragments[selector];\n            });\n          });\n        }\n        \/\/ Trigger WC jQuery events so header cart icon updates\n        if (typeof jQuery !== 'undefined') {\n          jQuery(document.body).trigger('added_to_cart', [data.fragments, data.cart_hash, jQuery(btn)]);\n          jQuery(document.body).trigger('wc_fragment_refresh');\n        }\n        btn.textContent = '\u2713 Kos\u00e1rba t\u00e9ve';\n        btn.style.opacity = '1';\n        btn.style.background = '#2d8a4e';\n        setTimeout(function() {\n          btn.textContent = originalText;\n          btn.disabled = false;\n          btn.style.background = '';\n        }, 2500);\n      })\n      .catch(function() {\n        window.location.href = '\/?add-to-cart=' + productId;\n      });\n    });\n  });\n}); \/\/ DOMContentLoaded\n<\/script>\n<\/div><!-- #nomad-landing -->\n\n","protected":false},"excerpt":{"rendered":"<p>Mi ez? Helysz\u00ednek El\u0151ad\u00f3k Megk\u00f6zel\u00edt\u00e9s Jegyek Nomad Tribal Gathering 2026. Chill \u00b7 T\u00f6rzsi \u00b7 Pihen\u00e9s \u00b7 T\u00f6lt\u0151d\u00e9s \u00b7 Zene \u00b7 Tr\u00f3pusi hangulat 2026. augusztus 19\u201323. Playa Luna mag\u00e1nbirtok \u00b7 P\u00e1pa, Magyarorsz\u00e1g M\u00e1r csak ennyi id\u0151 van h\u00e1tra: \u2014 Nap \u00b7 \u2014 \u00d3ra \u00b7 \u2014 Perc \u00b7 \u2014 M\u00e1sodperc Jegyet v\u00e1s\u00e1rolok T\u00f6bbet szeretn\u00e9k megtudni! G\u00f6rgets 500 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3587","page","type-page","status-publish","hentry","entry","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"_links":{"self":[{"href":"https:\/\/nomadgathering.com\/en\/wp-json\/wp\/v2\/pages\/3587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nomadgathering.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nomadgathering.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nomadgathering.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nomadgathering.com\/en\/wp-json\/wp\/v2\/comments?post=3587"}],"version-history":[{"count":4,"href":"https:\/\/nomadgathering.com\/en\/wp-json\/wp\/v2\/pages\/3587\/revisions"}],"predecessor-version":[{"id":3591,"href":"https:\/\/nomadgathering.com\/en\/wp-json\/wp\/v2\/pages\/3587\/revisions\/3591"}],"wp:attachment":[{"href":"https:\/\/nomadgathering.com\/en\/wp-json\/wp\/v2\/media?parent=3587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}