{"id":7,"date":"2026-08-17T17:19:03","date_gmt":"2026-08-17T17:19:03","guid":{"rendered":"https:\/\/poppingevents.shop\/?page_id=7"},"modified":"2026-08-17T19:42:20","modified_gmt":"2026-08-17T19:42:20","slug":"home-page","status":"publish","type":"page","link":"https:\/\/poppingevents.shop\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc3ab34 e-con e-atomic-element e-flexbox-base e-d1a3e36 \" data-id=\"bc3ab34\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bc3ab34\">\n    \t\t<div class=\"elementor-element elementor-element-103bcff elementor-widget elementor-widget-html\" data-id=\"103bcff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');\r\n\r\n  html, body {\r\n    overflow-x: hidden !important;\r\n    background-color: #120104;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* 1. FIXED LEFT SIDEBAR *\/\r\n  .fixed-side-nav {\r\n    position: fixed !important;\r\n    top: 50% !important;\r\n    left: 32px !important;\r\n    transform: translateY(-50%) !important;\r\n    z-index: 99999 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 16px !important;\r\n    font-family: 'Space Mono', monospace !important;\r\n    font-size: 11px !important;\r\n    pointer-events: auto !important;\r\n  }\r\n\r\n  .side-nav-header {\r\n    color: #9c6770;\r\n    font-size: 10px;\r\n    letter-spacing: 0.15em;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .side-nav-link {\r\n    color: #6b353e;\r\n    text-decoration: none;\r\n    transition: all 0.25s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  .side-nav-link:hover { color: #ffffff; }\r\n\r\n  .side-nav-link.active-nav {\r\n    color: #ffffff !important;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .side-nav-link.active-nav::before {\r\n    content: \"\u2014 \";\r\n    color: #ffd700;\r\n    font-weight: bold;\r\n  }\r\n\r\n  \/* 2. SECTION CONTAINER (WITH LEFT PADDING FOR SIDEBAR) *\/\r\n  .scfo-section {\r\n    position: relative;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding-left: 220px;\r\n    padding-right: 60px;\r\n    color: #f3f3f3;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n  }\r\n\r\n  \/* 3. HERO WRAPPER (CRIMSON SILK & VELVET GLOW) *\/\r\n  .hero-wrapper {\r\n    min-height: 100vh;\r\n    background-color: #260308;\r\n    background-image: \r\n      radial-gradient(ellipse at 80% 40%, rgba(150, 15, 40, 0.8) 0%, transparent 60%),\r\n      radial-gradient(ellipse at 20% 70%, rgba(80, 5, 18, 0.8) 0%, transparent 50%),\r\n      linear-gradient(135deg, #150104 0%, #38040d 45%, #180206 100%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    padding-top: 36px;\r\n    padding-bottom: 36px;\r\n  }\r\n\r\n  \/* Top Navigation *\/\r\n  .scfo-nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n    margin-bottom: 30px;\r\n  }\r\n  .nav-brand {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 13px;\r\n    letter-spacing: 0.2em;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    text-transform: uppercase;\r\n  }\r\n  .nav-links {\r\n    display: flex;\r\n    gap: 32px;\r\n  }\r\n  .nav-link {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.15em;\r\n    color: #c99ea5;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition: color 0.2s;\r\n  }\r\n  .nav-link:hover { color: #ffffff; }\r\n\r\n  .nav-cta {\r\n    background: #ffffff;\r\n    color: #1a0206;\r\n    padding: 10px 22px;\r\n    border-radius: 40px;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    transition: all 0.25s ease;\r\n  }\r\n  .nav-cta:hover {\r\n    background: #ffd700;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* Hero Content Stage *\/\r\n  .hero-stage {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr;\r\n    align-items: center;\r\n    gap: 50px;\r\n    flex-grow: 1;\r\n    margin: 20px 0;\r\n  }\r\n\r\n  .hero-meta-badge {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    color: #ffd700;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: clamp(48px, 5.5vw, 80px);\r\n    line-height: 0.96;\r\n    font-weight: 700;\r\n    letter-spacing: -0.04em;\r\n    color: #ffffff;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  .hero-subhead {\r\n    font-size: 19px;\r\n    font-weight: 500;\r\n    color: #f7e6e9;\r\n    margin-bottom: 12px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .hero-description {\r\n    font-size: 14.5px;\r\n    line-height: 1.65;\r\n    color: #b58a92;\r\n    max-width: 440px;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .btn-primary-consult {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 215, 0, 0.4);\r\n    color: #ffffff;\r\n    padding: 15px 32px;\r\n    border-radius: 40px;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 12px;\r\n    letter-spacing: 0.12em;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.3s ease;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n  .btn-primary-consult:hover {\r\n    background: #ffffff;\r\n    color: #1a0206;\r\n    border-color: #ffffff;\r\n    box-shadow: 0 0 30px rgba(255, 215, 0, 0.35);\r\n  }\r\n\r\n  \/* Right Visual Stage *\/\r\n  .hero-visual-center {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 460px;\r\n  }\r\n\r\n  .portal-ring {\r\n    position: absolute;\r\n    width: 380px;\r\n    height: 380px;\r\n    border-radius: 50%;\r\n    border: 8px solid rgba(255, 215, 120, 0.6);\r\n    box-shadow: 0 0 90px rgba(255, 180, 50, 0.35), inset 0 0 70px rgba(255, 180, 50, 0.2);\r\n    z-index: 1;\r\n  }\r\n\r\n  .hero-sculpture {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-height: 480px;\r\n    width: 85%;\r\n    object-fit: cover;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(255, 215, 0, 0.3);\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85);\r\n    transition: transform 0.15s ease-out;\r\n  }\r\n\r\n  .hero-bottom-status {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #9c6770;\r\n    letter-spacing: 0.1em;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n    padding-top: 16px;\r\n  }\r\n\r\n  \/* Responsive Adjustments *\/\r\n  @media (max-width: 991px) {\r\n    .fixed-side-nav { display: none !important; }\r\n    .scfo-section {\r\n      padding-left: 20px !important;\r\n      padding-right: 20px !important;\r\n    }\r\n    .hero-stage {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n    .nav-links { display: none; }\r\n    .hero-title { font-size: 42px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- 1. FIXED LEFT SIDEBAR -->\r\n<nav class=\"fixed-side-nav\">\r\n  <div class=\"side-nav-header\">ON THIS PAGE<\/div>\r\n  <a href=\"#heroSection\" class=\"side-nav-link active-nav\" id=\"link-heroSection\">Start<\/a>\r\n  <a href=\"#trackRecordSection\" class=\"side-nav-link\" id=\"link-trackRecordSection\">Track Record<\/a>\r\n  <a href=\"#servicesSection\" class=\"side-nav-link\" id=\"link-servicesSection\">What we Curate<\/a>\r\n  <a href=\"#galasSection\" class=\"side-nav-link\" id=\"link-galasSection\">Galas & Work<\/a>\r\n  <a href=\"#processSection\" class=\"side-nav-link\" id=\"link-processSection\">The Blueprint<\/a>\r\n  <a href=\"#inquirySection\" class=\"side-nav-link\" id=\"link-inquirySection\">Inquiry<\/a>\r\n<\/nav>\r\n\r\n<!-- 2. HERO SECTION ONLY -->\r\n<section class=\"scfo-section hero-wrapper\" id=\"heroSection\">\r\n  <header class=\"scfo-nav\">\r\n    <div class=\"nav-brand\">POPPIN EVENTS<\/div>\r\n    <div class=\"nav-links\">\r\n      <a href=\"#trackRecordSection\" class=\"nav-link\">Record<\/a>\r\n      <a href=\"#servicesSection\" class=\"nav-link\">Curation<\/a>\r\n      <a href=\"#galasSection\" class=\"nav-link\">Galas<\/a>\r\n    <\/div>\r\n    <a href=\"#inquirySection\" class=\"nav-cta\">Book Consultation<\/a>\r\n  <\/header>\r\n\r\n  <div class=\"hero-stage\">\r\n    <div>\r\n      <span class=\"hero-meta-badge\">00 \/\/ LUXURY WEDDINGS & BESPOKE GALAS<\/span>\r\n      <h1 class=\"hero-title\">Poppin<br>Events<\/h1>\r\n      <div class=\"hero-subhead\">Bespoke celebrations designed to leave an impression.<\/div>\r\n      <p class=\"hero-description\">\r\n        We transform milestone celebrations, luxury weddings, and exclusive brand gatherings into immersive sensory experiences with flawless on-site coordination.\r\n      <\/p>\r\n      <a href=\"#inquirySection\" class=\"btn-primary-consult\">\r\n        Schedule A Consultation <span>\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"hero-visual-center\" id=\"visualContainer\">\r\n      <div class=\"portal-ring\"><\/div>\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=900&q=80\" \r\n        alt=\"Poppin Events Luxury Curation\" \r\n        class=\"hero-sculpture\"\r\n        id=\"interactiveHeroVisual\"\r\n      \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-bottom-status\">\r\n    <div><span style=\"color:#00ff66;\">\u25cf<\/span> Accepting Bookings For Upcoming Season<\/div>\r\n    <div>[ SCROLL TO EXPLORE BLUEPRINT \u2193 ]<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- SCRIPT FOR HERO 3D PARALLAX -->\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const heroVisual = document.getElementById('interactiveHeroVisual');\r\n    const heroSec = document.getElementById('heroSection');\r\n    if (heroVisual && heroSec && window.innerWidth > 991) {\r\n      heroSec.addEventListener('mousemove', (e) => {\r\n        const rect = heroSec.getBoundingClientRect();\r\n        const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n        const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n        heroVisual.style.transform = `perspective(1000px) rotateY(${x * 12}deg) rotateX(${-y * 12}deg) translateZ(12px)`;\r\n      });\r\n      heroSec.addEventListener('mouseleave', () => {\r\n        heroVisual.style.transform = 'perspective(1000px) rotateY(0deg) rotateX(0deg) translateZ(0px)';\r\n      });\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-abb37f9 e-con e-atomic-element e-flexbox-base e-4f6dfb9 \" data-id=\"abb37f9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"abb37f9\">\n    \t\t<div class=\"elementor-element elementor-element-67e529d elementor-widget elementor-widget-html\" data-id=\"67e529d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* -------------------------------------------------------------\r\n     SECTION 01: TRACK RECORD \/ BY THE NUMBERS\r\n     ------------------------------------------------------------- *\/\r\n  .numbers-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding-left: 220px; \/* Aligns with Hero left margin for the fixed sidebar *\/\r\n    padding-right: 60px;\r\n    color: #f3f3f3;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    background-color: #150104;\r\n    background-image: linear-gradient(180deg, #180206 0%, #200308 50%, #120104 100%);\r\n    padding-top: 100px;\r\n    padding-bottom: 100px;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n  }\r\n\r\n  .num-header {\r\n    display: grid;\r\n    grid-template-columns: 1.4fr 1fr;\r\n    align-items: flex-end;\r\n    border-bottom: 1px solid rgba(255, 215, 0, 0.1);\r\n    padding-bottom: 36px;\r\n    margin-bottom: 48px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .num-headline {\r\n    font-size: clamp(34px, 3.8vw, 52px);\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.03em;\r\n    margin: 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .num-subcopy {\r\n    font-size: 14.5px;\r\n    line-height: 1.65;\r\n    color: #b58a92;\r\n    margin: 0;\r\n  }\r\n\r\n  .metrics-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .metric-card {\r\n    background: rgba(35, 4, 10, 0.65);\r\n    border: 1px solid rgba(255, 215, 0, 0.12);\r\n    border-radius: 6px;\r\n    padding: 32px 24px;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .metric-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(255, 215, 0, 0.45);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);\r\n  }\r\n\r\n  .metric-label {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.12em;\r\n    color: #ffd700;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .metric-number {\r\n    font-size: 52px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    letter-spacing: -0.03em;\r\n    margin: 18px 0 10px 0;\r\n    line-height: 1;\r\n  }\r\n\r\n  .metric-desc {\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    color: #b58a92;\r\n    margin: 0;\r\n  }\r\n\r\n  .num-footer-meta {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n    padding-top: 24px;\r\n    margin-top: 48px;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #8c5761;\r\n    letter-spacing: 0.1em;\r\n  }\r\n\r\n  \/* Responsive for Mobile *\/\r\n  @media (max-width: 991px) {\r\n    .numbers-wrapper {\r\n      padding-left: 20px !important;\r\n      padding-right: 20px !important;\r\n      padding-top: 60px;\r\n      padding-bottom: 60px;\r\n    }\r\n    .num-header, .metrics-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n    }\r\n    .metric-card {\r\n      padding: 24px 20px;\r\n    }\r\n    .num-footer-meta {\r\n      flex-direction: column;\r\n      gap: 8px;\r\n      text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"numbers-wrapper\" id=\"trackRecordSection\">\r\n  <!-- Header with Category Tag -->\r\n  <div class=\"num-header\">\r\n    <div>\r\n      <div style=\"font-family: 'Space Mono', monospace; font-size: 11px; color: #ffd700; margin-bottom: 12px; letter-spacing: 0.15em;\">01 \/\/ NUMBERS<\/div>\r\n      <h2 class=\"num-headline\">Proven Precision &<br>Uncompromising Flow<\/h2>\r\n    <\/div>\r\n    <p class=\"num-subcopy\">\r\n      Every celebration is orchestrated with zero margin for error\u2014balancing architectural grandeur with effortless guest hospitality.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- 4 Metrics Cards -->\r\n  <div class=\"metrics-grid\">\r\n    <div class=\"metric-card\">\r\n      <span class=\"metric-label\">01 \/ Curations<\/span>\r\n      <div class=\"metric-number\"><span class=\"counter\" data-target=\"150\">0<\/span><span style=\"color:#ffd700\">+<\/span><\/div>\r\n      <p class=\"metric-desc\">Bespoke luxury weddings, galas, and milestone celebrations designed.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"metric-card\">\r\n      <span class=\"metric-label\">02 \/ Precision<\/span>\r\n      <div class=\"metric-number\"><span class=\"counter\" data-target=\"100\">0<\/span><span style=\"color:#ffd700\">%<\/span><\/div>\r\n      <p class=\"metric-desc\">On-schedule timeline execution and comprehensive vendor alignment.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"metric-card\">\r\n      <span class=\"metric-label\">03 \/ Attendance<\/span>\r\n      <div class=\"metric-number\"><span class=\"counter\" data-target=\"25\">0<\/span><span style=\"color:#ffd700\">k+<\/span><\/div>\r\n      <p class=\"metric-desc\">Guests immersed in tailored sensory atmospheres and hospitality.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"metric-card\">\r\n      <span class=\"metric-label\">04 \/ Rating<\/span>\r\n      <div class=\"metric-number\"><span class=\"counter\" data-target=\"5\">0<\/span><span style=\"color:#ffd700\">.0<\/span><\/div>\r\n      <p class=\"metric-desc\">Flawless 5-star client satisfaction across all private celebrations.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Footer Info Strip -->\r\n  <div class=\"num-footer-meta\">\r\n    <div>[ ZERO PROTOCOL FAILURES ]<\/div>\r\n    <div>[ REAL-TIME PRODUCTION TIMELINES ]<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Scroll Spy & Counter Animation Logic -->\r\n<script>\r\n  (function() {\r\n    \/\/ 1. Animated Numbers Counter\r\n    if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\r\n      gsap.registerPlugin(ScrollTrigger);\r\n\r\n      document.querySelectorAll('.counter').forEach(counter => {\r\n        const target = +counter.getAttribute('data-target');\r\n        ScrollTrigger.create({\r\n          trigger: counter,\r\n          start: 'top 85%',\r\n          once: true,\r\n          onEnter: () => {\r\n            gsap.to(counter, {\r\n              innerHTML: target,\r\n              duration: 1.8,\r\n              snap: { innerHTML: 1 },\r\n              ease: 'power3.out'\r\n            });\r\n          }\r\n        });\r\n      });\r\n    }\r\n\r\n    \/\/ 2. Active Sidebar Link Switcher\r\n    window.addEventListener('scroll', () => {\r\n      const hero = document.getElementById('heroSection');\r\n      const track = document.getElementById('trackRecordSection');\r\n      const linkHero = document.getElementById('link-heroSection');\r\n      const linkTrack = document.getElementById('link-trackRecordSection');\r\n\r\n      const scrollPos = window.scrollY + (window.innerHeight \/ 3);\r\n\r\n      if (track && linkTrack && scrollPos >= track.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkTrack.classList.add('active-nav');\r\n      } else if (hero && linkHero) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkHero.classList.add('active-nav');\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c955eb8 e-con e-atomic-element e-flexbox-base e-beedb69 \" data-id=\"c955eb8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c955eb8\">\n    \t\t<div class=\"elementor-element elementor-element-86e609a elementor-widget elementor-widget-html\" data-id=\"86e609a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* -------------------------------------------------------------\r\n     SECTION 02: WHAT WE CURATE (SERVICES)\r\n     ------------------------------------------------------------- *\/\r\n  .services-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding-left: 220px; \/* Offset for left sidebar *\/\r\n    padding-right: 60px;\r\n    padding-top: 100px;\r\n    padding-bottom: 100px;\r\n    background-color: #120104;\r\n    background-image: \r\n      radial-gradient(ellipse at 85% 30%, rgba(138, 11, 35, 0.4) 0%, transparent 60%),\r\n      linear-gradient(180deg, #120104 0%, #1c0207 50%, #100103 100%);\r\n    color: #f3f3f3;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n  }\r\n\r\n  .srv-header {\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 1fr;\r\n    align-items: flex-end;\r\n    border-bottom: 1px solid rgba(255, 215, 0, 0.1);\r\n    padding-bottom: 36px;\r\n    margin-bottom: 48px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .srv-headline {\r\n    font-size: clamp(34px, 3.8vw, 52px);\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.03em;\r\n    margin: 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .srv-subcopy {\r\n    font-size: 14.5px;\r\n    line-height: 1.65;\r\n    color: #b58a92;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 3-Column Luxury Service Cards *\/\r\n  .srv-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .srv-card {\r\n    background: rgba(35, 4, 10, 0.65);\r\n    border: 1px solid rgba(255, 215, 0, 0.12);\r\n    border-radius: 8px;\r\n    padding: 36px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    min-height: 380px;\r\n    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.35s ease;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .srv-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(255, 215, 0, 0.45);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.75);\r\n  }\r\n\r\n  .srv-card-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid rgba(255, 215, 0, 0.08);\r\n    padding-bottom: 16px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .srv-num {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.15em;\r\n    color: #ffd700;\r\n  }\r\n\r\n  .srv-tag {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 10px;\r\n    letter-spacing: 0.12em;\r\n    color: #9c6770;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .srv-card-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    color: #ffffff;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .srv-card-desc {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #b58a92;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  .srv-features-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 28px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .srv-features-list li {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #d18d99;\r\n    letter-spacing: 0.05em;\r\n  }\r\n  .srv-features-list li::before {\r\n    content: \"+ \";\r\n    color: #ffd700;\r\n  }\r\n\r\n  .srv-card-link {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: color 0.2s ease, gap 0.2s ease;\r\n    font-weight: 700;\r\n  }\r\n  .srv-card:hover .srv-card-link {\r\n    color: #ffd700;\r\n    gap: 12px;\r\n  }\r\n\r\n  \/* Responsive for Mobile *\/\r\n  @media (max-width: 991px) {\r\n    .services-wrapper {\r\n      padding-left: 20px !important;\r\n      padding-right: 20px !important;\r\n      padding-top: 60px;\r\n      padding-bottom: 60px;\r\n    }\r\n    .srv-header, .srv-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n    }\r\n    .srv-card {\r\n      min-height: auto;\r\n      padding: 28px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"services-wrapper\" id=\"servicesSection\">\r\n  <!-- Header -->\r\n  <div class=\"srv-header\">\r\n    <div>\r\n      <div style=\"font-family: 'Space Mono', monospace; font-size: 11px; color: #ffd700; margin-bottom: 12px; letter-spacing: 0.15em;\">02 \/\/ WHAT WE CURATE<\/div>\r\n      <h2 class=\"srv-headline\">Immersive Scenography &<br>End-to-End Execution<\/h2>\r\n    <\/div>\r\n    <p class=\"srv-subcopy\">\r\n      From initial spatial blueprints to the final toast, we engineer every sensory layer to ensure an unforgettable, friction-free gathering.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- 3 Service Cards -->\r\n  <div class=\"srv-grid\">\r\n    <!-- Card 1: Luxury Weddings -->\r\n    <div class=\"srv-card\">\r\n      <div>\r\n        <div class=\"srv-card-top\">\r\n          <span class=\"srv-num\">01 \/ WEDDINGS<\/span>\r\n          <span class=\"srv-tag\">FULL PLANNING<\/span>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">Bespoke Luxury Weddings<\/h3>\r\n        <p class=\"srv-card-desc\">\r\n          Architectural ceremony staging, multi-sensory reception environments, and precision rehearsal coordination.\r\n        <\/p>\r\n        <ul class=\"srv-features-list\">\r\n          <li>Custom Floral & Lighting Direction<\/li>\r\n          <li>Vendor Sourcing & Contract Command<\/li>\r\n          <li>Day-of Concierge Team<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <a href=\"#inquirySection\" class=\"srv-card-link\">Inquire For Dates <span>\u2192<\/span><\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Private Galas & Milestones -->\r\n    <div class=\"srv-card\">\r\n      <div>\r\n        <div class=\"srv-card-top\">\r\n          <span class=\"srv-num\">02 \/ CELEBRATIONS<\/span>\r\n          <span class=\"srv-tag\">GALAS & MILESTONES<\/span>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">Galas & Milestone Events<\/h3>\r\n        <p class=\"srv-card-desc\">\r\n          High-profile anniversary galas, VIP milestone birthdays, and private estate gatherings tailored to a bold aesthetic.\r\n        <\/p>\r\n        <ul class=\"srv-features-list\">\r\n          <li>Venue Transformations<\/li>\r\n          <li>Michelin-Level Catering Curation<\/li>\r\n          <li>Live Entertainment Logistics<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <a href=\"#inquirySection\" class=\"srv-card-link\">Inquire For Dates <span>\u2192<\/span><\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Brand Experiences -->\r\n    <div class=\"srv-card\">\r\n      <div>\r\n        <div class=\"srv-card-top\">\r\n          <span class=\"srv-num\">03 \/ BRANDING<\/span>\r\n          <span class=\"srv-tag\">ACTIVATIONS<\/span>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">Brand & Corporate Galas<\/h3>\r\n        <p class=\"srv-card-desc\">\r\n          High-impact product launches and corporate galas designed to maximize prestige and guest engagement.\r\n        <\/p>\r\n        <ul class=\"srv-features-list\">\r\n          <li>Audio-Visual & Staging Engineering<\/li>\r\n          <li>VIP Guest Flow Protocols<\/li>\r\n          <li>Media & Step-and-Repeat Staging<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <a href=\"#inquirySection\" class=\"srv-card-link\">Inquire For Dates <span>\u2192<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Active Sidebar Scroll Spy for Section 02 -->\r\n<script>\r\n  (function() {\r\n    window.addEventListener('scroll', () => {\r\n      const hero = document.getElementById('heroSection');\r\n      const track = document.getElementById('trackRecordSection');\r\n      const srv = document.getElementById('servicesSection');\r\n\r\n      const linkHero = document.getElementById('link-heroSection');\r\n      const linkTrack = document.getElementById('link-trackRecordSection');\r\n      const linkSrv = document.getElementById('link-servicesSection');\r\n\r\n      const scrollPos = window.scrollY + (window.innerHeight \/ 3);\r\n\r\n      if (srv && linkSrv && scrollPos >= srv.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkSrv.classList.add('active-nav');\r\n      } else if (track && linkTrack && scrollPos >= track.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkTrack.classList.add('active-nav');\r\n      } else if (hero && linkHero) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkHero.classList.add('active-nav');\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-420e181 e-con e-atomic-element e-flexbox-base e-907d1e3 \" data-id=\"420e181\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"420e181\">\n    \t\t<div class=\"elementor-element elementor-element-f6e6824 elementor-widget elementor-widget-html\" data-id=\"f6e6824\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* -------------------------------------------------------------\r\n     SECTION 03: PAST CELEBRATIONS (PORTFOLIO & WORK)\r\n     ------------------------------------------------------------- *\/\r\n  .work-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding-left: 220px; \/* Offset for left sidebar *\/\r\n    padding-right: 60px;\r\n    padding-top: 100px;\r\n    padding-bottom: 100px;\r\n    background-color: #0d0103;\r\n    background-image: \r\n      radial-gradient(ellipse at 15% 40%, rgba(138, 11, 35, 0.35) 0%, transparent 60%),\r\n      linear-gradient(180deg, #100103 0%, #170206 50%, #0d0103 100%);\r\n    color: #f3f3f3;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n  }\r\n\r\n  .work-header {\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 1fr;\r\n    align-items: flex-end;\r\n    border-bottom: 1px solid rgba(255, 215, 0, 0.1);\r\n    padding-bottom: 36px;\r\n    margin-bottom: 48px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .work-headline {\r\n    font-size: clamp(34px, 3.8vw, 52px);\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.03em;\r\n    margin: 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .work-subcopy {\r\n    font-size: 14.5px;\r\n    line-height: 1.65;\r\n    color: #b58a92;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 2-Column Alternating Editorial Project Cards *\/\r\n  .work-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 36px;\r\n  }\r\n\r\n  .project-card {\r\n    background: rgba(30, 3, 8, 0.65);\r\n    border: 1px solid rgba(255, 215, 0, 0.12);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, box-shadow 0.4s ease;\r\n    backdrop-filter: blur(8px);\r\n    text-decoration: none;\r\n    color: inherit;\r\n  }\r\n\r\n  .project-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(255, 215, 0, 0.5);\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.85);\r\n  }\r\n\r\n  \/* Image Container with Zoom Effect *\/\r\n  .project-img-box {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 340px;\r\n    overflow: hidden;\r\n    background: #000;\r\n  }\r\n\r\n  .project-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;\r\n    filter: brightness(0.9);\r\n  }\r\n\r\n  .project-card:hover .project-img-box img {\r\n    transform: scale(1.06);\r\n    filter: brightness(1.05);\r\n  }\r\n\r\n  .project-badge {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    background: rgba(18, 1, 4, 0.85);\r\n    border: 1px solid rgba(255, 215, 0, 0.3);\r\n    padding: 6px 14px;\r\n    border-radius: 30px;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 10px;\r\n    letter-spacing: 0.12em;\r\n    color: #ffd700;\r\n    text-transform: uppercase;\r\n    backdrop-filter: blur(6px);\r\n  }\r\n\r\n  \/* Card Meta Content *\/\r\n  .project-content {\r\n    padding: 28px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .project-meta-top {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #9c6770;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .project-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .project-desc {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #b58a92;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .project-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n    padding-top: 16px;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #ffffff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.12em;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .project-card:hover .project-footer span:last-child {\r\n    color: #ffd700;\r\n    transform: translateX(4px);\r\n    transition: transform 0.2s ease, color 0.2s ease;\r\n  }\r\n\r\n  \/* Responsive for Mobile *\/\r\n  @media (max-width: 991px) {\r\n    .work-wrapper {\r\n      padding-left: 20px !important;\r\n      padding-right: 20px !important;\r\n      padding-top: 60px;\r\n      padding-bottom: 60px;\r\n    }\r\n    .work-header, .work-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n    }\r\n    .project-img-box {\r\n      height: 240px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"work-wrapper\" id=\"galasSection\">\r\n  <!-- Header -->\r\n  <div class=\"work-header\">\r\n    <div>\r\n      <div style=\"font-family: 'Space Mono', monospace; font-size: 11px; color: #ffd700; margin-bottom: 12px; letter-spacing: 0.15em;\">03 \/\/ GALAS & WORK<\/div>\r\n      <h2 class=\"work-headline\">Spatial Mastery in<br>Action<\/h2>\r\n    <\/div>\r\n    <p class=\"work-subcopy\">\r\n      A curated look inside our recent private estate weddings, milestone celebrations, and immersive branded galas.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- 2x2 Showcase Grid -->\r\n  <div class=\"work-grid\">\r\n    <!-- Showcase 1 -->\r\n    <a href=\"#inquirySection\" class=\"project-card\">\r\n      <div class=\"project-img-box\">\r\n        <span class=\"project-badge\">GALA 001<\/span>\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=900&q=80\" \r\n          alt=\"The Velvet & Champagne Wedding Gala\" \r\n        \/>\r\n      <\/div>\r\n      <div class=\"project-content\">\r\n        <div>\r\n          <div class=\"project-meta-top\">Luxury Estate Wedding \u00b7 320 Guests<\/div>\r\n          <h3 class=\"project-title\">The Velvet & Gold Pavilion<\/h3>\r\n          <p class=\"project-desc\">Full architectural staging, custom crystal lighting grid, and bespoke 5-course dinner service flow.<\/p>\r\n        <\/div>\r\n        <div class=\"project-footer\">\r\n          <span>Explore Gallery<\/span>\r\n          <span>\u2192<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- Showcase 2 -->\r\n    <a href=\"#inquirySection\" class=\"project-card\">\r\n      <div class=\"project-img-box\">\r\n        <span class=\"project-badge\">GALA 002<\/span>\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/images.unsplash.com\/photo-1464366400600-7168b8af9bc3?auto=format&fit=crop&w=900&q=80\" \r\n          alt=\"The Obsidian Gala Night\" \r\n        \/>\r\n      <\/div>\r\n      <div class=\"project-content\">\r\n        <div>\r\n          <div class=\"project-meta-top\">Milestone 40th Birthday \u00b7 180 Guests<\/div>\r\n          <h3 class=\"project-title\">The Noir & Onyx Soir\u00e9e<\/h3>\r\n          <p class=\"project-desc\">Dramatic moody lighting, multi-tier champagne tower installation, and private live orchestra logistics.<\/p>\r\n        <\/div>\r\n        <div class=\"project-footer\">\r\n          <span>Explore Gallery<\/span>\r\n          <span>\u2192<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- Showcase 3 -->\r\n    <a href=\"#inquirySection\" class=\"project-card\">\r\n      <div class=\"project-img-box\">\r\n        <span class=\"project-badge\">GALA 003<\/span>\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=900&q=80\" \r\n          alt=\"Botanical Glasshouse Reception\" \r\n        \/>\r\n      <\/div>\r\n      <div class=\"project-content\">\r\n        <div>\r\n          <div class=\"project-meta-top\">Bespoke Conservatory Wedding \u00b7 250 Guests<\/div>\r\n          <h3 class=\"project-title\">The Glasshouse Botanical<\/h3>\r\n          <p class=\"project-desc\">Suspended floral canopies, bespoke cocktail styling, and synchronised twilight lighting sequences.<\/p>\r\n        <\/div>\r\n        <div class=\"project-footer\">\r\n          <span>Explore Gallery<\/span>\r\n          <span>\u2192<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- Showcase 4 -->\r\n    <a href=\"#inquirySection\" class=\"project-card\">\r\n      <div class=\"project-img-box\">\r\n        <span class=\"project-badge\">GALA 004<\/span>\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/images.unsplash.com\/photo-1520854221256-17451cc331bf?auto=format&fit=crop&w=900&q=80\" \r\n          alt=\"High-End Brand Launch Experience\" \r\n        \/>\r\n      <\/div>\r\n      <div class=\"project-content\">\r\n        <div>\r\n          <div class=\"project-meta-top\">VIP Product Experience \u00b7 400 Guests<\/div>\r\n          <h3 class=\"project-title\">L'\u00c9toile Corporate Gala<\/h3>\r\n          <p class=\"project-desc\">Complete venue transformation, integrated LED spatial staging, and executive hospitality management.<\/p>\r\n        <\/div>\r\n        <div class=\"project-footer\">\r\n          <span>Explore Gallery<\/span>\r\n          <span>\u2192<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Active Sidebar Scroll Spy for Section 03 -->\r\n<script>\r\n  (function() {\r\n    window.addEventListener('scroll', () => {\r\n      const hero = document.getElementById('heroSection');\r\n      const track = document.getElementById('trackRecordSection');\r\n      const srv = document.getElementById('servicesSection');\r\n      const galas = document.getElementById('galasSection');\r\n\r\n      const linkHero = document.getElementById('link-heroSection');\r\n      const linkTrack = document.getElementById('link-trackRecordSection');\r\n      const linkSrv = document.getElementById('link-servicesSection');\r\n      const linkGalas = document.getElementById('link-galasSection');\r\n\r\n      const scrollPos = window.scrollY + (window.innerHeight \/ 3);\r\n\r\n      if (galas && linkGalas && scrollPos >= galas.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkGalas.classList.add('active-nav');\r\n      } else if (srv && linkSrv && scrollPos >= srv.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkSrv.classList.add('active-nav');\r\n      } else if (track && linkTrack && scrollPos >= track.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkTrack.classList.add('active-nav');\r\n      } else if (hero && linkHero) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkHero.classList.add('active-nav');\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d5b3e8d e-con e-atomic-element e-flexbox-base e-0e8f3ae \" data-id=\"d5b3e8d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5b3e8d\">\n    \t\t<div class=\"elementor-element elementor-element-860df14 elementor-widget elementor-widget-html\" data-id=\"860df14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* -------------------------------------------------------------\r\n     SECTION 04: THE BLUEPRINT (PROCESS & METHODOLOGY)\r\n     ------------------------------------------------------------- *\/\r\n  .process-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding-left: 220px; \/* Offset for left sidebar *\/\r\n    padding-right: 60px;\r\n    padding-top: 100px;\r\n    padding-bottom: 100px;\r\n    background-color: #120104;\r\n    background-image: \r\n      radial-gradient(ellipse at 80% 60%, rgba(138, 11, 35, 0.35) 0%, transparent 60%),\r\n      linear-gradient(180deg, #0d0103 0%, #1a0207 50%, #100103 100%);\r\n    color: #f3f3f3;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n  }\r\n\r\n  .proc-header {\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 1fr;\r\n    align-items: flex-end;\r\n    border-bottom: 1px solid rgba(255, 215, 0, 0.1);\r\n    padding-bottom: 36px;\r\n    margin-bottom: 48px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .proc-headline {\r\n    font-size: clamp(34px, 3.8vw, 52px);\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.03em;\r\n    margin: 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .proc-subcopy {\r\n    font-size: 14.5px;\r\n    line-height: 1.65;\r\n    color: #b58a92;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 4-Step Linear Timeline Grid *\/\r\n  .proc-timeline-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .proc-step-card {\r\n    background: rgba(30, 3, 8, 0.65);\r\n    border: 1px solid rgba(255, 215, 0, 0.12);\r\n    border-radius: 6px;\r\n    padding: 36px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    min-height: 320px;\r\n    position: relative;\r\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .proc-step-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(255, 215, 0, 0.45);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .proc-step-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid rgba(255, 215, 0, 0.08);\r\n    padding-bottom: 14px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .proc-step-index {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #ffd700;\r\n    letter-spacing: 0.15em;\r\n  }\r\n\r\n  .proc-step-phase {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 10px;\r\n    letter-spacing: 0.12em;\r\n    color: #9c6770;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .proc-step-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 14px 0;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .proc-step-desc {\r\n    font-size: 13.5px;\r\n    line-height: 1.6;\r\n    color: #b58a92;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .proc-step-milestone {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #e0adb6;\r\n    background: rgba(255, 215, 0, 0.05);\r\n    border-left: 2px solid #ffd700;\r\n    padding: 8px 12px;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  \/* Bottom Blueprint Stance Strip *\/\r\n  .proc-footer-strip {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n    padding-top: 24px;\r\n    margin-top: 48px;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #8c5761;\r\n    letter-spacing: 0.1em;\r\n  }\r\n\r\n  \/* Responsive for Mobile *\/\r\n  @media (max-width: 991px) {\r\n    .process-wrapper {\r\n      padding-left: 20px !important;\r\n      padding-right: 20px !important;\r\n      padding-top: 60px;\r\n      padding-bottom: 60px;\r\n    }\r\n    .proc-header, .proc-timeline-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n    .proc-step-card {\r\n      min-height: auto;\r\n      padding: 28px 20px;\r\n    }\r\n    .proc-footer-strip {\r\n      flex-direction: column;\r\n      gap: 8px;\r\n      text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"process-wrapper\" id=\"processSection\">\r\n  <!-- Section Header -->\r\n  <div class=\"proc-header\">\r\n    <div>\r\n      <div style=\"font-family: 'Space Mono', monospace; font-size: 11px; color: #ffd700; margin-bottom: 12px; letter-spacing: 0.15em;\">04 \/\/ THE BLUEPRINT<\/div>\r\n      <h2 class=\"proc-headline\">From First Vision to<br>Flawless Execution<\/h2>\r\n    <\/div>\r\n    <p class=\"proc-subcopy\">\r\n      A transparent, battle-tested production methodology ensuring every design element is engineered and rehearsed before doors open.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- 4-Step Production Timeline -->\r\n  <div class=\"proc-timeline-grid\">\r\n    <!-- Step 01 -->\r\n    <div class=\"proc-step-card\">\r\n      <div>\r\n        <div class=\"proc-step-top\">\r\n          <span class=\"proc-step-index\">PHASE 01<\/span>\r\n          <span class=\"proc-step-phase\">DISCOVERY<\/span>\r\n        <\/div>\r\n        <h3 class=\"proc-step-title\">Vision & Spatial Scenography<\/h3>\r\n        <p class=\"proc-step-desc\">\r\n          We audit your aesthetic direction, guest demographics, budget parameters, and venue architecture to build the master concept.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"proc-step-milestone\">\r\n        Deliverable: 3D Moodboard & Floorplan\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 02 -->\r\n    <div class=\"proc-step-card\">\r\n      <div>\r\n        <div class=\"proc-step-top\">\r\n          <span class=\"proc-step-index\">PHASE 02<\/span>\r\n          <span class=\"proc-step-phase\">CURATION<\/span>\r\n        <\/div>\r\n        <h3 class=\"proc-step-title\">Vendor & Production Alignment<\/h3>\r\n        <p class=\"proc-step-desc\">\r\n          Contract negotiations, catering tasting curation, custom floral blueprints, and audio-visual engineering integration.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"proc-step-milestone\">\r\n        Deliverable: Master Production Schedule\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 03 -->\r\n    <div class=\"proc-step-card\">\r\n      <div>\r\n        <div class=\"proc-step-top\">\r\n          <span class=\"proc-step-index\">PHASE 03<\/span>\r\n          <span class=\"proc-step-phase\">FABRICATION<\/span>\r\n        <\/div>\r\n        <h3 class=\"proc-step-title\">Staging, AV & Rehearsal<\/h3>\r\n        <p class=\"proc-step-desc\">\r\n          Lighting cues calibrated, sound checks executed, structural installations built, and run-of-show dry runs finalized.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"proc-step-milestone\">\r\n        Deliverable: Minute-by-Minute Run of Show\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 04 -->\r\n    <div class=\"proc-step-card\">\r\n      <div>\r\n        <div class=\"proc-step-top\">\r\n          <span class=\"proc-step-index\">PHASE 04<\/span>\r\n          <span class=\"proc-step-phase\">EXECUTION<\/span>\r\n        <\/div>\r\n        <h3 class=\"proc-step-title\">Live Direction & Concierge<\/h3>\r\n        <p class=\"proc-step-desc\">\r\n          Full on-site command team handling VIP hospitality, timing transitions, and backstage vendor flow from start to finish.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"proc-step-milestone\">\r\n        Deliverable: Zero-Stress Host Experience\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Bottom Meta Strip -->\r\n  <div class=\"proc-footer-strip\">\r\n    <div>[ FIXED MILESTONE ACCOUNTABILITY ]<\/div>\r\n    <div>[ REAL-TIME PRODUCTION TIMELINES ]<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Active Sidebar Scroll Spy for Section 04 -->\r\n<script>\r\n  (function() {\r\n    window.addEventListener('scroll', () => {\r\n      const hero = document.getElementById('heroSection');\r\n      const track = document.getElementById('trackRecordSection');\r\n      const srv = document.getElementById('servicesSection');\r\n      const galas = document.getElementById('galasSection');\r\n      const proc = document.getElementById('processSection');\r\n\r\n      const linkHero = document.getElementById('link-heroSection');\r\n      const linkTrack = document.getElementById('link-trackRecordSection');\r\n      const linkSrv = document.getElementById('link-servicesSection');\r\n      const linkGalas = document.getElementById('link-galasSection');\r\n      const linkProc = document.getElementById('link-processSection');\r\n\r\n      const scrollPos = window.scrollY + (window.innerHeight \/ 3);\r\n\r\n      if (proc && linkProc && scrollPos >= proc.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkProc.classList.add('active-nav');\r\n      } else if (galas && linkGalas && scrollPos >= galas.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkGalas.classList.add('active-nav');\r\n      } else if (srv && linkSrv && scrollPos >= srv.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkSrv.classList.add('active-nav');\r\n      } else if (track && linkTrack && scrollPos >= track.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkTrack.classList.add('active-nav');\r\n      } else if (hero && linkHero) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkHero.classList.add('active-nav');\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4c9dcf8 e-con e-atomic-element e-flexbox-base e-acc6c77 \" data-id=\"4c9dcf8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4c9dcf8\">\n    \t\t<div class=\"elementor-element elementor-element-f92b60c elementor-widget elementor-widget-html\" data-id=\"f92b60c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* -------------------------------------------------------------\r\n     SECTION 04: THE BLUEPRINT (PROCESS & METHODOLOGY)\r\n     ------------------------------------------------------------- *\/\r\n  .process-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding-left: 220px; \/* Offset for left sidebar *\/\r\n    padding-right: 60px;\r\n    padding-top: 100px;\r\n    padding-bottom: 100px;\r\n    background-color: #120104;\r\n    background-image: \r\n      radial-gradient(ellipse at 80% 60%, rgba(138, 11, 35, 0.35) 0%, transparent 60%),\r\n      linear-gradient(180deg, #0d0103 0%, #1a0207 50%, #100103 100%);\r\n    color: #f3f3f3;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n  }\r\n\r\n  .proc-header {\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 1fr;\r\n    align-items: flex-end;\r\n    border-bottom: 1px solid rgba(255, 215, 0, 0.1);\r\n    padding-bottom: 36px;\r\n    margin-bottom: 48px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .proc-headline {\r\n    font-size: clamp(34px, 3.8vw, 52px);\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.03em;\r\n    margin: 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .proc-subcopy {\r\n    font-size: 14.5px;\r\n    line-height: 1.65;\r\n    color: #b58a92;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 4-Step Linear Timeline Grid *\/\r\n  .proc-timeline-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .proc-step-card {\r\n    background: rgba(30, 3, 8, 0.65);\r\n    border: 1px solid rgba(255, 215, 0, 0.12);\r\n    border-radius: 6px;\r\n    padding: 36px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    min-height: 320px;\r\n    position: relative;\r\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .proc-step-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(255, 215, 0, 0.45);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .proc-step-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid rgba(255, 215, 0, 0.08);\r\n    padding-bottom: 14px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .proc-step-index {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #ffd700;\r\n    letter-spacing: 0.15em;\r\n  }\r\n\r\n  .proc-step-phase {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 10px;\r\n    letter-spacing: 0.12em;\r\n    color: #9c6770;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .proc-step-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 14px 0;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .proc-step-desc {\r\n    font-size: 13.5px;\r\n    line-height: 1.6;\r\n    color: #b58a92;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .proc-step-milestone {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #e0adb6;\r\n    background: rgba(255, 215, 0, 0.05);\r\n    border-left: 2px solid #ffd700;\r\n    padding: 8px 12px;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  \/* Bottom Blueprint Stance Strip *\/\r\n  .proc-footer-strip {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n    padding-top: 24px;\r\n    margin-top: 48px;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #8c5761;\r\n    letter-spacing: 0.1em;\r\n  }\r\n\r\n  \/* Responsive for Mobile *\/\r\n  @media (max-width: 991px) {\r\n    .process-wrapper {\r\n      padding-left: 20px !important;\r\n      padding-right: 20px !important;\r\n      padding-top: 60px;\r\n      padding-bottom: 60px;\r\n    }\r\n    .proc-header, .proc-timeline-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n    .proc-step-card {\r\n      min-height: auto;\r\n      padding: 28px 20px;\r\n    }\r\n    .proc-footer-strip {\r\n      flex-direction: column;\r\n      gap: 8px;\r\n      text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"process-wrapper\" id=\"processSection\">\r\n  <!-- Section Header -->\r\n  <div class=\"proc-header\">\r\n    <div>\r\n      <div style=\"font-family: 'Space Mono', monospace; font-size: 11px; color: #ffd700; margin-bottom: 12px; letter-spacing: 0.15em;\">04 \/\/ THE BLUEPRINT<\/div>\r\n      <h2 class=\"proc-headline\">From First Vision to<br>Flawless Execution<\/h2>\r\n    <\/div>\r\n    <p class=\"proc-subcopy\">\r\n      A transparent, battle-tested production methodology ensuring every design element is engineered and rehearsed before doors open.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- 4-Step Production Timeline -->\r\n  <div class=\"proc-timeline-grid\">\r\n    <!-- Step 01 -->\r\n    <div class=\"proc-step-card\">\r\n      <div>\r\n        <div class=\"proc-step-top\">\r\n          <span class=\"proc-step-index\">PHASE 01<\/span>\r\n          <span class=\"proc-step-phase\">DISCOVERY<\/span>\r\n        <\/div>\r\n        <h3 class=\"proc-step-title\">Vision & Spatial Scenography<\/h3>\r\n        <p class=\"proc-step-desc\">\r\n          We audit your aesthetic direction, guest demographics, budget parameters, and venue architecture to build the master concept.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"proc-step-milestone\">\r\n        Deliverable: 3D Moodboard & Floorplan\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 02 -->\r\n    <div class=\"proc-step-card\">\r\n      <div>\r\n        <div class=\"proc-step-top\">\r\n          <span class=\"proc-step-index\">PHASE 02<\/span>\r\n          <span class=\"proc-step-phase\">CURATION<\/span>\r\n        <\/div>\r\n        <h3 class=\"proc-step-title\">Vendor & Production Alignment<\/h3>\r\n        <p class=\"proc-step-desc\">\r\n          Contract negotiations, catering tasting curation, custom floral blueprints, and audio-visual engineering integration.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"proc-step-milestone\">\r\n        Deliverable: Master Production Schedule\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 03 -->\r\n    <div class=\"proc-step-card\">\r\n      <div>\r\n        <div class=\"proc-step-top\">\r\n          <span class=\"proc-step-index\">PHASE 03<\/span>\r\n          <span class=\"proc-step-phase\">FABRICATION<\/span>\r\n        <\/div>\r\n        <h3 class=\"proc-step-title\">Staging, AV & Rehearsal<\/h3>\r\n        <p class=\"proc-step-desc\">\r\n          Lighting cues calibrated, sound checks executed, structural installations built, and run-of-show dry runs finalized.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"proc-step-milestone\">\r\n        Deliverable: Minute-by-Minute Run of Show\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 04 -->\r\n    <div class=\"proc-step-card\">\r\n      <div>\r\n        <div class=\"proc-step-top\">\r\n          <span class=\"proc-step-index\">PHASE 04<\/span>\r\n          <span class=\"proc-step-phase\">EXECUTION<\/span>\r\n        <\/div>\r\n        <h3 class=\"proc-step-title\">Live Direction & Concierge<\/h3>\r\n        <p class=\"proc-step-desc\">\r\n          Full on-site command team handling VIP hospitality, timing transitions, and backstage vendor flow from start to finish.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"proc-step-milestone\">\r\n        Deliverable: Zero-Stress Host Experience\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Bottom Meta Strip -->\r\n  <div class=\"proc-footer-strip\">\r\n    <div>[ FIXED MILESTONE ACCOUNTABILITY ]<\/div>\r\n    <div>[ REAL-TIME PRODUCTION TIMELINES ]<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Active Sidebar Scroll Spy for Section 04 -->\r\n<script>\r\n  (function() {\r\n    window.addEventListener('scroll', () => {\r\n      const hero = document.getElementById('heroSection');\r\n      const track = document.getElementById('trackRecordSection');\r\n      const srv = document.getElementById('servicesSection');\r\n      const galas = document.getElementById('galasSection');\r\n      const proc = document.getElementById('processSection');\r\n\r\n      const linkHero = document.getElementById('link-heroSection');\r\n      const linkTrack = document.getElementById('link-trackRecordSection');\r\n      const linkSrv = document.getElementById('link-servicesSection');\r\n      const linkGalas = document.getElementById('link-galasSection');\r\n      const linkProc = document.getElementById('link-processSection');\r\n\r\n      const scrollPos = window.scrollY + (window.innerHeight \/ 3);\r\n\r\n      if (proc && linkProc && scrollPos >= proc.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkProc.classList.add('active-nav');\r\n      } else if (galas && linkGalas && scrollPos >= galas.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkGalas.classList.add('active-nav');\r\n      } else if (srv && linkSrv && scrollPos >= srv.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkSrv.classList.add('active-nav');\r\n      } else if (track && linkTrack && scrollPos >= track.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkTrack.classList.add('active-nav');\r\n      } else if (hero && linkHero) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkHero.classList.add('active-nav');\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-574a3cf e-con e-atomic-element e-flexbox-base e-bc9cc76 \" data-id=\"574a3cf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"574a3cf\">\n    \t\t<div class=\"elementor-element elementor-element-f05c8b4 elementor-widget elementor-widget-html\" data-id=\"f05c8b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* -------------------------------------------------------------\r\n     SECTION 05: INQUIRY & FOOTER\r\n     ------------------------------------------------------------- *\/\r\n  .inquiry-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding-left: 220px; \/* Offset for left sidebar *\/\r\n    padding-right: 60px;\r\n    padding-top: 100px;\r\n    padding-bottom: 40px;\r\n    background-color: #0b0103;\r\n    background-image: \r\n      radial-gradient(ellipse at 70% 30%, rgba(138, 11, 35, 0.4) 0%, transparent 60%),\r\n      linear-gradient(180deg, #100103 0%, #170206 40%, #080102 100%);\r\n    color: #f3f3f3;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n  }\r\n\r\n  .inq-stage {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 1.3fr;\r\n    gap: 60px;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  \/* Left Column: Context & Direct Contact *\/\r\n  .inq-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .inq-tag {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.15em;\r\n    color: #ffd700;\r\n    text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .inq-headline {\r\n    font-size: clamp(36px, 4vw, 56px);\r\n    font-weight: 700;\r\n    line-height: 1.02;\r\n    letter-spacing: -0.03em;\r\n    color: #ffffff;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  .inq-subcopy {\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    color: #b58a92;\r\n    margin: 0 0 36px 0;\r\n    max-width: 440px;\r\n  }\r\n\r\n  .inq-direct-cards {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .direct-card {\r\n    background: rgba(30, 3, 8, 0.6);\r\n    border: 1px solid rgba(255, 215, 0, 0.1);\r\n    border-radius: 6px;\r\n    padding: 20px 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .direct-card:hover {\r\n    border-color: rgba(255, 215, 0, 0.45);\r\n    background: rgba(45, 5, 12, 0.7);\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .direct-card-label {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #9c6770;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .direct-card-val {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Right Column: Custom Inquiry Form *\/\r\n  .inq-form-card {\r\n    background: rgba(30, 3, 8, 0.75);\r\n    border: 1px solid rgba(255, 215, 0, 0.15);\r\n    border-radius: 8px;\r\n    padding: 40px 36px;\r\n    backdrop-filter: blur(12px);\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .form-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .form-group.full-width {\r\n    grid-column: span 2;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .form-label {\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.1em;\r\n    color: #d18d99;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .form-input, .form-select, .form-textarea {\r\n    background: rgba(18, 1, 4, 0.85);\r\n    border: 1px solid rgba(255, 215, 0, 0.2);\r\n    border-radius: 4px;\r\n    padding: 14px 16px;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-size: 14px;\r\n    color: #ffffff;\r\n    outline: none;\r\n    transition: border-color 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .form-input:focus, .form-select:focus, .form-textarea:focus {\r\n    border-color: #ffd700;\r\n    box-shadow: 0 0 15px rgba(255, 215, 0, 0.25);\r\n  }\r\n\r\n  .form-textarea {\r\n    resize: vertical;\r\n    min-height: 110px;\r\n  }\r\n\r\n  .form-submit-btn {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    color: #120104;\r\n    border: none;\r\n    border-radius: 40px;\r\n    padding: 16px;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 0 25px rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  .form-submit-btn:hover {\r\n    background: #ffd700;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 0 35px rgba(255, 215, 0, 0.4);\r\n  }\r\n\r\n  \/* Editorial Footer Bottom *\/\r\n  .scfo-editorial-footer {\r\n    border-top: 1px solid rgba(255, 215, 0, 0.1);\r\n    padding-top: 40px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    font-family: 'Space Mono', monospace;\r\n    font-size: 11px;\r\n    color: #8c5761;\r\n  }\r\n\r\n  .footer-brand {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    letter-spacing: 0.18em;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .footer-links {\r\n    display: flex;\r\n    gap: 24px;\r\n  }\r\n\r\n  .footer-links a {\r\n    color: #b58a92;\r\n    text-decoration: none;\r\n    transition: color 0.2s;\r\n  }\r\n\r\n  .footer-links a:hover {\r\n    color: #ffd700;\r\n  }\r\n\r\n  \/* Responsive for Mobile *\/\r\n  @media (max-width: 991px) {\r\n    .inquiry-wrapper {\r\n      padding-left: 20px !important;\r\n      padding-right: 20px !important;\r\n      padding-top: 60px;\r\n    }\r\n    .inq-stage {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n    }\r\n    .form-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .form-group.full-width {\r\n      grid-column: span 1;\r\n    }\r\n    .inq-form-card {\r\n      padding: 24px 20px;\r\n    }\r\n    .scfo-editorial-footer {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"inquiry-wrapper\" id=\"inquirySection\">\r\n  <!-- Inquiry Main Content Grid -->\r\n  <div class=\"inq-stage\">\r\n    <!-- Left Column: Context -->\r\n    <div class=\"inq-info\">\r\n      <div>\r\n        <div class=\"inq-tag\">05 \/\/ INQUIRY & BOOKINGS<\/div>\r\n        <h2 class=\"inq-headline\">Let\u2019s Orchestrate<br>Something Iconic.<\/h2>\r\n        <p class=\"inq-subcopy\">\r\n          Whether you are envisioning a milestone luxury wedding, private estate gala, or high-impact brand gathering, our dates book well in advance. Tell us about your vision.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Direct Contact Cards -->\r\n      <div class=\"inq-direct-cards\">\r\n        <a href=\"mailto:hello@poppinevents.com\" class=\"direct-card\">\r\n          <div>\r\n            <div class=\"direct-card-label\">Direct Atelier Line<\/div>\r\n            <div class=\"direct-card-val\">inquire@poppinevents.com<\/div>\r\n          <\/div>\r\n          <span style=\"color:#ffd700; font-family:'Space Mono';\">\u2192<\/span>\r\n        <\/a>\r\n        <div class=\"direct-card\">\r\n          <div>\r\n            <div class=\"direct-card-label\">Booking Horizon<\/div>\r\n            <div class=\"direct-card-val\">Currently Reserving 2026\u20132027 Dates<\/div>\r\n          <\/div>\r\n          <span style=\"color:#00ff66;\">\u25cf<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column: Form -->\r\n    <div class=\"inq-form-card\">\r\n      <form onsubmit=\"event.preventDefault(); alert('Thank you! Your event blueprint request has been received. Our atelier concierge will contact you within 24 hours.');\">\r\n        <div class=\"form-grid\">\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\">Host \/ Couple Name *<\/label>\r\n            <input type=\"text\" required class=\"form-input\" placeholder=\"e.g. Jordan & Taylor\">\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\">Email Address *<\/label>\r\n            <input type=\"email\" required class=\"form-input\" placeholder=\"name@domain.com\">\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\">Event Type *<\/label>\r\n            <select class=\"form-select\" required>\r\n              <option value=\"\" disabled selected>Select celebration type<\/option>\r\n              <option value=\"wedding\">Luxury Bespoke Wedding<\/option>\r\n              <option value=\"gala\">Milestone Gala \/ Birthday<\/option>\r\n              <option value=\"brand\">Brand Activation \/ Corporate<\/option>\r\n              <option value=\"other\">Private Estate Gathering<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\">Target Date \/ Season<\/label>\r\n            <input type=\"text\" class=\"form-input\" placeholder=\"e.g. Autumn 2026\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group full-width\">\r\n          <label class=\"form-label\">Estimated Guest Count & Vision Notes<\/label>\r\n          <textarea class=\"form-textarea\" placeholder=\"Share your desired venue, guest count, or overall aesthetic vision...\"><\/textarea>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"form-submit-btn\">\r\n          Request Consultation Blueprint \u2192\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Editorial Footer -->\r\n  <footer class=\"scfo-editorial-footer\">\r\n    <div>\r\n      <div class=\"footer-brand\">POPPIN EVENTS<\/div>\r\n      <div>Bespoke Event Production & Spatial Scenography<\/div>\r\n      <div style=\"margin-top: 6px; color: #6a4047;\">\u00a9 2026 POPPIN EVENTS. All rights reserved.<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-links\">\r\n      <a href=\"#heroSection\">Start<\/a>\r\n      <a href=\"#trackRecordSection\">Track Record<\/a>\r\n      <a href=\"#servicesSection\">Services<\/a>\r\n      <a href=\"#galasSection\">Galas<\/a>\r\n      <a href=\"#processSection\">The Blueprint<\/a>\r\n    <\/div>\r\n  <\/footer>\r\n<\/section>\r\n\r\n<!-- Active Sidebar Scroll Spy for Section 05 -->\r\n<script>\r\n  (function() {\r\n    window.addEventListener('scroll', () => {\r\n      const hero = document.getElementById('heroSection');\r\n      const track = document.getElementById('trackRecordSection');\r\n      const srv = document.getElementById('servicesSection');\r\n      const galas = document.getElementById('galasSection');\r\n      const proc = document.getElementById('processSection');\r\n      const inq = document.getElementById('inquirySection');\r\n\r\n      const linkHero = document.getElementById('link-heroSection');\r\n      const linkTrack = document.getElementById('link-trackRecordSection');\r\n      const linkSrv = document.getElementById('link-servicesSection');\r\n      const linkGalas = document.getElementById('link-galasSection');\r\n      const linkProc = document.getElementById('link-processSection');\r\n      const linkInq = document.getElementById('link-inquirySection');\r\n\r\n      const scrollPos = window.scrollY + (window.innerHeight \/ 3);\r\n\r\n      if (inq && linkInq && scrollPos >= inq.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkInq.classList.add('active-nav');\r\n      } else if (proc && linkProc && scrollPos >= proc.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkProc.classList.add('active-nav');\r\n      } else if (galas && linkGalas && scrollPos >= galas.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkGalas.classList.add('active-nav');\r\n      } else if (srv && linkSrv && scrollPos >= srv.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkSrv.classList.add('active-nav');\r\n      } else if (track && linkTrack && scrollPos >= track.offsetTop) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkTrack.classList.add('active-nav');\r\n      } else if (hero && linkHero) {\r\n        document.querySelectorAll('.side-nav-link').forEach(l => l.classList.remove('active-nav'));\r\n        linkHero.classList.add('active-nav');\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ON THIS PAGE Start Track Record What we Curate Galas &#038; Work The Blueprint Inquiry POPPIN EVENTS Record Curation Galas Book Consultation 00 \/\/ LUXURY WEDDINGS &#038; BESPOKE GALAS PoppinEvents Bespoke celebrations designed to leave an impression. We transform milestone celebrations, luxury weddings, and exclusive brand gatherings into immersive sensory experiences with flawless on-site coordination. [&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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/poppingevents.shop\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poppingevents.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poppingevents.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poppingevents.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poppingevents.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":41,"href":"https:\/\/poppingevents.shop\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/poppingevents.shop\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/poppingevents.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}