{"id":1418,"date":"2026-07-12T05:12:36","date_gmt":"2026-07-12T05:12:36","guid":{"rendered":"https:\/\/eventraglobal.events\/?page_id=1418"},"modified":"2026-07-15T15:28:45","modified_gmt":"2026-07-15T15:28:45","slug":"eventra-portfolio","status":"publish","type":"page","link":"https:\/\/eventraglobal.events\/index.php\/eventra-portfolio\/","title":{"rendered":"Eventra Portfolio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nPortfolio \u2014 Eventra Global<\/title>\n<meta name=\"description\" content=\"Eventra Global \u2014 AI cinematic campaigns, brand identity, and world-class corporate events for premium clients across the GCC, Europe, and beyond.\">\n\n<style>\n\/* Google Fonts loaded via @import so they work when pasted into\n WordPress Custom HTML blocks, Elementor widgets, Divi Code modules,\n or any other embed context that doesn't give access to <head>. *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=Instrument+Serif:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@400;500&display=swap');\n\n\/* ==========================================================================\n AI VISUALS BY AHMAD \u2014 Hanzo-inspired monochromatic build for Eventra\n No header\/footer. Drop-in section for embedding into Eventra site.\n Full monochromatic (near-black + off-white). Italic serif accents.\n Contact points to Eventra Global.\n ========================================================================== *\/\n\n.avh-scope {\n --bg: #FFFFFF;\n --bg-2: #FAFAFA;\n --bg-3: #F0F0F0;\n --ink: #0A0A0A;\n --ink-2: #1F1F1F;\n --muted: #6B6B75;\n --muted-2: #A5A5A5;\n --line: rgba(10, 10, 10, 0.08);\n --line-strong: rgba(10, 10, 10, 0.15);\n --blue: #306CFF;\n --cyan: #1FB0F0;\n\n --sans: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n --serif: 'Instrument Serif', 'Times New Roman', serif;\n --mono: 'JetBrains Mono', 'SF Mono', monospace;\n\n --radius: 20px;\n --radius-sm: 14px;\n --radius-pill: 999px;\n\n --ease: cubic-bezier(0.4, 0, 0.2, 1);\n --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n\n --gutter: clamp(1.5rem, 4vw, 4rem);\n --max: 100%;\n\n background: var(--bg);\n color: var(--ink);\n font-family: var(--sans);\n font-weight: 400;\n font-size: 15px;\n line-height: 1.5;\n letter-spacing: -0.005em;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n overflow-x: hidden;\n overflow-y: visible;\n\n \/* ==========================================================================\n WORDPRESS FULL-BLEED \u2014 break out of the theme's content container.\n Even if pasted inside a narrow WordPress block (usually 800\u20131200px),\n these rules extend the page to the full browser viewport width.\n ========================================================================== *\/\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n}\n\n\/* Prevent horizontal scroll caused by the full-bleed trick in WordPress. *\/\nhtml, body { overflow-x: hidden !important; }\n\n.avh-scope *,\n.avh-scope *::before,\n.avh-scope *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\/* All links inside our scope must obey OUR styling, not WordPress theme's\n aggressive link color rules. !important is required here because most\n WordPress themes use !important on .entry-content a etc. *\/\n.avh-scope a { color: inherit !important; text-decoration: none !important; }\n.avh-scope img { display: block; max-width: 100%; height: auto; }\n.avh-scope video { display: block; max-width: 100%; }\n.avh-scope button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; font-size: inherit; }\n\n\/* Grain overlay *\/\n.avh-scope::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n opacity: 0.4;\n mix-blend-mode: multiply;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'\/%3E%3C\/svg%3E\");\n}\n\n\/* ============ EYEBROW (italic serif \u2014 Hanzo signature) ============ *\/\n.avh-eyebrow {\n font-family: var(--serif);\n font-style: italic;\n font-weight: 400;\n font-size: clamp(1.15rem, 1.5vw, 1.5rem);\n color: var(--ink-2);\n letter-spacing: -0.01em;\n display: inline-block;\n margin-bottom: 2rem;\n}\n.avh-eyebrow::before { content: \"# \"; opacity: 0.4; font-family: var(--mono); font-style: normal; font-size: 0.75em; vertical-align: middle; margin-right: 0.15em; }\n\n\/* ============ TOP PILL ============ *\/\n.avh-top {\n padding: 1.5rem var(--gutter) 0;\n position: relative;\n z-index: 2;\n display: flex;\n justify-content: center;\n}\n.avh-status-pill {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.55rem 1.15rem;\n background: rgba(245, 245, 240, 0.06);\n backdrop-filter: blur(12px);\n border: 1px solid var(--line-strong);\n border-radius: var(--radius-pill);\n font-size: 0.8rem;\n font-weight: 500;\n color: var(--ink-2);\n}\n.avh-status-pill::before {\n content: \"\";\n width: 8px;\n height: 8px;\n background: var(--blue);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(48, 108, 255, 0.6);\n animation: avhPulse 2s ease-in-out infinite;\n}\n@keyframes avhPulse {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.4); opacity: 0.6; }\n}\n\n\/* ============ HERO ============ *\/\n.avh-hero {\n padding: clamp(4rem, 10vw, 8rem) var(--gutter) clamp(3rem, 6vw, 5rem);\n position: relative;\n z-index: 2;\n text-align: center;\n}\n.avh-hero-inner {\n max-width: var(--max);\n margin: 0 auto;\n}\n.avh-hero-headline {\n font-family: var(--sans);\n font-weight: 600;\n font-size: clamp(3.5rem, 11vw, 11rem);\n line-height: 0.9;\n letter-spacing: -0.055em;\n color: var(--ink);\n margin-bottom: 3rem;\n}\n.avh-hero-headline em {\n font-family: var(--serif);\n font-style: italic;\n font-weight: 400;\n color: var(--blue);\n padding: 0 0.15em;\n}\n.avh-hero-desc {\n font-size: clamp(1rem, 1.5vw, 1.2rem);\n color: var(--muted);\n max-width: 620px;\n margin: 0 auto 2.5rem;\n line-height: 1.5;\n}\n.avh-hero-actions {\n display: flex;\n gap: 0.75rem;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n\/* ============ BUTTONS ============ *\/\n.avh-btn {\n padding: 1rem 1.75rem;\n border-radius: var(--radius-pill);\n font-size: 0.95rem;\n font-weight: 500;\n transition: all 0.35s var(--ease);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n border: 1px solid transparent;\n white-space: nowrap;\n font-family: var(--sans);\n}\n.avh-btn-primary {\n background: var(--blue) !important;\n color: white !important;\n border: 1px solid var(--blue);\n}\n.avh-btn-primary:hover {\n background: white !important;\n color: var(--blue) !important;\n transform: translateY(-2px);\n box-shadow: 0 12px 32px rgba(48, 108, 255, 0.25);\n}\n.avh-btn-secondary {\n background: transparent;\n color: var(--ink);\n border-color: var(--line-strong);\n}\n.avh-btn-secondary:hover {\n background: rgba(48, 108, 255, 0.04);\n border-color: var(--blue);\n color: var(--blue);\n}\n.avh-btn .avh-arrow { font-size: 1rem; transition: transform 0.3s var(--ease); }\n.avh-btn:hover .avh-arrow { transform: translate(3px, -3px); }\n.avh-btn-secondary:hover .avh-arrow { transform: translateY(3px); }\n\n\/* ============ MARQUEE (image scroll) ============ *\/\n.avh-marquee-wrap {\n padding: clamp(2rem, 5vw, 4rem) 0;\n position: relative;\n z-index: 2;\n overflow: hidden;\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n}\n.avh-marquee-row {\n display: flex;\n gap: 1.25rem;\n width: max-content;\n animation: avhScroll 60s linear infinite;\n margin-bottom: 1.25rem;\n}\n.avh-marquee-row.reverse {\n animation-direction: reverse;\n margin-bottom: 0;\n}\n.avh-marquee-tile {\n flex-shrink: 0;\n width: clamp(280px, 22vw, 380px);\n aspect-ratio: 4 \/ 3;\n border-radius: var(--radius-sm);\n overflow: hidden;\n border: 1px solid var(--line);\n background: var(--bg-3);\n}\n.avh-marquee-tile img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: saturate(0.85);\n}\n@keyframes avhScroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n\n\/* ============ HELLO SECTION ============ *\/\n.avh-hello {\n padding: clamp(5rem, 10vw, 8rem) var(--gutter);\n position: relative;\n z-index: 2;\n text-align: center;\n}\n.avh-hello-inner {\n max-width: 1000px;\n margin: 0 auto;\n}\n.avh-hello-text {\n font-size: clamp(1.5rem, 3vw, 2.5rem);\n font-weight: 500;\n line-height: 1.25;\n letter-spacing: -0.02em;\n color: var(--ink);\n margin-bottom: 3rem;\n}\n.avh-hello-text em {\n font-family: var(--serif);\n font-style: italic;\n font-weight: 400;\n color: var(--muted);\n}\n.avh-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: center;\n}\n.avh-tag {\n padding: 0.6rem 1.15rem;\n background: rgba(245, 245, 240, 0.05);\n border: 1px solid var(--line-strong);\n border-radius: var(--radius-pill);\n font-size: 0.85rem;\n font-weight: 500;\n color: var(--ink-2);\n transition: all 0.3s var(--ease);\n}\n.avh-tag:hover {\n background: var(--ink);\n color: var(--bg);\n border-color: var(--ink);\n transform: translateY(-2px);\n}\n\n\/* ============ SECTIONS ============ *\/\n.avh-section {\n padding: clamp(5rem, 10vw, 8rem) var(--gutter);\n position: relative;\n z-index: 2;\n}\n.avh-section-head {\n max-width: var(--max);\n margin: 0 auto 4rem;\n text-align: center;\n}\n.avh-section-title {\n font-family: var(--sans);\n font-weight: 600;\n font-size: clamp(2.5rem, 7vw, 6rem);\n line-height: 1;\n letter-spacing: -0.055em;\n color: var(--ink);\n max-width: 900px;\n margin: 0 auto;\n}\n.avh-section-title em {\n font-family: var(--serif);\n font-style: italic;\n font-weight: 400;\n padding: 0 0.1em;\n}\n\n\/* ============ AI CINEMA (16:9 FILMS) ============ *\/\n.avh-cinema { background: var(--bg); border-top: 1px solid var(--line); }\n.avh-cinema-grid {\n max-width: var(--max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n gap: 1.5rem;\n}\n.avh-cinema-card {\n position: relative;\n border-radius: var(--radius);\n overflow: hidden;\n aspect-ratio: 16 \/ 9;\n background: var(--bg-3);\n border: 1px solid var(--line);\n transition: transform 0.6s var(--ease-out), border-color 0.6s var(--ease), box-shadow 0.6s var(--ease);\n}\n.avh-cinema-card:hover {\n transform: translateY(-6px);\n border-color: var(--blue);\n box-shadow: 0 20px 40px rgba(48, 108, 255, 0.15);\n}\n.avh-cinema-card iframe,\n.avh-cinema-card video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n border: 0;\n object-fit: cover;\n display: block;\n background: #000;\n}\n.avh-cinema-card video {\n transition: transform 0.9s var(--ease-out);\n}\n.avh-cinema-card:hover video {\n transform: scale(1.03);\n}\n.avh-cinema-card .avh-video-num {\n position: absolute;\n top: 1rem;\n left: 1rem;\n z-index: 5;\n}\n\n\/* ============ AI VIDEOS (SHARED FOR REELS 9:16) ============ *\/\n.avh-videos {\n background: var(--bg);\n}\n.avh-videos-grid {\n max-width: var(--max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n.avh-video-card {\n position: relative;\n border-radius: var(--radius);\n overflow: hidden;\n aspect-ratio: 9 \/ 16;\n background: var(--bg-2);\n cursor: pointer;\n border: 1px solid var(--line);\n transition: transform 0.6s var(--ease-out), border-color 0.6s var(--ease);\n}\n.avh-video-card:hover {\n transform: translateY(-6px);\n border-color: var(--blue);\n box-shadow: 0 20px 40px rgba(48, 108, 255, 0.15);\n}\n.avh-video-card iframe {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n border: 0;\n transition: transform 0.9s var(--ease-out);\n}\n.avh-video-card video,\n.avh-video-card .avh-video-placeholder {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.9s var(--ease-out);\n}\n.avh-video-card:hover video,\n.avh-video-card:hover .avh-video-placeholder {\n transform: scale(1.05);\n}\n.avh-video-placeholder {\n background:\n radial-gradient(circle at 30% 30%, rgba(48, 108, 255, 0.18), transparent 60%),\n radial-gradient(circle at 70% 70%, rgba(31, 176, 240, 0.14), transparent 60%),\n var(--bg-3);\n}\n.avh-video-placeholder::before {\n content: \"\";\n position: absolute;\n inset: 30%;\n background: radial-gradient(circle, rgba(48, 108, 255, 0.2), transparent 70%);\n border-radius: 50%;\n filter: blur(20px);\n animation: avhFloat 6s ease-in-out infinite;\n}\n@keyframes avhFloat {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(-10%, 10%) scale(1.15); }\n}\n\n.avh-video-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(10, 10, 10, 0.9) 0%, rgba(10, 10, 10, 0.2) 40%, transparent 70%);\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n z-index: 2;\n}\n.avh-video-title {\n color: var(--ink);\n font-size: 1.05rem;\n font-weight: 500;\n letter-spacing: -0.015em;\n line-height: 1.3;\n margin-bottom: 0.4rem;\n transform: translateY(6px);\n opacity: 0;\n transition: all 0.4s var(--ease-out) 0.05s;\n}\n.avh-video-card:hover .avh-video-title { transform: translateY(0); opacity: 1; }\n.avh-video-tag {\n color: var(--muted);\n font-family: var(--mono);\n font-size: 0.7rem;\n transform: translateY(6px);\n opacity: 0;\n transition: all 0.4s var(--ease-out) 0.1s;\n}\n.avh-video-card:hover .avh-video-tag { transform: translateY(0); opacity: 1; }\n.avh-video-num {\n position: absolute;\n top: 1rem;\n left: 1rem;\n font-family: var(--mono);\n font-size: 0.7rem;\n color: white;\n background: rgba(10, 10, 10, 0.75);\n backdrop-filter: blur(10px);\n padding: 0.35rem 0.65rem;\n border-radius: var(--radius-pill);\n z-index: 3;\n font-weight: 500;\n border: 1px solid rgba(255, 255, 255, 0.1);\n}\n.avh-video-play {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 40px;\n height: 40px;\n background: var(--blue);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 3;\n color: white;\n font-size: 0.85rem;\n transition: all 0.4s var(--ease-spring);\n opacity: 0;\n transform: scale(0.6);\n}\n.avh-video-card:hover .avh-video-play { opacity: 1; transform: scale(1); }\n\n.avh-view-all {\n display: flex;\n justify-content: center;\n margin-top: 3rem;\n}\n.avh-view-all a {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 1rem 1.75rem;\n background: transparent;\n border: 1px solid var(--line-strong);\n border-radius: var(--radius-pill);\n font-size: 0.95rem;\n font-weight: 500;\n transition: all 0.3s var(--ease);\n color: var(--ink);\n}\n.avh-view-all a:hover {\n background: var(--ink);\n color: var(--bg);\n border-color: var(--ink);\n transform: translateY(-2px);\n}\n.avh-view-all a .avh-arrow { transition: transform 0.3s; }\n.avh-view-all a:hover .avh-arrow { transform: translate(3px, -3px); }\n\n\/* ============ WORK \/ CASE STUDIES ============ *\/\n.avh-work { background: var(--bg); }\n.avh-filter-wrapper {\n max-width: var(--max);\n margin: 0 auto 3rem;\n padding: 0.6rem;\n background: rgba(245, 245, 240, 0.03);\n backdrop-filter: blur(20px);\n border: 1px solid var(--line);\n border-radius: var(--radius-pill);\n display: flex;\n gap: 0.3rem;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n position: sticky;\n top: 1rem;\n z-index: 50;\n width: fit-content;\n max-width: calc(100% - var(--gutter) * 2);\n}\n.avh-filter-wrapper::-webkit-scrollbar { display: none; }\n.avh-filter-chip {\n padding: 0.6rem 1.15rem;\n border-radius: var(--radius-pill);\n font-size: 0.85rem;\n font-weight: 500;\n color: var(--ink-2);\n transition: all 0.3s var(--ease);\n white-space: nowrap;\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n font-family: var(--sans);\n}\n.avh-filter-chip:hover { background: rgba(245, 245, 240, 0.08); }\n.avh-filter-chip.active {\n background: var(--ink);\n color: var(--bg);\n}\n.avh-filter-chip .avh-count {\n font-family: var(--mono);\n font-size: 0.7rem;\n opacity: 0.5;\n}\n.avh-work-grid {\n max-width: var(--max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n gap: 2.5rem 1.5rem;\n}\n.avh-card {\n position: relative;\n transition: transform 0.5s var(--ease-out), opacity 0.4s var(--ease);\n}\n.avh-card-image {\n aspect-ratio: 4 \/ 3;\n background: var(--bg-2);\n border-radius: var(--radius);\n overflow: hidden;\n position: relative;\n border: 1px solid var(--line);\n transition: transform 0.5s var(--ease-out), border-color 0.5s var(--ease);\n}\n.avh-card:hover .avh-card-image {\n transform: translateY(-6px);\n border-color: var(--line-strong);\n}\n.avh-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.9s var(--ease-out);\n filter: saturate(0.9);\n}\n.avh-card:hover .avh-card-image img { transform: scale(1.05); filter: saturate(1); }\n.avh-card-corner {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: rgba(10, 10, 10, 0.85);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: var(--radius-pill);\n padding: 0.4rem 0.75rem;\n font-family: var(--mono);\n font-size: 0.7rem;\n color: white;\n z-index: 2;\n opacity: 0;\n transition: all 0.4s var(--ease-out);\n transform: translateY(-4px);\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n font-weight: 500;\n}\n.avh-card:hover .avh-card-corner { opacity: 1; transform: translateY(0); }\n.avh-card-meta {\n padding: 1.25rem 0.25rem 0;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 1rem;\n}\n.avh-card-title {\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--ink);\n letter-spacing: -0.015em;\n line-height: 1.3;\n flex: 1;\n transition: color 0.3s var(--ease);\n}\n.avh-card:hover .avh-card-title { color: var(--blue); }\n.avh-card-tag {\n font-family: var(--mono);\n font-size: 0.7rem;\n color: var(--muted);\n padding: 0.3rem 0.6rem;\n background: rgba(245, 245, 240, 0.05);\n border-radius: var(--radius-pill);\n white-space: nowrap;\n font-weight: 500;\n}\n.avh-card-stats {\n padding: 0.5rem 0.25rem 0;\n display: flex;\n gap: 1rem;\n font-family: var(--mono);\n font-size: 0.7rem;\n color: var(--muted);\n}\n.avh-card-stats span::before { content: \"\u00b7 \"; opacity: 0.4; }\n.avh-card-stats span:first-child::before { content: \"\"; }\n\n\/* ============ ABOUT \/ DESIGNER ============ *\/\n.avh-about {\n background: var(--bg);\n border-top: 1px solid var(--line);\n}\n.avh-about-inner {\n max-width: var(--max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.4fr;\n gap: 5rem;\n align-items: start;\n}\n@media (max-width: 900px) { .avh-about-inner { grid-template-columns: 1fr; gap: 2.5rem; } }\n\n.avh-about-bio {\n font-size: 1.1rem;\n color: var(--muted);\n line-height: 1.6;\n margin-bottom: 3rem;\n}\n.avh-about-bio p + p { margin-top: 1.25rem; }\n.avh-about-bio strong { color: var(--ink); font-weight: 500; }\n\n.avh-timeline { list-style: none; }\n.avh-timeline li {\n display: grid;\n grid-template-columns: 1fr auto;\n padding: 1.5rem 0;\n border-bottom: 1px solid var(--line);\n gap: 1rem;\n align-items: baseline;\n transition: padding 0.3s var(--ease);\n}\n.avh-timeline li:hover { padding-left: 1rem; }\n.avh-timeline li:first-child { border-top: 1px solid var(--line); }\n.avh-timeline-role {\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--ink);\n}\n.avh-timeline-role span {\n display: block;\n font-family: var(--serif);\n font-style: italic;\n font-weight: 400;\n font-size: 0.95rem;\n color: var(--muted);\n margin-top: 0.15rem;\n}\n.avh-timeline-years {\n font-family: var(--mono);\n font-size: 0.8rem;\n color: var(--muted);\n white-space: nowrap;\n}\n\n\/* ============ CONNECT ============ *\/\n.avh-connect {\n padding: clamp(5rem, 12vw, 10rem) var(--gutter) clamp(4rem, 8vw, 6rem);\n position: relative;\n z-index: 2;\n text-align: center;\n border-top: 1px solid var(--line);\n}\n.avh-connect-inner {\n max-width: 900px;\n margin: 0 auto;\n}\n.avh-connect-title {\n font-family: var(--sans);\n font-weight: 600;\n font-size: clamp(3rem, 8vw, 8rem);\n line-height: 0.9;\n letter-spacing: -0.055em;\n margin-bottom: 2rem;\n}\n.avh-connect-title em {\n font-family: var(--serif);\n font-style: italic;\n font-weight: 400;\n}\n.avh-connect-desc {\n font-size: clamp(1rem, 1.4vw, 1.15rem);\n color: var(--muted);\n max-width: 500px;\n margin: 0 auto 3rem;\n line-height: 1.5;\n}\n.avh-connect-email {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.25rem 2rem;\n background: var(--blue) !important;\n color: white !important;\n border: 1px solid var(--blue);\n border-radius: var(--radius-pill);\n font-size: clamp(1rem, 1.5vw, 1.2rem);\n font-weight: 500;\n transition: all 0.4s var(--ease);\n margin-bottom: 3rem;\n}\n.avh-connect-email:hover {\n background: white !important;\n color: var(--blue) !important;\n transform: translateY(-2px);\n box-shadow: 0 20px 40px rgba(48, 108, 255, 0.3);\n}\n\n\/* Force white color on ALL child elements (like the \u2197 arrow span) inside\n blue buttons. WordPress themes sometimes style child <span> tags\n separately with their own color rules, so we need to override those too. *\/\n.avh-scope .avh-btn-primary,\n.avh-scope .avh-btn-primary *,\n.avh-scope .avh-connect-email,\n.avh-scope .avh-connect-email * {\n color: white !important;\n}\n.avh-scope .avh-btn-primary:hover,\n.avh-scope .avh-btn-primary:hover *,\n.avh-scope .avh-connect-email:hover,\n.avh-scope .avh-connect-email:hover * {\n color: var(--blue) !important;\n}\n.avh-connect-email .avh-arrow { transition: transform 0.3s; }\n.avh-connect-email:hover .avh-arrow { transform: translate(4px, -4px); }\n\n.avh-socials {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem;\n justify-content: center;\n margin-bottom: 0;\n}\n.avh-social {\n padding: 0.75rem 1.25rem;\n background: rgba(245, 245, 240, 0.04);\n border: 1px solid var(--line-strong);\n border-radius: var(--radius-pill);\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--ink);\n transition: all 0.3s var(--ease);\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n}\n.avh-social:hover {\n background: var(--blue);\n color: white;\n border-color: var(--blue);\n transform: translateY(-1px);\n}\n\n.avh-signoff {\n padding-top: 2rem;\n border-top: 1px solid var(--line);\n font-family: var(--mono);\n font-size: 0.75rem;\n color: var(--muted-2);\n letter-spacing: 0.05em;\n}\n\n\/* ============ EVENTS SECTION ============ *\/\n.avh-events { background: var(--bg-2); border-top: 1px solid var(--line); }\n.avh-events-grid {\n max-width: var(--max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n.avh-event-card {\n position: relative;\n border-radius: var(--radius);\n overflow: hidden;\n aspect-ratio: 1 \/ 1;\n background: var(--bg-3);\n cursor: pointer;\n border: 1px solid var(--line);\n transition: transform 0.6s var(--ease-out), border-color 0.6s var(--ease);\n}\n.avh-event-card:hover {\n transform: translateY(-6px);\n border-color: var(--line-strong);\n}\n.avh-event-card img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.9s var(--ease-out);\n filter: saturate(0.95);\n}\n.avh-event-card:hover img { transform: scale(1.05); filter: saturate(1.05); }\n.avh-event-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(10, 10, 10, 0.9) 0%, rgba(10, 10, 10, 0.15) 45%, transparent 70%);\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n z-index: 2;\n opacity: 0;\n transition: opacity 0.4s var(--ease);\n}\n.avh-event-card:hover .avh-event-overlay { opacity: 1; }\n.avh-event-title {\n color: white;\n font-size: 1.05rem;\n font-weight: 500;\n letter-spacing: -0.015em;\n line-height: 1.3;\n margin-bottom: 0.4rem;\n transform: translateY(6px);\n opacity: 0;\n transition: all 0.4s var(--ease-out) 0.05s;\n}\n.avh-event-card:hover .avh-event-title { transform: translateY(0); opacity: 1; }\n.avh-event-tag {\n color: rgba(255, 255, 255, 0.7);\n font-family: var(--mono);\n font-size: 0.7rem;\n transform: translateY(6px);\n opacity: 0;\n transition: all 0.4s var(--ease-out) 0.1s;\n}\n.avh-event-card:hover .avh-event-tag { transform: translateY(0); opacity: 1; }\n.avh-event-num {\n position: absolute;\n top: 1rem;\n left: 1rem;\n font-family: var(--mono);\n font-size: 0.7rem;\n color: white;\n background: rgba(10, 10, 10, 0.75);\n backdrop-filter: blur(10px);\n padding: 0.35rem 0.65rem;\n border-radius: var(--radius-pill);\n z-index: 3;\n font-weight: 500;\n border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n\/* ============ REVEAL ============ *\/\n.avh-reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.9s var(--ease-out), transform 0.9s var(--ease-out); }\n.avh-reveal.in { opacity: 1; transform: translateY(0); }\n\n@media (prefers-reduced-motion: reduce) {\n .avh-reveal { opacity: 1; transform: none; transition: none; }\n .avh-marquee-row, .avh-video-placeholder::before { animation: none; }\n * { animation-duration: 0.01s !important; transition-duration: 0.1s !important; }\n}\n\n\/* ========================================================================\n WORDPRESS THEME OVERRIDE \u2014 TYPOGRAPHY\n ========================================================================\n WordPress themes universally apply !important font-sizes on h1-h6, p, etc.\n which shrinks our massive display type. These rules FORCE our typography\n to win. All values in px (not rem) so they don't get affected by any\n html { font-size } manipulation the theme does.\n ======================================================================== *\/\n\n\/* Kill WordPress theme margins on headings (they add default 1em top\/bottom\n which breaks our tight vertical spacing) *\/\n.avh-scope h1,\n.avh-scope h2,\n.avh-scope h3,\n.avh-scope h4,\n.avh-scope h5,\n.avh-scope h6 {\n margin: 0 !important;\n padding: 0 !important;\n font-family: var(--sans) !important;\n color: inherit !important;\n}\n.avh-scope p {\n margin: 0 !important;\n padding: 0 !important;\n color: inherit !important;\n}\n\n\/* Force our display type sizes \u2014 hero, section titles, connect title *\/\n.avh-scope .avh-hero-headline {\n font-size: clamp(38px, 9vw, 160px) !important;\n line-height: 0.95 !important;\n font-weight: 500 !important;\n letter-spacing: -0.045em !important;\n}\n.avh-scope .avh-connect-title {\n font-size: clamp(38px, 8vw, 128px) !important;\n line-height: 1 !important;\n font-weight: 500 !important;\n letter-spacing: -0.035em !important;\n}\n.avh-scope .avh-section-title {\n font-size: clamp(32px, 5.5vw, 96px) !important;\n line-height: 1 !important;\n font-weight: 500 !important;\n letter-spacing: -0.04em !important;\n}\n.avh-scope .avh-hello-text {\n font-size: clamp(22px, 3vw, 48px) !important;\n line-height: 1.3 !important;\n font-weight: 500 !important;\n letter-spacing: -0.015em !important;\n}\n\n\/* ========================================================================\n TEXT ALIGNMENT PROTECTION \u2014 HARDENED FOR STUBBORN WORDPRESS THEMES\n ========================================================================\n Uses body prefix for higher CSS specificity + wildcard descendants\n to catch every child element. Nothing WordPress can do beats this.\n ======================================================================== *\/\n\n\/* Force center on section containers AND every descendant inside them *\/\nbody .avh-scope .avh-hero,\nbody .avh-scope .avh-hero *,\nbody .avh-scope .avh-hero-inner,\nbody .avh-scope .avh-hero-inner *,\nbody .avh-scope .avh-hello,\nbody .avh-scope .avh-hello *,\nbody .avh-scope .avh-hello-inner,\nbody .avh-scope .avh-hello-inner *,\nbody .avh-scope .avh-connect,\nbody .avh-scope .avh-connect *,\nbody .avh-scope .avh-connect-inner,\nbody .avh-scope .avh-connect-inner *,\nbody .avh-scope .avh-section-head,\nbody .avh-scope .avh-section-head *,\nbody .avh-scope .avh-view-all,\nbody .avh-scope .avh-view-all *,\nbody .avh-scope .avh-top,\nbody .avh-scope .avh-top * {\n text-align: center !important;\n}\n\n\/* Force flex centering on rows that contain buttons\/tags *\/\nbody .avh-scope .avh-hero-actions,\nbody .avh-scope .avh-tags,\nbody .avh-scope .avh-view-all,\nbody .avh-scope .avh-top,\nbody .avh-scope .avh-socials {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n flex-wrap: wrap !important;\n}\n\n\/* Force inner content wrappers to auto-center within their parent *\/\nbody .avh-scope .avh-hero-inner,\nbody .avh-scope .avh-hello-inner,\nbody .avh-scope .avh-connect-inner,\nbody .avh-scope .avh-section-head,\nbody .avh-scope .avh-hero-desc,\nbody .avh-scope .avh-connect-desc,\nbody .avh-scope .avh-section-desc {\n margin-left: auto !important;\n margin-right: auto !important;\n}\n\n\/* Descriptions and body copy *\/\n.avh-scope .avh-hero-desc {\n font-size: clamp(18px, 1.6vw, 24px) !important;\n line-height: 1.5 !important;\n}\n.avh-scope .avh-connect-desc {\n font-size: clamp(17px, 1.5vw, 22px) !important;\n line-height: 1.5 !important;\n}\n.avh-scope .avh-section-desc {\n font-size: clamp(16px, 1.4vw, 20px) !important;\n line-height: 1.5 !important;\n}\n\n\/* Buttons *\/\n.avh-scope .avh-btn {\n font-size: clamp(16px, 1.1vw, 18px) !important;\n font-weight: 500 !important;\n line-height: 1 !important;\n}\n.avh-scope .avh-connect-email {\n font-size: clamp(18px, 1.6vw, 24px) !important;\n font-weight: 500 !important;\n line-height: 1 !important;\n}\n\n\/* Eyebrows (italic serif labels \u2014 \"Hello.\", \"Let's Connect\" etc.) *\/\n.avh-scope .avh-eyebrow {\n font-size: clamp(20px, 1.8vw, 30px) !important;\n line-height: 1.2 !important;\n font-weight: 400 !important;\n font-family: var(--serif) !important;\n font-style: italic !important;\n}\n\n\/* Tags, chips, small utility text *\/\n.avh-scope .avh-tag,\n.avh-scope .avh-filter-chip {\n font-size: 16px !important;\n font-weight: 500 !important;\n line-height: 1 !important;\n}\n.avh-scope .avh-status-pill {\n font-size: 14px !important;\n font-weight: 500 !important;\n line-height: 1 !important;\n}\n.avh-scope .avh-marquee-track > span {\n font-size: clamp(32px, 4vw, 52px) !important;\n font-weight: 500 !important;\n letter-spacing: -0.02em !important;\n}\n\n\/* Cards *\/\n.avh-scope .avh-card-title {\n font-size: 20px !important;\n font-weight: 500 !important;\n line-height: 1.3 !important;\n}\n.avh-scope .avh-card-tag {\n font-size: 13px !important;\n font-weight: 500 !important;\n line-height: 1 !important;\n}\n.avh-scope .avh-video-num {\n font-size: 13px !important;\n font-weight: 500 !important;\n line-height: 1 !important;\n}\n\n\/* ========================================================================\n SPECIFIC VERTICAL SPACING \u2014 RESTORE MARGINS THAT WERE KILLED BY\n THE GENERAL h1-h6\/p { margin: 0 !important } RULE ABOVE\n ========================================================================\n These specific per-class rules win over the general kill because they\n have equal specificity (0,2,0) AND come later in the CSS. That gives\n us tight WP-safe margin zeroing PLUS controllable per-element spacing.\n ======================================================================== *\/\nbody .avh-scope .avh-eyebrow {\n margin: 0 auto 2rem !important;\n display: inline-block !important;\n}\nbody .avh-scope .avh-hero-headline {\n margin: 0 auto 2.5rem !important;\n}\nbody .avh-scope .avh-connect-title {\n margin: 0 auto 2rem !important;\n}\nbody .avh-scope .avh-section-title {\n margin: 0 auto !important;\n max-width: 900px !important;\n}\nbody .avh-scope .avh-hero-desc {\n margin: 0 auto 2.75rem !important;\n max-width: 640px !important;\n}\nbody .avh-scope .avh-connect-desc {\n margin: 0 auto 3rem !important;\n max-width: 640px !important;\n}\nbody .avh-scope .avh-section-desc {\n margin: 0 auto !important;\n max-width: 640px !important;\n}\nbody .avh-scope .avh-hello-text {\n margin: 0 auto 3rem !important;\n}\nbody .avh-scope .avh-section-head {\n margin: 0 auto 4rem !important;\n}\nbody .avh-scope .avh-connect-email {\n margin: 0 auto !important;\n}\n\n\/* Prevent horizontal overflow from long words on narrow viewports *\/\nbody .avh-scope .avh-hero-headline,\nbody .avh-scope .avh-connect-title,\nbody .avh-scope .avh-section-title,\nbody .avh-scope .avh-hello-text,\nbody .avh-scope .avh-hero-desc,\nbody .avh-scope .avh-connect-desc,\nbody .avh-scope .avh-section-desc {\n overflow-wrap: break-word !important;\n word-wrap: break-word !important;\n hyphens: auto !important;\n}\n\n\/* ========================================================================\n MOBILE ADJUSTMENTS (\u2264 640px)\n Tighter spacing, non-sticky filters, forced reveal visibility.\n ======================================================================== *\/\n@media (max-width: 640px) {\n body .avh-scope .avh-eyebrow {\n margin: 0 auto 1.5rem !important;\n }\n body .avh-scope .avh-hero-headline {\n margin: 0 auto 1.75rem !important;\n }\n body .avh-scope .avh-connect-title {\n margin: 0 auto 1.5rem !important;\n }\n body .avh-scope .avh-hero-desc {\n margin: 0 auto 2rem !important;\n padding: 0 0.5rem !important;\n }\n body .avh-scope .avh-connect-desc {\n margin: 0 auto 2.25rem !important;\n padding: 0 0.5rem !important;\n }\n body .avh-scope .avh-hello-text {\n margin: 0 auto 2rem !important;\n padding: 0 0.5rem !important;\n }\n body .avh-scope .avh-section-head {\n margin: 0 auto 2.5rem !important;\n }\n \/* Sticky filter breaks on some mobile browsers inside overflow-x containers.\n Make it static on narrow viewports so the work grid always renders. *\/\n body .avh-scope .avh-filter-wrapper {\n position: static !important;\n top: auto !important;\n }\n \/* Ensure the work grid never gets hidden on mobile. *\/\n body .avh-scope .avh-work-grid {\n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: 2rem !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- ============================================================================\n AI VISUALS BY AHMAD \u2014 Hanzo-inspired monochromatic build\n Embed inside Eventra Global site. No header\/footer.\n ============================================================================ -->\n\n<div class=\"avh-scope\">\n\n <!-- ============ TOP PILL ============ -->\n <div class=\"avh-top\">\n <div class=\"avh-status-pill\">Now Booking \u2014 2026 \u00b7 Barcelona, Spain<\/div>\n <\/div>\n\n <!-- ============ HERO ============ -->\n <section class=\"avh-hero\">\n <div class=\"avh-hero-inner\">\n <h1 class=\"avh-hero-headline\">\n AI <em>Cinema<\/em><br>\n & Live <em>Events<\/em><br>\n for Global Brands.\n <\/h1>\n <p class=\"avh-hero-desc\">\n Eventra Global delivers cinematic AI campaigns and world-class corporate events \u2014 for premium brands across the GCC, Europe, and beyond.\n <\/p>\n <div class=\"avh-hero-actions\">\n <a class=\"avh-btn avh-btn-primary\" href=\"https:\/\/eventraglobal.events\/index.php\/contact-us\/\" target=\"_blank\">Let's talk <span class=\"avh-arrow\">\u2197<\/span><\/a>\n <a class=\"avh-btn avh-btn-secondary\" href=\"#work\">See the work <span class=\"avh-arrow\">\u2193<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============ MARQUEE ============ -->\n <div class=\"avh-marquee-wrap\" aria-hidden=\"true\">\n <div class=\"avh-marquee-row\" id=\"avh-marquee-row-1\"><\/div>\n <div class=\"avh-marquee-row reverse\" id=\"avh-marquee-row-2\"><\/div>\n <\/div>\n\n <!-- ============ HELLO ============ -->\n <section class=\"avh-hello avh-reveal\">\n <div class=\"avh-hello-inner\">\n <div class=\"avh-eyebrow\">Hello.<\/div>\n <p class=\"avh-hello-text\">\n <em>Eventra Global<\/em> is a creative studio and events partner \u2014 building cinematic AI campaigns, brand identities, and delivering world-class corporate events, hospitality experiences, and exhibitions.\n <\/p>\n <div class=\"avh-tags\">\n <span class=\"avh-tag\">AI Cinema<\/span>\n <span class=\"avh-tag\">Live Events<\/span>\n <span class=\"avh-tag\">Brand Identity<\/span>\n <span class=\"avh-tag\">Corporate Conferences<\/span>\n <span class=\"avh-tag\">Exhibitions<\/span>\n <span class=\"avh-tag\">Hospitality<\/span>\n <span class=\"avh-tag\">Product Commercials<\/span>\n <span class=\"avh-tag\">Creative Direction<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============ AI CINEMA (16:9 FILMS) ============ -->\n <section class=\"avh-section avh-cinema avh-reveal\" id=\"ai-cinema\">\n <div class=\"avh-section-head\">\n <div class=\"avh-eyebrow\">Cinematic Films<\/div>\n <h2 class=\"avh-section-title\">AI <em>Cinema<\/em>.<\/h2>\n <\/div>\n <div class=\"avh-cinema-grid\" id=\"avh-cinema-grid\"><\/div>\n <\/section>\n\n <!-- ============ REELS (9:16 VERTICAL) ============ -->\n <section class=\"avh-section avh-videos avh-reveal\" id=\"ai-reels\">\n <div class=\"avh-section-head\">\n <div class=\"avh-eyebrow\">Vertical Format<\/div>\n <h2 class=\"avh-section-title\">The <em>Reels<\/em>.<\/h2>\n <\/div>\n <div class=\"avh-videos-grid\" id=\"avh-videos-grid\"><\/div>\n <\/section>\n\n <!-- ============ EVENTS ============ -->\n <section class=\"avh-section avh-events avh-reveal\" id=\"events\">\n <div class=\"avh-section-head\">\n <div class=\"avh-eyebrow\">Live Events<\/div>\n <h2 class=\"avh-section-title\">The <em>Events<\/em>.<\/h2>\n <\/div>\n <div class=\"avh-events-grid\" id=\"avh-events-grid\"><\/div>\n <\/section>\n\n <!-- ============ WORK ============ -->\n <section class=\"avh-section avh-work avh-reveal\" id=\"work\">\n <div class=\"avh-section-head\">\n <div class=\"avh-eyebrow\">Portfolio<\/div>\n <h2 class=\"avh-section-title\">Recent <em>Work<\/em>.<\/h2>\n <\/div>\n\n <div class=\"avh-filter-wrapper\" style=\"margin: 0 auto 3rem;\">\n <button class=\"avh-filter-chip active\" data-filter=\"all\">All <span class=\"avh-count\">45<\/span><\/button>\n <button class=\"avh-filter-chip\" data-filter=\"brand\">Brand Identity <span class=\"avh-count\">10<\/span><\/button>\n <button class=\"avh-filter-chip\" data-filter=\"ai\">AI Campaigns <span class=\"avh-count\">09<\/span><\/button>\n <button class=\"avh-filter-chip\" data-filter=\"pitch\">Pitch Decks <span class=\"avh-count\">05<\/span><\/button>\n <button class=\"avh-filter-chip\" data-filter=\"digital\">Social & Digital <span class=\"avh-count\">14<\/span><\/button>\n <button class=\"avh-filter-chip\" data-filter=\"yole\">Yol\u00e9 Work <span class=\"avh-count\">07<\/span><\/button>\n <\/div>\n\n <div class=\"avh-work-grid\" id=\"avh-work-grid\"><\/div>\n <\/section>\n\n <!-- ============ CONNECT ============ -->\n <section class=\"avh-connect avh-reveal\" id=\"connect\">\n <div class=\"avh-connect-inner\">\n <div class=\"avh-eyebrow\">Let's Connect<\/div>\n <h2 class=\"avh-connect-title\">Have a <em>brief?<\/em><br>Let's build it.<\/h2>\n <p class=\"avh-connect-desc\">\n For enquiries, collaborations, and campaign briefs \u2014 reach out directly to the Eventra Global team.\n <\/p>\n\n <a class=\"avh-connect-email\" href=\"https:\/\/eventraglobal.events\/index.php\/contact-us\/\" target=\"_blank\">\n info@eventraglobal.events <span class=\"avh-arrow\">\u2197<\/span>\n <\/a>\n\n <\/div>\n <\/section>\n\n<\/div><!-- \/.avh-scope -->\n\n<script>\n\/\/ ============================================================================\n\/\/ EVENTS DATA \u2014 pulled from Eventra Global's live event gallery\n\/\/ ============================================================================\nconst eventsList = [\n { title: \"Corporate Summit\", tag: \"Conference \u00b7 Barcelona\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-29-at-20.30.52-1-768x1024.jpeg\" },\n { title: \"Luxury Hotel Conference\", tag: \"Hospitality\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/img_16-e1781936007542.jpg\" },\n { title: \"Executive Business Forum\", tag: \"Conference\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/img_13-e1781936527195.jpg\" },\n { title: \"VIP Hospitality Event\", tag: \"Hospitality\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/img_9-e1781936595781.jpg\" },\n { title: \"International Trade Exhibition\", tag: \"Exhibition\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-21-at-20.26.32-1-1024x768.jpeg\" },\n { title: \"Technology Expo 2026\", tag: \"Exhibition\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-21-at-20.26.33-1024x768.jpeg\" },\n { title: \"European Business Delegation\", tag: \"Conference\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-21-at-20.26.31-1-1024x768.jpeg\" },\n { title: \"Premium Hospitality Gala\", tag: \"Hospitality\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-29-at-20.30.54-1-881x1024.jpeg\" },\n { title: \"Global Partnership Summit\", tag: \"Conference\", img: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-29-at-20.33.17-695x1024.jpeg\" }\n];\n\n\/\/ ============================================================================\n\/\/ RENDER EVENTS\n\/\/ ============================================================================\nfunction renderEvents() {\n const grid = document.getElementById('avh-events-grid');\n grid.innerHTML = eventsList.map((e, i) => {\n const num = String(i + 1).padStart(2, '0');\n return `\n <div class=\"avh-event-card\">\n <img decoding=\"async\" loading=\"lazy\" src=\"${e.img}\" alt=\"${e.title}\">\n <span class=\"avh-event-num\">${num}<\/span>\n <div class=\"avh-event-overlay\">\n <div class=\"avh-event-title\">${e.title}<\/div>\n <div class=\"avh-event-tag\">${e.tag}<\/div>\n <\/div>\n <\/div>\n `;\n }).join('');\n}\nrenderEvents();\n\n\/\/ ============================================================================\n\/\/ AI CINEMA FILMS (16:9) \u2014 Instagram reels shown in widescreen cinema format\n\/\/ ============================================================================\nconst aiCinemaFilms = [\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Black-Tide.mp4\", title: \"Black Tide\", tag: \"AI \u00b7 Cinematic Short\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/LV.mp4\", title: \"L'Art du Voyage\", tag: \"AI \u00b7 Luxury Heritage\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Fashion-FIlm.mp4\", title: \"Fashion Film\", tag: \"AI \u00b7 Fashion\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Space-Movie.mp4\", title: \"Space Movie\", tag: \"AI \u00b7 Sci-Fi\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Horror-Trailer.mp4\", title: \"Horror Trailer\", tag: \"AI \u00b7 Horror\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Cookie-and-Father.mp4\", title: \"The Last Cookie\", tag: \"AI \u00b7 Animation Short\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Cartoon-Movie.mp4\", title: \"Cartoon Movie\", tag: \"AI \u00b7 Animation\" }\n];\n\n\/\/ ============================================================================\n\/\/ AI REELS (9:16) \u2014 vertical reel format\n\/\/ ============================================================================\nconst aiReels = [\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/HBL-Film.mp4\", title: \"1941 \u2192 Tomorrow\", tag: \"AI \u00b7 Bank Heritage\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/BMW-AD.mp4\", title: \"The Road Chases It\", tag: \"AI \u00b7 Auto\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Watch-Ad.mp4\", title: \"Watch Commercial\", tag: \"AI \u00b7 Product\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/The-Coffee-Maker.mp4\", title: \"The Coffee Maker\", tag: \"AI \u00b7 Product\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Fashion-Nature-Film.mp4\", title: \"Fashion in Nature\", tag: \"AI \u00b7 Fashion\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/UGC-GYM-AD.mp4\", title: \"Gym UGC Spot\", tag: \"AI \u00b7 UGC\" },\n { src: \"https:\/\/eventraglobal.events\/wp-content\/uploads\/2026\/07\/Anime-Style-Action-1.mp4\", title: \"Anime Style Action\", tag: \"AI \u00b7 Anime\" }\n];\n\n\/\/ ============================================================================\n\/\/ PROJECTS DATA \u2014 46 Behance projects (ITRUSTMOKO excluded)\n\/\/ ============================================================================\nconst allProjects = [\n { cat: \"digital\", title: \"Social Media Design \u00b7 NoRa EV\", url: \"https:\/\/www.behance.net\/gallery\/237615193\/Social-Media-Design-for-NoRa-EV\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/c8d6c4237615193.Y3JvcCwxMDEyLDc5MiwxMDc3LDA.png\", tag: \"Social \u00b7 Digital\", apps: 33, views: 377 },\n { cat: \"ai\", title: \"KFC \u00b7 AI Campaign\", url: \"https:\/\/www.behance.net\/gallery\/249462847\/KFC-AI-Campaign\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/dec60d249462847.Y3JvcCwxNzkyLDE0MDEsMCw1MDE.png\", tag: \"AI Campaign\", apps: 0, views: 11 },\n { cat: \"ai\", title: \"AI Videos Reel\", url: \"https:\/\/www.behance.net\/gallery\/249441245\/AI-Videos\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/cc2152249441245.Y3JvcCwxOTYzLDE1MzYsMzkzLDA.png\", tag: \"AI Campaign\", apps: 0, views: 8 },\n { cat: \"ai\", title: \"AI Food Photography\", url: \"https:\/\/www.behance.net\/gallery\/246071537\/Ai-Based-Food-Photography\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/dd8818246071537.Y3JvcCwxNzkyLDE0MDEsMCwyNTI.png\", tag: \"AI Campaign\", apps: 2, views: 28 },\n { cat: \"ai\", title: \"AI Fashion Shoot \u00b7 Pakistani Brands\", url: \"https:\/\/www.behance.net\/gallery\/246071191\/Ai-Based-Fashion-Shoot-For-Pakistani-Brands\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/588245246071191.Y3JvcCwxNzkyLDE0MDEsMCw3ODA.png\", tag: \"AI Campaign\", apps: 2, views: 30 },\n { cat: \"ai\", title: \"AI Fashion Video \u00b7 ImagineArt\", url: \"https:\/\/www.behance.net\/gallery\/245978419\/Ai-Fashion-Video-Using-ImagineArt\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/578056245978419.Y3JvcCwxOTYzLDE1MzYsMzkzLDA.png\", tag: \"AI Campaign\", apps: 1, views: 16 },\n { cat: \"ai\", title: \"AI Fashion Shoot\", url: \"https:\/\/www.behance.net\/gallery\/243391919\/Ai-Fashion-Shoot\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/a72011243391919.Y3JvcCwxMDgwLDg0NCwwLDI5Ng.png\", tag: \"AI Campaign\", apps: 0, views: 24 },\n { cat: \"ai\", title: \"AI Beauty Campaign\", url: \"https:\/\/www.behance.net\/gallery\/242409913\/Ai-Beauty-Campaign\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/577636242409913.Y3JvcCwxMDgwLDg0NCwwLDkz.png\", tag: \"AI Campaign\", apps: 1, views: 36 },\n { cat: \"ai\", title: \"AI Ad Campaign \u00b7 Carousel\", url: \"https:\/\/www.behance.net\/gallery\/241973377\/Ai-Ad-Campaign-Carousel\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/82bb5e241973377.Y3JvcCwxMDgwLDg0NCwwLDEzNg.png\", tag: \"AI Campaign\", apps: 1, views: 13 },\n { cat: \"brand\", title: \"Trivon Media \u00b7 Brand Identity\", url: \"https:\/\/www.behance.net\/gallery\/239766599\/Brand-Identity-Design-For-Trivon-Media\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/6488b1239766599.Y3JvcCw0NTAwLDM1MTksMCww.jpg\", tag: \"Brand Identity\", apps: 4, views: 31 },\n { cat: \"brand\", title: \"Deesse \u00b7 Logo & Branding\", url: \"https:\/\/www.behance.net\/gallery\/237614717\/Deesse-Logo-BrandingDesign\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/a51392237614717.Y3JvcCw0NTAwLDM1MTksMCwxMjM2.jpg\", tag: \"Brand Identity\", apps: 1, views: 46 },\n { cat: \"pitch\", title: \"Investor Pitch Deck\", url: \"https:\/\/www.behance.net\/gallery\/236758679\/Investor-Pitch-Deck-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/f83d98236758679.Y3JvcCw1NzUzLDQ1MDAsMTI4LDA.png\", tag: \"Pitch Deck\", apps: 0, views: 43 },\n { cat: \"brand\", title: \"NoRa EV \u00b7 Brand Guidelines\", url: \"https:\/\/www.behance.net\/gallery\/236331691\/NoRa-EV-Brand-Guidelines\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/cb2b46236331691.Y3JvcCw4MDgsNjMyLDAsMA.png\", tag: \"Brand Identity\", apps: 3, views: 36 },\n { cat: \"brand\", title: \"NoRa EV \u00b7 Visual Identity\", url: \"https:\/\/www.behance.net\/gallery\/235271143\/NoRa-EV-Visual-Identity\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/4e1821235271143.Y3JvcCwxMzIzLDEwMzUsMjgxLDA.jpg\", tag: \"Brand Identity\", apps: 1, views: 21 },\n { cat: \"pitch\", title: \"The Road Chronicles \u00b7 Pitch Deck\", url: \"https:\/\/www.behance.net\/gallery\/234691873\/The-Road-Chronicles-Pitch-Deck-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/ae02ac234691873.Y3JvcCwxMzgwLDEwODAsMCww.png\", tag: \"Pitch Deck\", apps: 3, views: 20 },\n { cat: \"brand\", title: \"NoRa EV \u00b7 Logo Design\", url: \"https:\/\/www.behance.net\/gallery\/234691675\/NoRa-EV-Logo-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/5f52fc234691675.Y3JvcCw0MTY3LDMyNTksMCwzMTQ1.jpg\", tag: \"Brand Identity\", apps: 0, views: 14 },\n { cat: \"brand\", title: \"NoRa EV \u00b7 Logo Concepts\", url: \"https:\/\/www.behance.net\/gallery\/234691581\/NoRa-EV-Logo-Design-Concepts\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/012317234691581.Y3JvcCw0MTY3LDMyNTksMCw0NTM.jpg\", tag: \"Brand Identity\", apps: 7, views: 34 },\n { cat: \"digital\", title: \"BUZZCUBE \u00b7 Landing Page\", url: \"https:\/\/www.behance.net\/gallery\/234691247\/BUZZCUBE-Landing-Page-Redesign\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/d213d7234691247.Y3JvcCwxOTIwLDE1MDEsMCww.png\", tag: \"Web \u00b7 Digital\", apps: 4, views: 11 },\n { cat: \"digital\", title: \"BUZZCUBE \u00b7 Ad Design\", url: \"https:\/\/www.behance.net\/gallery\/234691183\/BUZZCUBE-AD-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/97e861234691183.Y3JvcCwxMDgwLDg0NCwwLDQ0Ng.png\", tag: \"Social \u00b7 Digital\", apps: 0, views: 15 },\n { cat: \"pitch\", title: \"Racquet Shop \u00b7 Pitch Deck\", url: \"https:\/\/www.behance.net\/gallery\/234187569\/Pitch-Deck-Design-For-The-Racquet-Shop\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/2963e1234187569.Y3JvcCwxMzgwLDEwODAsMjcwLDA.jpg\", tag: \"Pitch Deck\", apps: 3, views: 22 },\n { cat: \"digital\", title: \"Pacific Trips \u00b7 Creative Travel\", url: \"https:\/\/www.behance.net\/gallery\/234187317\/Creative-Travel-Designs-for-Pacific-Trips\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/61299b234187317.Y3JvcCwxMDgwLDg0NCwwLDExNw.png\", tag: \"Social \u00b7 Digital\", apps: 1, views: 21 },\n { cat: \"pitch\", title: \"NoRa EV \u00b7 Pitch Deck\", url: \"https:\/\/www.behance.net\/gallery\/233902013\/NoRa-EV-Pitch-Deck-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/8d6c38233902013.Y3JvcCwxMzgwLDEwODAsMjcwLDA.jpg\", tag: \"Pitch Deck\", apps: 1, views: 16 },\n { cat: \"digital\", title: \"Racquet Shoot & Post Design\", url: \"https:\/\/www.behance.net\/gallery\/233886759\/Racquet-Shoot-Post-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/2fed92233886759.Y3JvcCwxMDgwLDg0NCwwLDI5Ng.png\", tag: \"Social \u00b7 Digital\", apps: 0, views: 9 },\n { cat: \"digital\", title: \"Facebook Ad Design\", url: \"https:\/\/www.behance.net\/gallery\/233553503\/Facebook-Ad-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/9cb014233553503.Y3JvcCwxNTAwLDExNzMsMCwxNjM.png\", tag: \"Social \u00b7 Digital\", apps: 0, views: 18 },\n { cat: \"digital\", title: \"YouTube Thumbnail Design\", url: \"https:\/\/www.behance.net\/gallery\/233553419\/Youtube-Thumbnail-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/3ba320233553419.Y3JvcCwxMzgwLDEwODAsMjcwLDA.png\", tag: \"Social \u00b7 Digital\", apps: 0, views: 7 },\n { cat: \"digital\", title: \"Wellness Organic Farm \u00b7 Carousel\", url: \"https:\/\/www.behance.net\/gallery\/232820349\/Carousel-Design-For-Wellness-Organic-Farm\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/b027f5232820349.Y3JvcCwxMDgwLDg0NCwwLDIxMw.jpg\", tag: \"Social \u00b7 Digital\", apps: 0, views: 19 },\n { cat: \"digital\", title: \"Zanzibar Wonders \u00b7 Social\", url: \"https:\/\/www.behance.net\/gallery\/232587399\/Social-Media-Design-For-Zanzibar-Wonders\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/9972bb232587399.Y3JvcCwxMDgwLDg0NCwwLDQ0MQ.png\", tag: \"Social \u00b7 Digital\", apps: 0, views: 7 },\n { cat: \"digital\", title: \"Codelab \u00b7 Carousel Design\", url: \"https:\/\/www.behance.net\/gallery\/232586957\/Carousel-Design-Codelab\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/279426232586957.Y3JvcCwxMDgwLDg0NCwwLDQ4.jpg\", tag: \"Social \u00b7 Digital\", apps: 0, views: 9 },\n { cat: \"brand\", title: \"Libass \u00b7 Logo & Branding\", url: \"https:\/\/www.behance.net\/gallery\/232454345\/Libass-Logo-Branding\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/d43820232454345.Y3JvcCwxMDgwLDg0NCwwLDExNw.gif\", tag: \"Brand Identity\", apps: 2, views: 11 },\n { cat: \"ai\", title: \"AI Photoshoot \u00b7 Razza\", url: \"https:\/\/www.behance.net\/gallery\/232438733\/AI-Photoshoot-Creative-Graphics-For-Razza\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/dfe088232438733.Y3JvcCwxMDgwLDg0NCwwLDI5.png\", tag: \"AI Campaign\", apps: 2, views: 22 },\n { cat: \"brand\", title: \"Cola Next \u00b7 Rebranding Campaign\", url: \"https:\/\/www.behance.net\/gallery\/232438553\/Cola-Next-Rebranding-Campaign\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/0afe5d232438553.Y3JvcCwxMDgwLDg0NCwwLDI1MQ.png\", tag: \"Brand Identity\", apps: 1, views: 20 },\n { cat: \"brand\", title: \"Suzuki \u00b7 Rebrand Campaign\", url: \"https:\/\/www.behance.net\/gallery\/232438353\/Suzuki-Rebrand-Campaign-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/ef174b232438353.Y3JvcCwxMDgwLDg0NCwwLDI1MQ.png\", tag: \"Brand Identity\", apps: 2, views: 9 },\n { cat: \"digital\", title: \"Pacific Trips \u00b7 Social Post\", url: \"https:\/\/www.behance.net\/gallery\/231382143\/Social-Media-Post-Design-for-Pacific-Trips\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/020a2c231382143.Y3JvcCwxMjAwLDkzOCwwLDEzMA.png\", tag: \"Social \u00b7 Digital\", apps: 0, views: 18 },\n { cat: \"yole\", title: \"World Chocolate Day \u00b7 Yol\u00e9\", url: \"https:\/\/www.behance.net\/gallery\/231381851\/World-Chocolate-Day-EDM-Design-for-Yole\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/dba8c0231381851.Y3JvcCwxMjAwLDkzOCwwLDc5OQ.png\", tag: \"Client \u00b7 Yol\u00e9\", apps: 0, views: 23 },\n { cat: \"yole\", title: \"World Health Day \u00b7 Yol\u00e9\", url: \"https:\/\/www.behance.net\/gallery\/231381719\/World-Health-Day-EDM-Design-for-Yole\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/f4519f231381719.Y3JvcCwxMjAwLDkzOCwwLDY3Nw.png\", tag: \"Client \u00b7 Yol\u00e9\", apps: 0, views: 15 },\n { cat: \"yole\", title: \"Reviews EDM \u00b7 Yol\u00e9\", url: \"https:\/\/www.behance.net\/gallery\/231381199\/Reviews-EDM-Design-For-Yole\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/5abb2b231381199.Y3JvcCwxMjAwLDkzOCwwLDIyOTA.png\", tag: \"Client \u00b7 Yol\u00e9\", apps: 0, views: 15 },\n { cat: \"yole\", title: \"EDM Design \u00b7 Yol\u00e9\", url: \"https:\/\/www.behance.net\/gallery\/231381095\/EDM-Design-For-Yole\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/a42233231381095.Y3JvcCwxMjAwLDkzOCwwLDgxNg.png\", tag: \"Client \u00b7 Yol\u00e9\", apps: 0, views: 14 },\n { cat: \"digital\", title: \"Flirty Love Story \u00b7 Carousel\", url: \"https:\/\/www.behance.net\/gallery\/231379533\/Flirty-Love-Story-through-Brands-Carousel\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/df38cf231379533.Y3JvcCwxMDgwLDg0NCwwLDI0.png\", tag: \"Social \u00b7 Digital\", apps: 1, views: 19 },\n { cat: \"digital\", title: \"Pacific Trips \u00b7 Social Designs\", url: \"https:\/\/www.behance.net\/gallery\/231195903\/Social-Media-Designs-Pacific-Trips\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/c672a2231195903.Y3JvcCwxMjAwLDkzOCwwLDI1OA.png\", tag: \"Social \u00b7 Digital\", apps: 0, views: 12 },\n { cat: \"brand\", title: \"Sugar Hi \u00b7 Ice Cream Brand\", url: \"https:\/\/www.behance.net\/gallery\/231195685\/Sugar-Hi-Ice-Cream-Brand\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/2a8239231195685.Y3JvcCw0MjYzLDMzMzUsMzY5LDA.png\", tag: \"Brand Identity\", apps: 9, views: 34 },\n { cat: \"digital\", title: \"Zero Zero \u00b7 Product Images\", url: \"https:\/\/www.behance.net\/gallery\/231195441\/Zero-Zero-Product-Images-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/3aef2d231195441.Y3JvcCwxMDEzLDc5MiwwLDU0NA.png\", tag: \"Social \u00b7 Digital\", apps: 0, views: 12 },\n { cat: \"yole\", title: \"Lifestyle Images \u00b7 Yol\u00e9\", url: \"https:\/\/www.behance.net\/gallery\/231195319\/Lifestyle-Images-Design-for-Yole\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/7d3034231195319.Y3JvcCwxMDgwLDg0NCwwLDMyMw.png\", tag: \"Client \u00b7 Yol\u00e9\", apps: 12, views: 18 },\n { cat: \"pitch\", title: \"Pitch Deck Design\", url: \"https:\/\/www.behance.net\/gallery\/231195037\/Pitch-Deck-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/866be0231195037.Y3JvcCw1NzUzLDQ1MDAsMCww.jpg\", tag: \"Pitch Deck\", apps: 10, views: 36 },\n { cat: \"digital\", title: \"NXLVL \u00b7 Concept Art\", url: \"https:\/\/www.behance.net\/gallery\/231194695\/NXLVL-Concept-Art-Design\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/0f0c73231194695.Y3JvcCwyNTU2LDIwMDAsMjIxLDA.jpg\", tag: \"Social \u00b7 Digital\", apps: 1, views: 16 },\n { cat: \"yole\", title: \"Swirl Up Campaign \u00b7 Yol\u00e9\", url: \"https:\/\/www.behance.net\/gallery\/231193943\/Swirl-Up-Campaign-Design-for-Yole\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/2847c2231193943.Y3JvcCwxNzI1LDEzNTAsNDc4LDA.png\", tag: \"Client \u00b7 Yol\u00e9\", apps: 1, views: 27 },\n { cat: \"yole\", title: \"Halloween Campaign \u00b7 Yol\u00e9\", url: \"https:\/\/www.behance.net\/gallery\/231193581\/Halloween-Campaign-Concept-for-Yole\", img: \"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/078877231193581.Y3JvcCwxMDEzLDc5MiwwLDEzNw.png\", tag: \"Client \u00b7 Yol\u00e9\", apps: 9, views: 44 }\n];\n\n\/\/ ============================================================================\n\/\/ RENDER AI CINEMA (16:9 films)\n\/\/ ============================================================================\nfunction renderCinema() {\n const grid = document.getElementById('avh-cinema-grid');\n grid.innerHTML = aiCinemaFilms.map((v, i) => {\n const num = String(i + 1).padStart(2, '0');\n return `\n <div class=\"avh-cinema-card\">\n <span class=\"avh-video-num\">${num}<\/span>\n <video\n src=\"${v.src}\"\n autoplay\n muted\n loop\n playsinline\n preload=\"metadata\"\n title=\"${v.title}\"><\/video>\n <div class=\"avh-video-overlay\">\n <div class=\"avh-video-title\">${v.title}<\/div>\n <div class=\"avh-video-tag\">${v.tag}<\/div>\n <\/div>\n <\/div>\n `;\n }).join('');\n}\nrenderCinema();\n\n\/\/ ============================================================================\n\/\/ RENDER AI REELS (9:16 vertical)\n\/\/ ============================================================================\nfunction renderReels() {\n const grid = document.getElementById('avh-videos-grid');\n grid.innerHTML = aiReels.map((v, i) => {\n const num = String(i + 1).padStart(2, '0');\n return `\n <div class=\"avh-video-card\">\n <span class=\"avh-video-num\">${num}<\/span>\n <video\n src=\"${v.src}\"\n autoplay\n muted\n loop\n playsinline\n preload=\"metadata\"\n title=\"${v.title}\"><\/video>\n <div class=\"avh-video-overlay\">\n <div class=\"avh-video-title\">${v.title}<\/div>\n <div class=\"avh-video-tag\">${v.tag}<\/div>\n <\/div>\n <\/div>\n `;\n }).join('');\n}\nrenderReels();\n\n\/\/ ============================================================================\n\/\/ RENDER MARQUEE (using top 12 projects from Behance for the scrolling strips)\n\/\/ ============================================================================\nfunction renderMarquee() {\n const featuredForMarquee = allProjects.slice(0, 8);\n const doubled = [...featuredForMarquee, ...featuredForMarquee, ...featuredForMarquee];\n const tilesHTML = doubled.map(p =>\n `<div class=\"avh-marquee-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"${p.img}\" alt=\"\"><\/div>`\n ).join('');\n document.getElementById('avh-marquee-row-1').innerHTML = tilesHTML;\n\n const featuredForMarquee2 = allProjects.slice(8, 16);\n const doubled2 = [...featuredForMarquee2, ...featuredForMarquee2, ...featuredForMarquee2];\n const tilesHTML2 = doubled2.map(p =>\n `<div class=\"avh-marquee-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"${p.img}\" alt=\"\"><\/div>`\n ).join('');\n document.getElementById('avh-marquee-row-2').innerHTML = tilesHTML2;\n}\nrenderMarquee();\n\n\/\/ ============================================================================\n\/\/ RENDER WORK GRID\n\/\/ ============================================================================\nfunction renderProjects(filter) {\n const grid = document.getElementById('avh-work-grid');\n const filtered = filter === 'all' ? allProjects : allProjects.filter(p => p.cat === filter);\n grid.innerHTML = filtered.map(p => `\n <a class=\"avh-card\" href=\"${p.url}\" target=\"_blank\" rel=\"noopener\">\n <div class=\"avh-card-image\">\n <span class=\"avh-card-corner\">View project \u2197<\/span>\n <img decoding=\"async\" loading=\"lazy\" src=\"${p.img}\" alt=\"${p.title}\">\n <\/div>\n <div class=\"avh-card-meta\">\n <div class=\"avh-card-title\">${p.title}<\/div>\n <div class=\"avh-card-tag\">${p.tag}<\/div>\n <\/div>\n <\/a>\n `).join('');\n}\nrenderProjects('all');\n\n\/\/ ============================================================================\n\/\/ FILTER\n\/\/ ============================================================================\ndocument.querySelectorAll('.avh-filter-chip').forEach(chip => {\n chip.addEventListener('click', () => {\n document.querySelectorAll('.avh-filter-chip').forEach(c => c.classList.remove('active'));\n chip.classList.add('active');\n renderProjects(chip.dataset.filter);\n });\n});\n\n\/\/ ============================================================================\n\/\/ SCROLL REVEAL\n\/\/ ============================================================================\nconst avhIO = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('in');\n avhIO.unobserve(e.target);\n }\n });\n}, { threshold: 0.08, rootMargin: '0px 0px -60px 0px' });\ndocument.querySelectorAll('.avh-reveal').forEach(el => avhIO.observe(el));\n\n\/\/ FALLBACK: If IntersectionObserver fails to trigger for any reason\n\/\/ (which happens on some mobile browsers, especially inside iframes or\n\/\/ scrollable containers), force ALL reveal elements to become visible\n\/\/ after 2 seconds. This guarantees nothing stays hidden.\nsetTimeout(() => {\n document.querySelectorAll('.avh-reveal:not(.in)').forEach(el => el.classList.add('in'));\n}, 2000);\n\n\/\/ ============================================================================\n\/\/ IMAGE ERROR HANDLING\n\/\/ ============================================================================\ndocument.addEventListener('error', (e) => {\n if (e.target.tagName === 'IMG') {\n e.target.style.opacity = '0.3';\n e.target.style.filter = 'grayscale(1)';\n }\n}, true);\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Portfolio \u2014 Eventra Global Now Booking \u2014 2026 \u00b7 Barcelona, Spain AI Cinema & Live Events for Global Brands. Eventra Global delivers cinematic AI campaigns and world-class corporate events \u2014 for premium brands across the GCC, Europe, and beyond. Let’s talk \u2197 See the work \u2193 Hello. Eventra Global is a creative studio and events […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1418","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/eventraglobal.events\/index.php\/wp-json\/wp\/v2\/pages\/1418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventraglobal.events\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eventraglobal.events\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eventraglobal.events\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eventraglobal.events\/index.php\/wp-json\/wp\/v2\/comments?post=1418"}],"version-history":[{"count":52,"href":"https:\/\/eventraglobal.events\/index.php\/wp-json\/wp\/v2\/pages\/1418\/revisions"}],"predecessor-version":[{"id":1491,"href":"https:\/\/eventraglobal.events\/index.php\/wp-json\/wp\/v2\/pages\/1418\/revisions\/1491"}],"wp:attachment":[{"href":"https:\/\/eventraglobal.events\/index.php\/wp-json\/wp\/v2\/media?parent=1418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}