{"id":2357,"date":"2026-04-13T17:56:29","date_gmt":"2026-04-13T17:56:29","guid":{"rendered":"https:\/\/earthh20corporation.com\/earthh2oproduction\/?page_id=2357"},"modified":"2026-04-17T16:54:57","modified_gmt":"2026-04-17T16:54:57","slug":"careers","status":"publish","type":"page","link":"https:\/\/earthh20corporation.com\/earthh2oproduction\/careers\/","title":{"rendered":"Careers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2357\" class=\"elementor elementor-2357\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-200bce0 e-con-full e-flex e-con e-parent\" data-id=\"200bce0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-674a05a elementor-widget elementor-widget-html\" data-id=\"674a05a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"eh20-hero\">\r\n\r\n  <!-- BG VIDEO -->\r\n  <video class=\"eh20-video\" autoplay muted loop playsinline>\r\n    <source src=\"https:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/03\/0_Office_Meeting_Room_1280x672.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <div class=\"eh20-hero__overlay\"><\/div>\r\n  <div class=\"eh20-hero__lines\"><\/div>\r\n\r\n  <div class=\"eh20-hero__inner\">\r\n\r\n    <span class=\"eh20-eyebrow\">Careers<\/span>\r\n\r\n    <h1 class=\"eh20-headline\">\r\n      Join the Team Behind Exceptional Experiences\r\n    <\/h1>\r\n\r\n    <div class=\"eh20-rule\"><\/div>\r\n\r\n    <p class=\"eh20-sub\">\r\n      Bring your craft, creativity, and expertise to projects that inspire, connect, and deliver real impact.\r\n    <\/p>\r\n\r\n    <div class=\"eh20-ctas\">\r\n      <a href=\"http:\/\/eh20-productions.com\/contact\/\" class=\"eh20-btn-primary\" target=\"_blank\" rel=\"noopener\">Submit Your Application <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"eh20-ticker\">\r\n    <div class=\"eh20-ticker__track\">\r\n      <div class=\"eh20-ticker__item\">Agenda Planning<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Executive Retreats<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">AV &amp; Room Setup<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Gala &amp; Award Ceremonies<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Speaker Coordination<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Photography &amp; Videography<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Travel &amp; Lodging<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Team Building Activities<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">ERG Events<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Corporate Gifts &amp; Swag<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <!-- Duplicate for seamless loop -->\r\n      <div class=\"eh20-ticker__item\">Agenda Planning<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Executive Retreats<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">AV &amp; Room Setup<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Gala &amp; Award Ceremonies<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Speaker Coordination<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Photography &amp; Videography<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Travel &amp; Lodging<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Team Building Activities<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">ERG Events<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n      <div class=\"eh20-ticker__item\">Corporate Gifts &amp; Swag<span class=\"eh20-ticker__sep\"><\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n  --dark:    #0F1A25;\r\n  --cream:   #F4EFE9;\r\n  --gold:    #B8922A;\r\n  --gold-lt: #D4AF5A;\r\n  --glass:   rgba(15, 26, 37, 0.72);\r\n}\r\n\r\n.eh20-hero {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  background: var(--dark);\r\n  font-family: 'Playfair Display', serif;\r\n  padding-top: 50px;\r\n}\r\n\r\n\/* \u2500\u2500 Background Video \u2500\u2500 *\/\r\n.eh20-video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 Overlay \u2500\u2500 *\/\r\n.eh20-hero__overlay {\r\n  position: absolute; inset: 0; z-index: 1;\r\n  background: linear-gradient(to bottom,\r\n    rgba(15,26,37,0.75) 0%,\r\n    rgba(15,26,37,0.52) 40%,\r\n    rgba(15,26,37,0.82) 100%);\r\n}\r\n.eh20-hero__overlay::after {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: radial-gradient(ellipse at center, transparent 30%, rgba(15,26,37,0.5) 100%);\r\n  animation: vignettePulse 8s ease-in-out infinite;\r\n}\r\n@keyframes vignettePulse {\r\n  0%,100% { opacity: 1; }\r\n  50%      { opacity: 0.6; }\r\n}\r\n\r\n\/* \u2500\u2500 Gold lines \u2500\u2500 *\/\r\n.eh20-hero__lines {\r\n  position: absolute; inset: 0; z-index: 2;\r\n  pointer-events: none; overflow: hidden;\r\n}\r\n.eh20-hero__lines::before,\r\n.eh20-hero__lines::after {\r\n  content: '';\r\n  position: absolute; top: 0; bottom: 0; width: 1px;\r\n  background: linear-gradient(to bottom, transparent, rgba(184,146,42,0.38) 30%, rgba(184,146,42,0.38) 70%, transparent);\r\n}\r\n.eh20-hero__lines::before { left: calc(50% - 380px); animation: lineFade 4s ease-in-out infinite; }\r\n.eh20-hero__lines::after  { left: calc(50% + 380px); animation: lineFade 4s ease-in-out infinite 2s; }\r\n@keyframes lineFade {\r\n  0%,100% { opacity: 0.35; }\r\n  50%      { opacity: 1; }\r\n}\r\n\r\n\/* \u2500\u2500 Content \u2500\u2500 *\/\r\n.eh20-hero__inner {\r\n  position: relative; z-index: 10;\r\n  max-width: 860px; width: 90%;\r\n  margin: 0 auto;\r\n  padding: 130px 24px 110px;\r\n  display: flex; flex-direction: column; align-items: center;\r\n}\r\n\r\n.eh20-eyebrow {\r\n    font-family: 'Open Sans', sans-serif;\r\n  display: inline-flex; align-items: center; gap: 14px;\r\n  font-size: 17px; font-weight: 600;\r\n  letter-spacing: 0.24em; text-transform: uppercase;\r\n  color: var(--gold-lt); margin-bottom: 30px;\r\n  opacity: 0;\r\n  animation: revealUp 0.9s cubic-bezier(0.22,1,0.36,1) forwards 0.4s;\r\n}\r\n.eh20-eyebrow::before,\r\n.eh20-eyebrow::after {\r\n  content: ''; width: 42px; height: 1px;\r\n  background: var(--gold); opacity: 0.7;\r\n}\r\n\r\n.eh20-headline {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(42px, 6.5vw, 55px);\r\n  font-weight: 500; line-height: 1.08;\r\n  letter-spacing: -0.01em; color: var(--cream);\r\n  margin: 0 0 10px;\r\n  opacity: 0;\r\n  animation: revealUp 1s cubic-bezier(0.22,1,0.36,1) forwards 0.6s;\r\n}\r\n.eh20-headline em { font-style: italic; color: #fff; }\r\n\r\n.eh20-rule {\r\n  width: 64px; height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n  margin: 26px auto 32px;\r\n  opacity: 0;\r\n  animation: revealUp 0.8s ease forwards 0.9s;\r\n}\r\n\r\n.eh20-sub {\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-size: clamp(15px, 1.8vw, 18px);\r\n  font-weight: 300; line-height: 1.8;\r\n  color: #fff;\r\n  max-width: 620px; margin: 0 auto 50px;\r\n  opacity: 0;\r\n  animation: revealUp 0.9s cubic-bezier(0.22,1,0.36,1) forwards 1s;\r\n}\r\n\r\n.eh20-ctas {\r\n  display: flex; align-items: center; gap: 18px;\r\n  flex-wrap: wrap; justify-content: center;\r\n  margin-bottom: 64px;\r\n  opacity: 0;\r\n  animation: revealUp 0.9s cubic-bezier(0.22,1,0.36,1) forwards 1.2s;\r\n}\r\n.eh20-btn-primary {\r\n  background: #F4EFE9; color: var(--dark); border: none;\r\n  padding: 15px 40px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 11px; font-weight: 600;\r\n  letter-spacing: 0.16em; text-transform: uppercase;\r\n  cursor: pointer; text-decoration: none !important; display: inline-block;\r\n  transition: background 0.3s, transform 0.3s, box-shadow 0.3s;\r\n}\r\n.eh20-btn-primary:hover {\r\n  background: #0F1A25;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 14px 40px rgba(244, 239, 233, 0.35);\r\n  color: white;\r\n}\r\n.eh20-btn-outline {\r\n  background: transparent; color: var(--cream);\r\n  border: 1px solid #F4EFE9;\r\n  padding: 14px 38px;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 11px; font-weight: 400;\r\n  letter-spacing: 0.16em; text-transform: uppercase;\r\n  cursor: pointer; text-decoration: none !important; display: inline-block;\r\n  transition: border-color 0.3s, color 0.3s, transform 0.3s;\r\n}\r\n.eh20-btn-outline:hover {\r\n  border-color: #F4EFE9;\r\n  transform: translateY(-2px);\r\n  color: #F4EFE9;\r\n}\r\n\r\n\/* \u2500\u2500 Stats \u2500\u2500 *\/\r\n.eh20-stats {\r\n  display: flex; align-items: stretch;\r\n  border: 1px solid rgba(244,239,233,0.12);\r\n  background: var(--glass);\r\n  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n  padding: 28px 0; width: 100%; max-width: 660px;\r\n  opacity: 0;\r\n  animation: revealUp 0.9s cubic-bezier(0.22,1,0.36,1) forwards 1.4s;\r\n}\r\n.eh20-stat {\r\n  flex: 1; display: flex; flex-direction: column;\r\n  align-items: center; gap: 6px; padding: 0 20px;\r\n  border-right: 1px solid rgba(244,239,233,0.1);\r\n}\r\n.eh20-stat:last-child { border-right: none; }\r\n.eh20-stat__num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 34px; font-weight: 400;\r\n  color: var(--gold-lt); line-height: 1;\r\n}\r\n.eh20-stat__label {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 10px; font-weight: 400;\r\n  letter-spacing: 0.13em; text-transform: uppercase;\r\n  color: rgba(244,239,233,0.42);\r\n}\r\n\r\n\/* \u2500\u2500 Ticker \u2500\u2500 *\/\r\n.eh20-ticker {\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  z-index: 10; background: #0F1A25;\r\n  height: 75px; display: flex; align-items: center; overflow: hidden;\r\n}\r\n.eh20-ticker__track {\r\n  display: flex; align-items: center;\r\n  white-space: nowrap;\r\n  animation: ticker 30s linear infinite;\r\n}\r\n.eh20-ticker__item {\r\n  display: flex; align-items: center; gap: 18px;\r\n  padding: 0 28px;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 15px; font-weight: 600;\r\n  letter-spacing: 0.14em; text-transform: uppercase;\r\n  color: #fff;\r\n}\r\n.eh20-ticker__sep {\r\n  width: 4px; height: 4px; border-radius: 50%;\r\n  background: #fff; flex-shrink: 0;\r\n}\r\n@keyframes ticker {\r\n  0%   { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n\r\n@keyframes revealUp {\r\n  from { opacity: 0; transform: translateY(28px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .eh20-hero__lines::before { left: calc(50% - 150px); }\r\n  .eh20-hero__lines::after  { left: calc(50% + 150px); }\r\n  .eh20-stats { flex-direction: column; padding: 24px; }\r\n  .eh20-stat  { border-right: none; border-bottom: 1px solid rgba(244,239,233,0.1); padding: 16px 0; }\r\n  .eh20-stat:last-child { border-bottom: none; }\r\n  .eh20-ctas  { flex-direction: column; width: 100%; }\r\n  .eh20-btn-primary, .eh20-btn-outline { width: 100%; text-align: center; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5a1861 e-con-full e-flex e-con e-parent\" data-id=\"c5a1861\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34523d1 elementor-widget elementor-widget-html\" data-id=\"34523d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==== IMPORT FONTS ==== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,500&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n\/* ==== SCOPED WRAPPER ==== *\/\r\n#custom-executive-network {\r\n    background-color: #FEF7E9;\r\n    color: #0F1A25;\r\n    font-family: 'Inter', sans-serif;\r\n    width: 100%;\r\n}\r\n#custom-executive-network * { \r\n    box-sizing: border-box; \r\n    margin: 0; \r\n    \/*padding: 0; *\/\r\n}\r\n\r\n\/* ==== SECTION LAYOUT ==== *\/\r\n#custom-executive-network .executive-section {\r\n    position: relative;\r\n    padding: 4%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* ==== CANVAS NETWORK BACKGROUND ==== *\/\r\n#custom-executive-network .network-canvas {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    opacity: 0.5;\r\n}\r\n\r\n\/* Subtle corner glow for depth *\/\r\n#custom-executive-network .accent-glow {\r\n    position: absolute;\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(circle, rgba(145, 108, 52, 0.06) 0%, rgba(254, 247, 233, 0) 70%);\r\n    top: -10%; right: -10%;\r\n    z-index: 0;\r\n    border-radius: 50%;\r\n}\r\n\r\n#custom-executive-network .content-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n\/* ==== PRE-HEADER ==== *\/\r\n#custom-executive-network .pre-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 40px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n}\r\n#custom-executive-network .pre-header .line {\r\n    width: 60px;\r\n    height: 1px;\r\n    background-color: #916C34;\r\n}\r\n#custom-executive-network .pre-header .text {\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: 17px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 4px;\r\n    color: #916C34;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* ==== MAIN GRID ==== *\/\r\n#custom-executive-network .grid-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.3fr;\r\n    gap: 90px;\r\n    align-items: start;\r\n}\r\n\r\n\/* ==== LEFT COLUMN (TYPOGRAPHY) ==== *\/\r\n#custom-executive-network .sticky-left {\r\n    position: sticky;\r\n    top: 15vh;\r\n}\r\n\r\n#custom-executive-network .main-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(3rem, 5vw, 4.8rem);\r\n    line-height: 1.1;\r\n    color: #0F1A25;\r\n    margin-bottom: 30px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n}\r\n#custom-executive-network .main-title span {\r\n    color: #916C34;\r\n    font-style: italic;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n#custom-executive-network .main-title span::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0; bottom: 8px;\r\n    width: 100%; height: 2px;\r\n    background-color: rgba(145, 108, 52, 0.3);\r\n}\r\n\r\n#custom-executive-network .sub-text {\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n    color: rgba(15, 26, 37, 0.75);\r\n    max-width: 450px;\r\n    margin-bottom: 50px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n}\r\n\r\n\/* Ideal Profile Box *\/\r\n#custom-executive-network .ideal-profile-box {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(145, 108, 52, 0.15);\r\n    padding: 35px 40px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 20px 40px rgba(15, 26, 37, 0.03);\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n#custom-executive-network .ideal-profile-box::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 4px; height: 100%;\r\n    background-color: #916C34;\r\n}\r\n#custom-executive-network .ideal-profile-box h4 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 1.5rem;\r\n    color: #0F1A25;\r\n    margin-bottom: 25px;\r\n}\r\n#custom-executive-network .ideal-traits {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n#custom-executive-network .trait {\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: 0.85rem;\r\n    padding: 10px 18px;\r\n    background: #FEF7E9;\r\n    border: 1px solid rgba(145, 108, 52, 0.2);\r\n    border-radius: 30px;\r\n    color: #0F1A25;\r\n    font-weight: 500;\r\n    transition: all 0.3s ease;\r\n    cursor: default;\r\n}\r\n#custom-executive-network .trait:hover {\r\n    background: #916C34;\r\n    color: #ffffff;\r\n    border-color: #916C34;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* ==== RIGHT COLUMN (INTERACTIVE LIST) ==== *\/\r\n#custom-executive-network .roles-list {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n#custom-executive-network .role-item {\r\n    padding: 35px 0;\r\n    border-bottom: 1px solid rgba(15, 26, 37, 0.1);\r\n    position: relative;\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n#custom-executive-network .role-item::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -1px; left: 0;\r\n    width: 0; height: 1px;\r\n    background-color: #916C34;\r\n    transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n#custom-executive-network .role-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n#custom-executive-network .role-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 2.2rem;\r\n    color: #0F1A25;\r\n    transition: color 0.4s ease;\r\n}\r\n\r\n#custom-executive-network .role-icon {\r\n    font-size: 1.6rem;\r\n    color: rgba(15, 26, 37, 0.2);\r\n    font-weight: 300;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n#custom-executive-network .role-details {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), margin-top 0.4s ease, opacity 0.4s ease;\r\n    padding-right: 60px;\r\n    opacity: 0;\r\n}\r\n\r\n#custom-executive-network .role-details p {\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: 1rem;\r\n    color: rgba(15, 26, 37, 0.7);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Hover Interactions *\/\r\n#custom-executive-network .role-item:hover .role-header { transform: translateX(15px); }\r\n#custom-executive-network .role-item:hover::after { width: 100%; }\r\n#custom-executive-network .role-item:hover .role-title { color: #916C34; }\r\n#custom-executive-network .role-item:hover .role-icon { color: #916C34; transform: rotate(45deg); }\r\n#custom-executive-network .role-item:hover .role-details { max-height: 100%; margin-top: 15px; opacity: 1; }\r\n\r\n\/* ==== CHALLENGE QUOTE ==== *\/\r\n#custom-executive-network .challenge-quote {\r\n    margin-top: 120px;\r\n    grid-column: 1 \/ -1;\r\n    text-align: center;\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: 2rem;\r\n    line-height: 1.5;\r\n    color: rgba(15, 26, 37, 0.6);\r\n    font-style: italic;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    max-width: 900px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n#custom-executive-network .challenge-quote span {\r\n    color: #0F1A25;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* ==== JS TRIGGERED ANIMATIONS ==== *\/\r\n#custom-executive-network .animate-in {\r\n    animation: slideUpFade 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n}\r\n\r\n@keyframes slideUpFade {\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Animation Delays *\/\r\n#custom-executive-network .delay-1 { animation-delay: 0.1s; }\r\n#custom-executive-network .delay-2 { animation-delay: 0.2s; }\r\n#custom-executive-network .delay-3 { animation-delay: 0.3s; }\r\n#custom-executive-network .delay-4 { animation-delay: 0.4s; }\r\n#custom-executive-network .delay-5 { animation-delay: 0.5s; }\r\n\r\n\/* ==== RESPONSIVE ==== *\/\r\n@media (max-width: 1024px) {\r\n    #custom-executive-network .grid-container { grid-template-columns: 1fr; gap: 60px; }\r\n    #custom-executive-network .sticky-left { position: relative; top: 0; }\r\n    #custom-executive-network .main-title { font-size: 3.5rem; }\r\n    #custom-executive-network .challenge-quote { margin-top: 80px; font-size: 1.6rem; }\r\n}\r\n@media (max-width: 768px) {\r\n    #custom-executive-network .executive-section { padding: 100px 5%; }\r\n    #custom-executive-network .role-title { font-size: 1.6rem; }\r\n    #custom-executive-network .role-item:hover .role-header { transform: translateX(8px); }\r\n}\r\n<\/style>\r\n\r\n<div id=\"custom-executive-network\">\r\n    <section class=\"executive-section\">\r\n        <!-- Abstract Network -->\r\n        <canvas class=\"network-canvas\"><\/canvas>\r\n        <div class=\"accent-glow\"><\/div>\r\n\r\n        <div class=\"content-wrapper\">\r\n\r\n            <div class=\"grid-container\">\r\n\r\n                <div class=\"left-col\">\r\n                    <div class=\"sticky-left\">\r\n                        <h2 class=\"main-title\" data-animate class=\"delay-1\"><span>Introduction<\/span><\/h2>\r\n                        <p class=\"sub-text\" data-animate class=\"delay-2\">\r\n                            Join a network of professionals who bring events and experiences to life. At Earth H\u2082O Productions, we collaborate with skilled creatives, operators, and service providers to design and execute high-impact events from leadership retreats and corporate gatherings to large-scale productions and community experiences. If you are passionate about delivering excellence, working in dynamic environments, and being part of meaningful projects, we invite you to work with us. Here, your expertise meets opportunity and your work creates lasting impact.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"right-col\">\r\n                    <ul class=\"roles-list\">\r\n                        \r\n                        <li class=\"role-item delay-2\" data-animate>\r\n                            <div class=\"role-header\">\r\n                                <div class=\"role-title\">Who We Work With<\/div>\r\n                                <div class=\"role-icon\">\uff0b<\/div>\r\n                            <\/div>\r\n                            <div class=\"role-details\">\r\n                                <p>We collaborate with experienced professionals across event production and execution, including:<\/p>\r\n                                <ul>\r\n                                    <li>Photographers<\/li>\r\n                                    <li>\r\n                                        Videographers\r\n                                    <\/li>\r\n                                    <li>Event Managers<\/li>\r\n                                    <li>\r\n                                        Caterers\r\n                                    <\/li>\r\n                                    <li>\r\n                                        Transportation Providers\r\n                                    <\/li>\r\n                                    <li>\r\n                                        Production Crew & Technical Teams\r\n                                    <\/li>\r\n                                    <li>\r\n                                        Set Designers & Decor Specialists\r\n                                    <\/li>\r\n                                    <li>\r\n                                        AV & Lighting Professionals\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/li>\r\n\r\n                        <li class=\"role-item delay-3\" data-animate>\r\n                            <div class=\"role-header\">\r\n                                <div class=\"role-title\">Ideal Candidates<\/div>\r\n                                <div class=\"role-icon\">\uff0b<\/div>\r\n                            <\/div>\r\n                            <div class=\"role-details\">\r\n                                <p>We look for professionals who demonstrate:<\/p>\r\n                                <ul>\r\n                                    <li>Strong communication and reliability<\/li>\r\n                                    <li>Ability to perform in fast-paced, high-pressure environments<\/li>\r\n                                    <li>Experience supporting corporate or large-scale events<\/li>\r\n                                    <li>Attention to detail and commitment to quality execution<\/li>\r\n                                    <li>Professionalism and a client-focused mindset<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/li>\r\n\r\n                        <li class=\"role-item delay-4\" data-animate>\r\n                            <div class=\"role-header\">\r\n                                <div class=\"role-title\">The Work You\u2019ll Be Part Of<\/div>\r\n                                <div class=\"role-icon\">\uff0b<\/div>\r\n                            <\/div>\r\n                            <div class=\"role-details\">\r\n                                <p>Our network supports a wide range of high-impact events and experiences, including:<\/p>\r\n                                <ul>\r\n                                    <li>Executive retreats and leadership events<\/li>\r\n                                    <li>Corporate meetings and conferences<\/li>\r\n                                    <li>Galas and large-scale productions<\/li>\r\n                                    <li>Brand activations and experiential events<\/li>\r\n                                    <li>Community and social impact initiatives<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"challenge-quote\" data-animate>\r\n                \u201cYou\u2019ll contribute to projects that require <span>precision, creativity, and seamless coordination.<\/span>\u201d\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Encapsulated in an IIFE to prevent variable collisions in WordPress\r\n(function() {\r\n    function initExecutiveNetwork() {\r\n        const wrapper = document.getElementById('custom-executive-network');\r\n        if(!wrapper) return;\r\n\r\n        \/* =========================================\r\n           SCROLL REVEAL ANIMATIONS\r\n        ========================================= *\/\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('animate-in');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n        wrapper.querySelectorAll('[data-animate]').forEach((el) => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/* =========================================\r\n           ELEGANT NETWORK CANVAS\r\n        ========================================= *\/\r\n        const canvas = wrapper.querySelector(\".network-canvas\");\r\n        if(!canvas) return;\r\n        const ctx = canvas.getContext(\"2d\");\r\n        \r\n        let width, height;\r\n        let particles = [];\r\n        \r\n        const DOT_COLOR = '15, 26, 37';\r\n        const LINE_COLOR = '145, 108, 52';\r\n        const PARTICLE_COUNT = 55;\r\n        const CONNECTION_DISTANCE = 180;\r\n        \r\n        function resize() {\r\n            \/\/ Tie dimensions to the container instead of window for layout accuracy\r\n            const section = wrapper.querySelector('.executive-section');\r\n            width = canvas.width = section.offsetWidth;\r\n            height = canvas.height = section.offsetHeight;\r\n        }\r\n        \r\n        class ElegantParticle {\r\n            constructor() {\r\n                this.x = Math.random() * width;\r\n                this.y = Math.random() * height;\r\n                this.vx = (Math.random() - 0.5) * 0.3;\r\n                this.vy = (Math.random() - 0.5) * 0.3;\r\n                this.size = Math.random() * 1.5 + 0.5;\r\n            }\r\n            update() {\r\n                this.x += this.vx;\r\n                this.y += this.vy;\r\n                if (this.x < 0 || this.x > width) this.vx *= -1;\r\n                if (this.y < 0 || this.y > height) this.vy *= -1;\r\n            }\r\n            draw() {\r\n                ctx.beginPath();\r\n                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n                ctx.fillStyle = `rgba(${DOT_COLOR}, 0.3)`;\r\n                ctx.fill();\r\n            }\r\n        }\r\n        \r\n        function initCanvas() {\r\n            resize();\r\n            particles = [];\r\n            for (let i = 0; i < PARTICLE_COUNT; i++) {\r\n                particles.push(new ElegantParticle());\r\n            }\r\n        }\r\n        \r\n        let mouse = { x: null, y: null, radius: 250 };\r\n        wrapper.addEventListener('mousemove', (e) => {\r\n            const rect = canvas.getBoundingClientRect();\r\n            mouse.x = e.clientX - rect.left;\r\n            mouse.y = e.clientY - rect.top;\r\n        });\r\n        wrapper.addEventListener('mouseout', () => {\r\n            mouse.x = null;\r\n            mouse.y = null;\r\n        });\r\n        \r\n        function animate() {\r\n            ctx.clearRect(0, 0, width, height);\r\n            \r\n            for (let i = 0; i < particles.length; i++) {\r\n                particles[i].update();\r\n                particles[i].draw();\r\n                \r\n                for (let j = i; j < particles.length; j++) {\r\n                    let dx = particles[i].x - particles[j].x;\r\n                    let dy = particles[i].y - particles[j].y;\r\n                    let distance = Math.sqrt(dx * dx + dy * dy);\r\n                    \r\n                    if (distance < CONNECTION_DISTANCE) {\r\n                        let mouseDist = 9999;\r\n                        if (mouse.x != null) {\r\n                            let mDx = particles[i].x - mouse.x;\r\n                            let mDy = particles[i].y - mouse.y;\r\n                            mouseDist = Math.sqrt(mDx * mDx + mDy * mDy);\r\n                        }\r\n                        \r\n                        let opacity = 1 - (distance \/ CONNECTION_DISTANCE);\r\n                        \r\n                        if (mouseDist < mouse.radius) {\r\n                            ctx.strokeStyle = `rgba(${LINE_COLOR}, ${opacity * 0.6})`;\r\n                            ctx.lineWidth = 0.8;\r\n                        } else {\r\n                            ctx.strokeStyle = `rgba(${LINE_COLOR}, ${opacity * 0.15})`;\r\n                            ctx.lineWidth = 0.4;\r\n                        }\r\n                        \r\n                        ctx.beginPath();\r\n                        ctx.moveTo(particles[i].x, particles[i].y);\r\n                        \r\n                        let cx = (particles[i].x + particles[j].x) \/ 2;\r\n                        let cy = ((particles[i].y + particles[j].y) \/ 2) - 10;\r\n                        ctx.quadraticCurveTo(cx, cy, particles[j].x, particles[j].y);\r\n                        \r\n                        ctx.stroke();\r\n                    }\r\n                }\r\n            }\r\n            requestAnimationFrame(animate);\r\n        }\r\n        \r\n        window.addEventListener('resize', initCanvas);\r\n        initCanvas();\r\n        animate();\r\n    }\r\n\r\n    \/\/ Safely ensure Elements are loaded before running JS\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initExecutiveNetwork);\r\n    } else {\r\n        initExecutiveNetwork();\r\n    }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b2fb14 e-con-full e-flex e-con e-parent\" data-id=\"8b2fb14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cfbcc2 elementor-widget elementor-widget-html\" data-id=\"3cfbcc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==== IMPORT FONTS ==== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,500&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n\/* ==== SCOPED WRAPPER FOR ELEMENTOR ==== *\/\r\n#custom-application-process {\r\n    background-color: #0F1A25; \/* Your Deep Navy Background *\/\r\n    color: #FFFFFF;\r\n    font-family: 'Inter', sans-serif;\r\n    width: 100%;\r\n}\r\n#custom-application-process * { \r\n    box-sizing: border-box; \r\n    margin: 0; \r\n    padding: 0; \r\n}\r\n\r\n\/* ==== SECTION LAYOUT ==== *\/\r\n#custom-application-process .app-section {\r\n    position: relative;\r\n    padding: 120px 6%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ==== BACKGROUND ORBITAL CANVAS ==== *\/\r\n#custom-application-process .bg-canvas {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    z-index: -2;\r\n    pointer-events: none;\r\n    opacity: 0.6;\r\n}\r\n\r\n\/* Ambient glow anchoring the center *\/\r\n#custom-application-process .ambient-glow {\r\n    position: absolute;\r\n    width: 800px;\r\n    height: 800px;\r\n    background: radial-gradient(circle, rgba(145, 108, 52, 0.08) 0%, rgba(15, 26, 37, 0) 60%);\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: -1;\r\n    pointer-events: none;\r\n}\r\n\r\n#custom-application-process .content-wrap {\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n\/* ==== HEADER ==== *\/\r\n#custom-application-process .section-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n}\r\n#custom-application-process .subtitle {\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: 17px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 5px;\r\n    color: #916C34; \/* Gold Accent *\/\r\n    font-weight: 500;\r\n    margin-bottom: 15px;\r\n}\r\n#custom-application-process .title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(2.5rem, 4vw, 3.8rem);\r\n    color: #FFFFFF;\r\n}\r\n\r\n\/* ==== DUAL PILLAR CARDS ==== *\/\r\n#custom-application-process .cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 45px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n\/* Glassmorphism Styling *\/\r\n#custom-application-process .process-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    border-radius: 4px;\r\n    padding: 50px 45px;\r\n    position: relative;\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    transition: transform 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Gold Sweep Top Line Hover Effect *\/\r\n#custom-application-process .process-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 2px;\r\n    background: linear-gradient(90deg, transparent, #916C34, transparent);\r\n    transform: translateX(-100%);\r\n    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n#custom-application-process .process-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(145, 108, 52, 0.3);\r\n    box-shadow: 0 25px 50px rgba(0,0,0,0.5), inset 0 0 40px rgba(145, 108, 52, 0.03);\r\n}\r\n#custom-application-process .process-card:hover::before {\r\n    transform: translateX(100%);\r\n}\r\n\r\n#custom-application-process .card-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 1.8rem;\r\n    color: #916C34;\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n#custom-application-process .card-title span {\r\n    font-size: 1.2rem;\r\n    opacity: 0.6;\r\n    font-weight: 300;\r\n}\r\n\r\n#custom-application-process .card-text {\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: 1.05rem;\r\n    color: #A0AAB5;\r\n    line-height: 1.7;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* Diamond Lists *\/\r\n#custom-application-process .styled-list {\r\n    list-style: none;\r\n    margin-bottom: 30px;\r\n}\r\n#custom-application-process .styled-list > li {\r\n    font-family: 'Open Sans', sans-serif;\r\n    position: relative;\r\n    padding-left: 28px;\r\n    margin-bottom: 18px;\r\n    font-size: 1.05rem;\r\n    color: #E2E8F0;\r\n    line-height: 1.6;\r\n}\r\n#custom-application-process .styled-list > li::before {\r\n    content: '\u25c7';\r\n    position: absolute;\r\n    left: 0; top: 0px;\r\n    color: #916C34;\r\n    font-size: 1.2rem;\r\n}\r\n\r\n\/* Refined Sub-lists *\/\r\n#custom-application-process .sub-list {\r\n    list-style: none;\r\n    margin-top: 12px;\r\n    padding-left: 20px;\r\n    border-left: 1px solid rgba(255,255,255,0.1);\r\n    margin-left: -5px;\r\n}\r\n#custom-application-process .sub-list li {\r\n    font-size: 0.95rem;\r\n    color: #A0AAB5;\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    padding-left: 15px;\r\n}\r\n#custom-application-process .sub-list li::before {\r\n    content: '\u2014';\r\n    position: absolute;\r\n    left: 0;\r\n    color: rgba(145, 108, 52, 0.7);\r\n}\r\n\r\n\/* Timeline Style Process *\/\r\n#custom-application-process .timeline-list {\r\n    list-style: none;\r\n    position: relative;\r\n    padding-left: 35px;\r\n}\r\n#custom-application-process .timeline-list::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 7px; top: 10px; bottom: 20px;\r\n    width: 1px;\r\n    background: rgba(145, 108, 52, 0.25);\r\n}\r\n#custom-application-process .timeline-list li {\r\n    font-family: 'Open Sans', sans-serif;\r\n    position: relative;\r\n    margin-bottom: 28px;\r\n    color: #E2E8F0;\r\n    font-size: 1.05rem;\r\n    line-height: 1.6;\r\n}\r\n#custom-application-process .timeline-list li::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: -32px; top: 8px;\r\n    width: 7px; height: 7px;\r\n    border-radius: 50%;\r\n    background: #916C34;\r\n    box-shadow: 0 0 10px rgba(145, 108, 52, 0.8);\r\n    transition: transform 0.3s ease;\r\n}\r\n#custom-application-process .process-card:hover .timeline-list li::after {\r\n    transform: scale(1.3);\r\n}\r\n\r\n\/* Optional Materials Box *\/\r\n#custom-application-process .optional-box {\r\n    background: rgba(15, 26, 37, 0.6);\r\n    border-left: 2px solid #916C34;\r\n    padding: 20px 25px;\r\n    margin-top: 10px;\r\n    border-radius: 0 4px 4px 0;\r\n}\r\n#custom-application-process .optional-box h5 {\r\n    color: #FFFFFF;\r\n    font-size: 0.95rem;\r\n    margin-bottom: 15px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* ==== BOTTOM INFO RIBBON ==== *\/\r\n#custom-application-process .info-ribbon {\r\n    background: linear-gradient(135deg, rgba(145, 108, 52, 0.08), rgba(255, 255, 255, 0.02));\r\n    border: 1px solid rgba(145, 108, 52, 0.2);\r\n    border-radius: 4px;\r\n    padding: 35px 50px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 40px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n}\r\n#custom-application-process .info-col {\r\n    flex: 1;\r\n}\r\n#custom-application-process .info-col p {\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: 1rem;\r\n    color: #A0AAB5;\r\n    line-height: 1.6;\r\n}\r\n#custom-application-process .info-col p strong {\r\n    color: #FFFFFF;\r\n    font-weight: 500;\r\n}\r\n#custom-application-process .email-link {\r\n    color: #916C34;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    transition: color 0.3s;\r\n}\r\n#custom-application-process .email-link:hover {\r\n    color: #FFFFFF;\r\n}\r\n#custom-application-process .ribbon-divider {\r\n    width: 1px;\r\n    height: 50px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n\/* ==== TRIGGERED ENTRANCE ANIMATIONS ==== *\/\r\n#custom-application-process .animate-in {\r\n    animation: slideUpFade 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n}\r\n@keyframes slideUpFade {\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n#custom-application-process .delay-1 { animation-delay: 0.1s; }\r\n#custom-application-process .delay-2 { animation-delay: 0.3s; }\r\n#custom-application-process .delay-3 { animation-delay: 0.5s; }\r\n\r\n\/* ==== RESPONSIVE DESIGN ==== *\/\r\n@media (max-width: 950px) {\r\n    #custom-application-process .cards-grid { grid-template-columns: 1fr; }\r\n    #custom-application-process .info-ribbon { flex-direction: column; text-align: center; padding: 30px; gap: 20px;}\r\n    #custom-application-process .ribbon-divider { width: 100px; height: 1px; }\r\n}\r\n@media (max-width: 768px) {\r\n    #custom-application-process .app-section { padding: 90px 5%; }\r\n    #custom-application-process .process-card { padding: 35px 25px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"custom-application-process\">\r\n    <section class=\"app-section\">\r\n        <!-- New Orbital Executive Network Canvas -->\r\n        <canvas class=\"bg-canvas\"><\/canvas>\r\n        <div class=\"ambient-glow\"><\/div>\r\n\r\n        <div class=\"content-wrap\">\r\n            \r\n            <div class=\"section-header\" data-animate>\r\n                <div class=\"subtitle\">Join The Network<\/div>\r\n                <h2 class=\"title\">Next Steps & Evaluation<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"cards-grid\">\r\n                \r\n                <!-- Pillar 1: Instructions -->\r\n                <div class=\"process-card delay-1\" data-animate>\r\n                    <h3 class=\"card-title\"><span>\u2726<\/span> Application Instructions<\/h3>\r\n                    <p class=\"card-text\">Submit the following materials to be considered:<\/p>\r\n                    \r\n                    <ul class=\"styled-list\">\r\n                        <li>Resume (PDF or Word format)<\/li>\r\n                        <li>Professional Summary or  Cover Letter, including:\r\n                            <ul class=\"sub-list\">\r\n                                <li>Your experience and background<\/li>\r\n                                <li>Areas of expertise<\/li>\r\n                                <li>Types of projects you specialize in<\/li>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li>Link to your LinkedIn profile (if applicable)<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"optional-box\">\r\n                        <h5>Optional Materials<\/h5>\r\n                        <ul class=\"styled-list\" style=\"margin-bottom:0;\">\r\n                            <li>Portfolio or work samples<\/li>\r\n                            <li>Client references<\/li>\r\n                            <li>Certifications or licenses<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Pillar 2: Process Timeline -->\r\n                <div class=\"process-card delay-2\" data-animate>\r\n                    <h3 class=\"card-title\"><span>\u2727<\/span> Candidate Review Process<\/h3>\r\n                    <p class=\"card-text\">Our team reviews every submission carefully. If your profile aligns with current or upcoming projects, you may be contacted for:<\/p>\r\n\r\n                    <ul class=\"timeline-list\">\r\n                        <li>Initial conversation<\/li>\r\n                        <li>Project or role alignment discussion<\/li>\r\n                        <li>Experience verification<\/li>\r\n                        <li>Onboarding into the Earth H\u2082O Productions<\/li>\r\n                    <\/ul>\r\n                    <p class=\"card-text\">You can expect to hear back within 5\u201310 business days if selected.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Footer Meta Ribbon -->\r\n            <div class=\"info-ribbon delay-3\" data-animate>\r\n                <div class=\"info-col\">\r\n                    <p>All documents can be uploaded via the online form. Once submitted, your information is immediately routed to our administrative team at <strong><a href=\"mailto:admin@earthh20corporation.com\" class=\"email-link\">admin@earthh20corporation.com<\/a><\/strong>.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Secured Elementor JS Function\r\n(function() {\r\n    function initApplicationProcess() {\r\n        const wrapper = document.getElementById('custom-application-process');\r\n        if(!wrapper) return;\r\n\r\n        \/* =========================================\r\n           SCROLL REVEAL ANIMATIONS\r\n        ========================================= *\/\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('animate-in');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n        wrapper.querySelectorAll('[data-animate]').forEach((el) => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/* =========================================\r\n           ORBITAL NETWORK CANVAS\r\n        ========================================= *\/\r\n        const canvas = wrapper.querySelector(\".bg-canvas\");\r\n        if(!canvas) return;\r\n        const ctx = canvas.getContext(\"2d\");\r\n        \r\n        let width, height;\r\n        let nodes = [];\r\n        \r\n        function resize() {\r\n            const section = wrapper.querySelector('.app-section');\r\n            width = canvas.width = section.offsetWidth;\r\n            height = canvas.height = section.offsetHeight;\r\n        }\r\n        \r\n        \/\/ Nodes orbiting around the center (Earth H2O theme)\r\n        class OrbitNode {\r\n            constructor() {\r\n                this.angle = Math.random() * Math.PI * 2;\r\n                \/\/ Radius pushes nodes into orbits across the screen\r\n                this.radius = Math.random() * (window.innerWidth) * 0.55;\r\n                \/\/ Extremely slow cinematic rotation\r\n                this.speed = (Math.random() - 0.5) * 0.001;\r\n                this.size = Math.random() * 2 + 0.5;\r\n            }\r\n            update() {\r\n                this.angle += this.speed;\r\n                \/\/ Calculate position based on center of section\r\n                this.x = (width \/ 2) + Math.cos(this.angle) * this.radius;\r\n                this.y = (height \/ 2) + Math.sin(this.angle) * this.radius;\r\n            }\r\n            draw() {\r\n                ctx.beginPath();\r\n                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n                ctx.fillStyle = \"rgba(145, 108, 52, 0.5)\";\r\n                ctx.fill();\r\n            }\r\n        }\r\n        \r\n        function initCanvas() {\r\n            resize();\r\n            nodes = [];\r\n            \/\/ Create the constellation\r\n            for (let i = 0; i < 90; i++) {\r\n                nodes.push(new OrbitNode());\r\n            }\r\n        }\r\n        \r\n        function animate() {\r\n            ctx.clearRect(0, 0, width, height);\r\n            \r\n            for (let i = 0; i < nodes.length; i++) {\r\n                nodes[i].update();\r\n                nodes[i].draw();\r\n                \r\n                \/\/ Draw delicate geometric connections between close orbits\r\n                for (let j = i; j < nodes.length; j++) {\r\n                    let dx = nodes[i].x - nodes[j].x;\r\n                    let dy = nodes[i].y - nodes[j].y;\r\n                    let dist = Math.sqrt(dx*dx + dy*dy);\r\n                    \r\n                    if (dist < 180) {\r\n                        ctx.beginPath();\r\n                        \/\/ Lines fade beautifully based on distance\r\n                        ctx.strokeStyle = `rgba(255, 255, 255, ${(1 - dist\/180) * 0.08})`;\r\n                        ctx.lineWidth = 0.5;\r\n                        ctx.moveTo(nodes[i].x, nodes[i].y);\r\n                        ctx.lineTo(nodes[j].x, nodes[j].y);\r\n                        ctx.stroke();\r\n                    }\r\n                }\r\n            }\r\n            requestAnimationFrame(animate);\r\n        }\r\n        \r\n        window.addEventListener('resize', initCanvas);\r\n        initCanvas();\r\n        animate();\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initApplicationProcess);\r\n    } else {\r\n        initApplicationProcess();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cf7dca e-con-full e-flex e-con e-parent\" data-id=\"5cf7dca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07694f6 elementor-widget elementor-widget-html\" data-id=\"07694f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,500&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n#ccf { font-family: 'Inter', sans-serif; color: #0F1A25; width: 100%; box-sizing: border-box; }\r\n#ccf *, #ccf *::before, #ccf *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#ccf .form-section { position: relative; padding: 60px 4%; background: #FEF7E9; overflow: hidden; }\r\n\r\n#ccf .content-wrap { max-width: 900px; margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n#ccf .section-header { text-align: center; margin-bottom: 40px; }\r\n#ccf .subtitle {font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 5px; color: #916C34; font-weight: 600; margin-bottom: 12px; }\r\n#ccf .title { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 4vw, 3rem); color: #0F1A25; margin-bottom: 10px; }\r\n#ccf .desc {font-family: 'Open Sans', sans-serif; font-size: 1rem; color: rgba(15,26,37,0.65); max-width: 560px; margin: 0 auto; line-height: 1.65; }\r\n\r\n\r\n\r\n@media (max-width: 720px) {\r\n  #ccf .form-grid { grid-template-columns: minmax(0,1fr); }\r\n  #ccf .form-card { padding: 36px 22px; }\r\n  #ccf .notes-grid { grid-template-columns: minmax(0,1fr); }\r\n}\r\n<\/style>\r\n\r\n<div id=\"ccf\">\r\n  <section class=\"form-section\">\r\n    <div class=\"content-wrap\">\r\n\r\n      <div class=\"section-header\">\r\n        <div class=\"subtitle\">Earth H\u2082O Network<\/div>\r\n        <h2 class=\"title\">Candidate Submission<\/h2>\r\n        <!--<p class=\"desc\">Submit your professional profile to be considered for deployment opportunities within our network.<\/p>-->\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ File upload label handler\r\n  const fileMap = {\r\n    'input[name=\"resume\"]': 'resume-name',\r\n    'input[name=\"cover_letter\"]': 'cover-name',\r\n    'input[name=\"portfolio\"]': 'portfolio-name'\r\n  };\r\n  Object.entries(fileMap).forEach(([sel, labelId]) => {\r\n    const input = document.querySelector('#ccf ' + sel);\r\n    const label = document.getElementById(labelId);\r\n    if(!input || !label) return;\r\n    input.addEventListener('change', function(){\r\n      if(this.files.length > 0){\r\n        label.textContent = this.files[0].name;\r\n        label.style.color = '#916C34';\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Validation Logic: Letters only for Name, Numbers only for Phone\r\n  const nameInput = document.querySelector('#ccf input[name=\"full_name\"]');\r\n  const phoneInput = document.querySelector('#ccf input[name=\"phone\"]');\r\n\r\n  if(nameInput) {\r\n    nameInput.addEventListener('input', function() {\r\n      \/\/ Remove any digits or special characters, allow only letters and spaces\r\n      this.value = this.value.replace(\/[0-9]\/g, '');\r\n    });\r\n  }\r\n\r\n  if(phoneInput) {\r\n    phoneInput.addEventListener('input', function() {\r\n      \/\/ Remove any alphabetical characters, allow numbers and standard phone symbols (+ - ( ) space)\r\n      this.value = this.value.replace(\/[a-zA-Z]\/g, '');\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73ad756 e-flex e-con-boxed e-con e-parent\" data-id=\"73ad756\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8ac8a7 elementor-widget elementor-widget-shortcode\" data-id=\"e8ac8a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2638-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"2638\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/earthh2oproduction\/wp-json\/wp\/v2\/pages\/2357#wpcf7-f2638-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" enctype=\"multipart\/form-data\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"2638\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2638-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"custom-form\">\n\t<h3>Personal Information\n\t<\/h3>\n\t<div class=\"form-row\">\n\t\t<div class=\"form-col\">\n\t\t\t<p><label>Full Name *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"full_name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"John Doe\" value=\"\" type=\"text\" name=\"full_name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-col\">\n\t\t\t<p><label>Email Address *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"john@domain.com\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"form-col\">\n\t\t\t<p><label>Phone Number *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"+1 (555) 000-0000\" value=\"\" type=\"tel\" name=\"phone\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-col\">\n\t\t\t<p><label>LinkedIn Profile URL *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"linkedin\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-url\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"linkedin.com\/in\/username\" value=\"\" type=\"url\" name=\"linkedin\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<h3>Materials & Documentation\n\t<\/h3>\n\t<div class=\"form-row\">\n\t\t<div class=\"form-col\">\n\t\t\t<p><label>Resume *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"resume\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required\" accept=\"audio\/*,video\/*,image\/*\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"resume\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-col\">\n\t\t\t<p><label>Cover Letter *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cover_letter\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required\" accept=\"audio\/*,video\/*,image\/*\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"cover_letter\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<h3>Domain Expertise\n\t<\/h3>\n\t<div class=\"form-row\">\n\t\t<div class=\"form-col\">\n\t\t\t<p><label>Area of Expertise *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"expertise\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"expertise\"><option value=\"Select primary domain...\">Select primary domain...<\/option><option value=\"Executive Leadership\">Executive Leadership<\/option><option value=\"HR\">HR<\/option><option value=\"Project Management\">Project Management<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-col\">\n\t\t\t<p><label>Preferred Project Type<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"engagement_type\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"engagement_type\"><option value=\"Indicate preference...\">Indicate preference...<\/option><option value=\"Part-time\">Part-time<\/option><option value=\"Interim\">Interim<\/option><option value=\"Project-Based\">Project-Based<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<p><label>Availability<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"availability\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-date\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"availability\" \/><\/span>\n\t<\/p>\n\t<p><label>Brief Summary *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"summary\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Provide a high-level summary...\" name=\"summary\"><\/textarea><\/span>\n\t<\/p>\n\t<p><label>Portfolio<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"portfolio\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file\" accept=\"audio\/*,video\/*,image\/*\" aria-invalid=\"false\" type=\"file\" name=\"portfolio\" \/><\/span>\n\t<\/p>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit Executive Profile\" \/>\n\t<\/p>\n<\/div>\n<div class=\"technical-notes\">\n\t<div class=\"notes-title\">\n\t\t<p>Application Implementation Guide\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"notes-grid\">\n\t\t<div class=\"note-item\">\n\t\t\t<p><span class=\"note-icon\"><\/span>\n\t\t\t<\/p>\n\t\t\t<p><br \/>\n<strong>Routing & Distribution<\/strong>\n\t\t\t<\/p>\n\t\t\t<p>All candidate forms trigger automatic, encrypted email notifications with attachments directly to our team at<br \/>\n<code>admin@earthh20corporation.com<\/code>.\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"note-item\">\n\t\t\t<p><span class=\"note-icon\"><\/span>\n\t\t\t<\/p>\n\t\t\t<p><br \/>\n<strong>Data Formatting<\/strong>\n\t\t\t<\/p>\n\t\t\t<p>Documents must be supplied in standard<br \/>\n<code>.PDF<\/code>, <code>.DOCX<\/code>, <code>.PNG<\/code>, or <code>.JPG<\/code> formats.\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad73840 e-con-full e-flex e-con e-parent\" data-id=\"ad73840\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-951c865 elementor-widget elementor-widget-html\" data-id=\"951c865\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n:root {\r\n  --bg:     #0F1A25;\r\n  --gold:   #916C34;\r\n  --gold-lt:#E2C97E;\r\n  --white:  #F5F0E8;\r\n  --muted:  rgba(245,240,232,0.5);\r\n  --border: rgba(201,168,76,0.25);\r\n}\r\n\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.cta-section {\r\n  position: relative;\r\n  \/*min-height: 100vh;*\/\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  padding: 100px 40px;\r\n  background: #0F1A25;\r\n}\r\n\r\n\/* \u2500\u2500 BACKGROUND LAYERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n\/* Large ghost text watermark *\/\r\n.bg-watermark {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(120px, 18vw, 240px);\r\n  font-weight: 700;\r\n  font-style: italic;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1px rgba(201,168,76,0.07);\r\n  white-space: nowrap;\r\n  user-select: none;\r\n  pointer-events: none;\r\n  letter-spacing: -0.02em;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Horizontal rule lines across full width *\/\r\n.bg-lines {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n.bg-lines span {\r\n  position: absolute;\r\n  left: 0; right: 0;\r\n  height: 1px;\r\n  background: rgba(201,168,76,0.06);\r\n}\r\n.bg-lines span:nth-child(1) { top: 25%; }\r\n.bg-lines span:nth-child(2) { top: 50%; }\r\n.bg-lines span:nth-child(3) { top: 75%; }\r\n\r\n\/* Radial gold glow center *\/\r\n.bg-glow {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 700px; height: 700px;\r\n  background: radial-gradient(circle, rgba(201,168,76,0.06) 0%, transparent 68%);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Corner ornaments *\/\r\n.corner {\r\n  position: absolute;\r\n  width: 56px; height: 56px;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n.corner--tl { top: 48px; left: 56px; border-top: 1px solid rgba(201,168,76,0.4); border-left: 1px solid rgba(201,168,76,0.4); }\r\n.corner--tr { top: 48px; right: 56px; border-top: 1px solid rgba(201,168,76,0.4); border-right: 1px solid rgba(201,168,76,0.4); }\r\n.corner--bl { bottom: 48px; left: 56px; border-bottom: 1px solid rgba(201,168,76,0.4); border-left: 1px solid rgba(201,168,76,0.4); }\r\n.corner--br { bottom: 48px; right: 56px; border-bottom: 1px solid rgba(201,168,76,0.4); border-right: 1px solid rgba(201,168,76,0.4); }\r\n\r\n\/* \u2500\u2500 INNER WRAPPER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.cta-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  width: 100%;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1px 1fr;\r\n  gap: 0;\r\n  align-items: center;\r\n}\r\n\r\n\/* Vertical divider *\/\r\n.cta-divider-v {\r\n  width: 1px;\r\n  align-self: stretch;\r\n  background: linear-gradient(180deg,\r\n    transparent 0%,\r\n    rgba(201,168,76,0.35) 20%,\r\n    rgba(201,168,76,0.35) 80%,\r\n    transparent 100%\r\n  );\r\n  margin: 0 64px;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT SIDE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.cta-left {\r\n  padding-right: 20px;\r\n}\r\n\r\n.cta-label {\r\n    font-family: 'Open Sans', sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.36em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 28px;\r\n  opacity: 0;\r\n  animation: fadeUp 0.7s 0.1s ease forwards;\r\n}\r\n.cta-label::before {\r\n  content: '';\r\n  width: 30px; height: 1px;\r\n  background: var(--gold);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cta-heading {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(2.2rem, 3.8vw, 2.2rem);\r\n  font-weight: 500;\r\n  line-height: 1.16;\r\n  letter-spacing: -0.01em;\r\n  margin-bottom: 28px;\r\n  opacity: 0;\r\n  animation: fadeUp 0.7s 0.2s ease forwards;\r\n  color: white;\r\n}\r\n.cta-heading em {\r\n  font-style: italic;\r\n  color: var(--gold);\r\n  display: block;\r\n}\r\n\r\n.cta-desc {\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-size: 22px;\r\n  color: #fff;\r\n  line-height: 1.8;\r\n  max-width: 420px;\r\n  opacity: 0;\r\n  animation: fadeUp 0.7s 0.3s ease forwards;\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT SIDE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.cta-right {\r\n  padding-left: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 36px;\r\n  opacity: 0;\r\n  animation: fadeUp 0.7s 0.4s ease forwards;\r\n}\r\n\r\n\/* Info rows *\/\r\n.cta-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.cta-info-row {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 18px;\r\n  padding-bottom: 20px;\r\n  border-bottom: 1px solid rgba(201,168,76,0.1);\r\n}\r\n.cta-info-row:last-child { border-bottom: none; padding-bottom: 0; }\r\n\r\n.info-icon {\r\n  width: 36px; height: 36px;\r\n  flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-top: 2px;\r\n}\r\n.info-icon svg {\r\n  width: 22px; height: 22px;\r\n  stroke: var(--gold);\r\n  stroke-width: 1.4;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.info-text-label {\r\n    font-family: 'Playfair Display', serif;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 5px;\r\n}\r\n.info-text-val {\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-size: 1rem;\r\n  color: var(--white);\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* \u2500\u2500 BUTTON GROUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.cta-buttons {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.btn-primary {\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  color: #fff !important;\r\n  background: #916C34;\r\n  padding: 17px 38px;\r\n  display: inline-block;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: color 0.32s;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.btn-primary:hover{\r\n    color: #fff !important;\r\n    background: #FEF7E9 !important;\r\n}\r\n.btn-primary::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--gold-lt);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.34s ease;\r\n}\r\n.btn-primary:hover::before { transform: scaleX(1); }\r\n.btn-primary span { position: relative; z-index: 1; }\r\n\r\n.btn-secondary {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  color: var(--white);\r\n  border: 1px solid rgba(245,240,232,0.3);\r\n  padding: 17px 38px;\r\n  display: inline-block;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: color 0.32s, border-color 0.32s;\r\n  flex-shrink: 0;\r\n}\r\n.btn-secondary::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(245,240,232,0.06);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.34s ease;\r\n}\r\n.btn-secondary:hover::before { transform: scaleX(1); }\r\n.btn-secondary:hover { border-color: rgba(245,240,232,0.55); }\r\n.btn-secondary span { position: relative; z-index: 1; }\r\n\r\n\/* \u2500\u2500 BOTTOM STAT BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.cta-stats {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  z-index: 2;\r\n  border-top: 1px solid rgba(201,168,76,0.15);\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  opacity: 0;\r\n  animation: fadeUp 0.7s 0.55s ease forwards;\r\n}\r\n\r\n.stat-item {\r\n  padding: 28px 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  border-right: 1px solid rgba(201,168,76,0.12);\r\n  transition: background 0.3s;\r\n}\r\n.stat-item:last-child { border-right: none; }\r\n.stat-item:hover { background: rgba(201,168,76,0.04); }\r\n\r\n.stat-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 2rem;\r\n  font-weight: 600;\r\n  color: var(--gold);\r\n  line-height: 1;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.stat-divider {\r\n  width: 1px; height: 32px;\r\n  background: rgba(201,168,76,0.2);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 ANIMATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@keyframes fadeUp {\r\n  from { opacity: 0; transform: translateY(20px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .cta-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 56px;\r\n  }\r\n  .cta-divider-v { display: none; }\r\n  .cta-left { padding-right: 0; }\r\n  .cta-right { padding-left: 0; }\r\n  .cta-stats { position: static; margin-top: 60px; display:none !important}\r\n  .cta-section { padding-bottom: 60px; }\r\n}\r\n@media (max-width: 600px) {\r\n  .cta-section { padding: 80px 24px 60px; }\r\n  .cta-stats { grid-template-columns: 1fr; }\r\n  .stat-item { border-right: none; border-bottom: 1px solid rgba(201,168,76,0.12); padding: 22px 24px; }\r\n  .stat-item:last-child { border-bottom: none; }\r\n  .corner { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cta-section\">\r\n\r\n  <!-- Background layers -->\r\n  <div class=\"bg-watermark\">EH20<\/div>\r\n  <div class=\"bg-glow\"><\/div>\r\n  <div class=\"bg-lines\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/div>\r\n\r\n  <!-- Corner ornaments -->\r\n  <div class=\"corner corner--tl\"><\/div>\r\n  <div class=\"corner corner--tr\"><\/div>\r\n  <div class=\"corner corner--bl\"><\/div>\r\n  <div class=\"corner corner--br\"><\/div>\r\n\r\n  <!-- Main content -->\r\n  <div class=\"cta-inner\">\r\n\r\n    <!-- Left -->\r\n    <div class=\"cta-left\">\r\n      <p class=\"cta-label\">Let's Create Something<\/p>\r\n      <h2 class=\"cta-heading\">\r\n        Planning an important event for<br>\r\n        <em> your organization?<\/em>\r\n      <\/h2>\r\n      <p class=\"cta-desc\">\r\n        Let\u2019s discuss how EH2O Productions can support your team.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Vertical divider -->\r\n    <div class=\"cta-divider-v\"><\/div>\r\n\r\n    <!-- Right -->\r\n    <div class=\"cta-right\">\r\n      <div class=\"cta-info\">\r\n\r\n        <div class=\"cta-info-row\">\r\n          <div class=\"info-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2A19.8 19.8 0 0 1 3.09 4.18 2 2 0 0 1 5.07 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L9.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 23 17z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"info-text-label\">Request a Consultation<\/p>\r\n            <p class=\"info-text-val\">Schedule a discovery call with our team<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-info-row\">\r\n          <div class=\"info-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n              <polyline points=\"22,6 12,13 2,6\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"info-text-label\">Send an Inquiry<\/p>\r\n            <p class=\"info-text-val\">info@eh20-productions.com<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-info-row\">\r\n          <div class=\"info-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <polyline points=\"12 6 12 12 16 14\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"info-text-label\">Response Time<\/p>\r\n            <p class=\"info-text-val\">1 Business day<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"cta-buttons\">\r\n        <a href=\"http:\/\/eh20-productions.com\/contact\/\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\"><span>Request a Consultation &nbsp;\u2192<\/span><\/a>\r\n        <!--<a href=\"#\" class=\"btn-secondary\"><span>View Our Work<\/span><\/a>-->\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Stat bar -->\r\n  <div class=\"cta-stats\" style=\"display:none\">\r\n    <div class=\"stat-item\">\r\n      <span class=\"stat-num\">500+<\/span>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <span class=\"stat-label\">Events<br>Produced<\/span>\r\n    <\/div>\r\n    <div class=\"stat-item\">\r\n      <span class=\"stat-num\">100%<\/span>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <span class=\"stat-label\">White-Glove<br>Service<\/span>\r\n    <\/div>\r\n    <div class=\"stat-item\">\r\n      <span class=\"stat-num\">50+<\/span>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <span class=\"stat-label\">Partner<br>Brands<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Careers Join the Team Behind Exceptional Experiences Bring your craft, creativity, and expertise to projects that inspire, connect, and deliver [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2357","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/pages\/2357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/comments?post=2357"}],"version-history":[{"count":91,"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/pages\/2357\/revisions"}],"predecessor-version":[{"id":2644,"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/pages\/2357\/revisions\/2644"}],"wp:attachment":[{"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/media?parent=2357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}