{"id":13,"date":"2026-03-11T18:28:57","date_gmt":"2026-03-11T18:28:57","guid":{"rendered":"https:\/\/earthh20corporation.com\/earthh2oproduction\/index.php\/home\/"},"modified":"2026-04-28T18:58:54","modified_gmt":"2026-04-28T18:58:54","slug":"home","status":"publish","type":"page","link":"https:\/\/earthh20corporation.com\/earthh2oproduction\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" 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  <!-- =============================================\r\n       BG VIDEO \u2014 replace the src URL with your\r\n       own video link before publishing\r\n       ============================================= -->\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\">EH2O Productions<\/span>\r\n\r\n    <h1 class=\"eh20-headline\">\r\n     Strategic Events. Seamless Execution. Meaningful Impact.\r\n    <\/h1>\r\n\r\n    <div class=\"eh20-rule\"><\/div>\r\n\r\n    <p class=\"eh20-sub\">\r\n      EH2O Productions crafts impactful corporate experiences, simplifying logistics to enhance connection, culture, and organizational progress.\r\n    <\/p>\r\n\r\n    <div class=\"eh20-ctas\">\r\n      <a href=\"https:\/\/eh20-productions.com\/contact\/\" class=\"eh20-btn-primary\" target=\"_blank\" rel=\"noopener\">Start Planning Your Event<\/a>\r\n      <a href=\"https:\/\/eh20-productions.com\/services\/\" class=\"eh20-btn-outline\" target=\"_blank\" rel=\"noopener\">Explore Our Services<\/a>\r\n    <\/div>\r\n\r\n    <!--<div class=\"eh20-stats\">-->\r\n    <!--  <div class=\"eh20-stat\">-->\r\n    <!--    <div class=\"eh20-stat__num\">500+<\/div>-->\r\n    <!--    <div class=\"eh20-stat__label\">Events Produced<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--  <div class=\"eh20-stat\">-->\r\n    <!--    <div class=\"eh20-stat__num\">12+<\/div>-->\r\n    <!--    <div class=\"eh20-stat__label\">Years of Excellence<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--  <div class=\"eh20-stat\">-->\r\n    <!--    <div class=\"eh20-stat__num\">100%<\/div>-->\r\n    <!--    <div class=\"eh20-stat__label\">White-Glove Service<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n\r\n  <\/div>\r\n\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\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: 'Open Sans', 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; color: var(--gold-lt);\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 Slide dots \u2500\u2500 *\/\r\n.eh20-dots {\r\n  position: absolute; bottom: 58px; left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 10; display: flex; gap: 10px;\r\n}\r\n.eh20-dot {\r\n  width: 6px; height: 6px; border-radius: 50%;\r\n  background: rgba(244,239,233,0.35);\r\n  cursor: pointer; border: none;\r\n  transition: background 0.3s, transform 0.3s;\r\n}\r\n.eh20-dot.active { background: var(--gold); transform: scale(1.4); }\r\n\r\n\/* \u2500\u2500 Scroll cue \u2500\u2500 *\/\r\n.eh20-scroll {\r\n  position: absolute; bottom: 80px; left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 10; display: flex; flex-direction: column;\r\n  align-items: center; gap: 8px;\r\n  opacity: 0;\r\n  animation: revealUp 0.8s ease forwards 2s;\r\n}\r\n.eh20-scroll__mouse {\r\n  width: 22px; height: 34px;\r\n  border: 1px solid rgba(244,239,233,0.28); border-radius: 11px;\r\n  display: flex; justify-content: center; padding-top: 6px;\r\n}\r\n.eh20-scroll__wheel {\r\n  width: 3px; height: 6px;\r\n  background: var(--gold); border-radius: 2px;\r\n  animation: scrollWheel 2s ease infinite;\r\n}\r\n@keyframes scrollWheel {\r\n  0%  { transform: translateY(0); opacity: 1; }\r\n  80% { transform: translateY(10px); opacity: 0; }\r\n  100%{ transform: translateY(0); opacity: 0; }\r\n}\r\n.eh20-scroll__text {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 9px; letter-spacing: 0.2em;\r\n  text-transform: uppercase; color: rgba(244,239,233,0.28);\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\">\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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n@keyframes eh20up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }\r\n.eh20-card::before { content: ''; position: absolute; inset: 0; background: #0F1A25; transform: translateY(100%); transition: transform .58s cubic-bezier(.76,0,.24,1); z-index: 0; }\r\n.eh20-card:hover::before { transform: translateY(0); }\r\n.eh20-card:hover { box-shadow: 10px 10px 0 #916C34 !important; transform: translate(-3px,-3px) !important; }\r\n.eh20-card:hover .eh20-accent { width: 0 !important; opacity: 0 !important; }\r\n.eh20-card:hover .eh20-topline { opacity: 1 !important; }\r\n.eh20-card:hover .eh20-corner { opacity: 0 !important; }\r\n.eh20-card:hover .eh20-num { color: #fff !important; }\r\n.eh20-card:hover .eh20-icon { border-color: #fff !important; background: rgba(145,108,52,.07) !important; }\r\n.eh20-card:hover .eh20-icon svg { stroke: #fff !important; }\r\n.eh20-card:hover .eh20-ctitle { color: #F4EFE9 !important; }\r\n.eh20-card:hover .eh20-cline { width: 60px !important; }\r\n.eh20-card:hover .eh20-cbody { color: #fff !important; }\r\n.eh20-card:hover .eh20-arrow { opacity: 1 !important; transform: translateX(0) !important; }\r\n.eh20-card:hover .eh20-arrow svg { transform: translateX(5px) !important; }\r\n.eh20-cta-btn:hover { background: #916C34 !important; color: #F4EFE9 !important; box-shadow: 8px 8px 0 #0F1A25 !important; transform: translate(-2px,-2px) !important; }\r\n.eh20-cta-btn:hover svg { transform: translateX(5px) !important; }\r\n.eh20-card.eh20on { opacity: 1 !important; transform: translateY(0) !important; }\r\n@media(max-width:1020px){ .eh20-grid { grid-template-columns: repeat(2,1fr) !important; }\r\n.eh20-cta-about{\r\n      text-align: center !important;\r\n      font-size: 10px !important;\r\n  }}\r\n@media(max-width:640px){ .eh20-grid { grid-template-columns: 1fr !important; } .eh20-wrap { padding: 60px 16px 80px !important; } \r\n    .eh20-cta-btn{\r\n      text-align: center !important;\r\n      font-size: 10px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- WRAPPER -->\r\n<div class=\"eh20-wrap\" style=\"font-family:'Playfair Display',serif;background:#F4EFE9;padding:100px 48px 130px;overflow:hidden;width:100%;box-sizing:border-box;\">\r\n\r\n  <!-- HEADER -->\r\n  <div style=\"max-width:760px;margin:0 auto 90px;text-align:center;\">\r\n\r\n    <div style=\"display:inline-flex;align-items:center;gap:16px;font-family:'Open Sans', sans-serif;font-size:20px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#916C34;margin-bottom:26px;animation:eh20up .8s ease forwards .1s;opacity:0;\">\r\n      <span style=\"display:block;width:44px;height:1px;background:#916C34;opacity:.45;\"><\/span>\r\n      What We Do\r\n      <span style=\"display:block;width:44px;height:1px;background:#916C34;opacity:.45;\"><\/span>\r\n    <\/div>\r\n\r\n    <div style=\"display:block;font-family:'Playfair Display',serif;font-size:clamp(38px,4.5vw,62px);font-weight:500;line-height:1.08;color:#0F1A25;margin:0 0 22px 0;padding:0;animation:eh20up .9s ease forwards .2s;opacity:0;\">\r\n      Core<span style=\"font-style:italic;color:#916C34;\"> Capabilities<\/span>\r\n    <\/div>\r\n\r\n    <div style=\"display:block;font-family:'Open Sans', sans-serif;font-size:18px;font-weight:300;line-height:1.85;color:#000;margin:0;padding:0;animation:eh20up .9s ease forwards .35s;opacity:0;\">\r\n      EH2O Productions provides comprehensive event planning and production services designed to support organizations at every stage of the event lifecycle.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- GRID -->\r\n  <div class=\"eh20-grid\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto;\">\r\n\r\n    <!-- 01 -->\r\n    <!--<div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">-->\r\n    <!--  <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>-->\r\n    <!--  <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>-->\r\n    <!--  <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>-->\r\n    <!--  <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">-->\r\n    <!--    <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">01<\/div>-->\r\n    <!--    <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"7\" x2=\"16\" y2=\"7\"\/><line x1=\"8\" y1=\"11\" x2=\"16\" y2=\"11\"\/><line x1=\"8\" y1=\"15\" x2=\"13\" y2=\"15\"\/><\/svg><\/div>-->\r\n    <!--    <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Strategic Agenda Design<\/div>-->\r\n    <!--    <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>-->\r\n    <!--    <div class=\"eh20-cbody\" style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:300;font-style:italic;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We design structured agendas aligned with your business goals, ensuring every session contributes to meaningful outcomes.<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n\r\n    <!-- 02 -->\r\n    <div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">\r\n      <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>\r\n      <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>\r\n      <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>\r\n      <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">\r\n        <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">01<\/div>\r\n        <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/div>\r\n        <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Corporate & Cultural Events<\/div>\r\n        <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>\r\n        <div class=\"eh20-cbody\" style=\"font-family:'Open Sans', sans-serif;font-size:16px;font-weight:300;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We produce events that strengthen organizational culture, celebrate milestones, and bring teams together.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n\r\n    <!-- 03 -->\r\n    <!--<div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">-->\r\n    <!--  <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>-->\r\n    <!--  <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>-->\r\n    <!--  <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>-->\r\n    <!--  <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">-->\r\n    <!--    <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">03<\/div>-->\r\n    <!--    <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><rect x=\"9\" y=\"2\" width=\"6\" height=\"12\" rx=\"3\"\/><path d=\"M5 10a7 7 0 0014 0\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"\/><line x1=\"8\" y1=\"22\" x2=\"16\" y2=\"22\"\/><\/svg><\/div>-->\r\n    <!--    <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Executive Retreat Planning<\/div>-->\r\n    <!--    <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>-->\r\n    <!--    <div class=\"eh20-cbody\" style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:300;font-style:italic;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We organize leadership retreats that create space for reflection, strategy, and focused collaboration.<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n\r\n    <!-- 04 -->\r\n    <div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">\r\n      <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>\r\n      <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>\r\n      <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>\r\n      <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">\r\n        <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">02<\/div>\r\n        <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2L15 22l-4-9-9-4 19-7z\"\/><\/svg><\/div>\r\n        <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">End-to-End Event Production<\/div>\r\n        <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>\r\n        <div class=\"eh20-cbody\" style=\"font-family:'Open Sans', sans-serif;font-size:16px;font-weight:300;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">From concept to completion, we manage every phase of the event with precision and coordination.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 05 -->\r\n    <div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">\r\n      <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>\r\n      <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>\r\n      <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>\r\n      <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">\r\n        <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">03<\/div>\r\n        <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg><\/div>\r\n        <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Travel & Logistics Management<\/div>\r\n        <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>\r\n        <div class=\"eh20-cbody\" style=\"font-family:'Open Sans', sans-serif;font-size:16px;font-weight:300;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We handle complex travel and logistical coordination so attendees can focus fully on the experience.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 06 -->\r\n    <!--<div class=\"eh20-card\" style=\"display:none;background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">-->\r\n    <!--  <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>-->\r\n    <!--  <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>-->\r\n    <!--  <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>-->\r\n    <!--  <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">-->\r\n    <!--    <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">06<\/div>-->\r\n    <!--    <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><path d=\"M3 17l4-8 4 4 4-6 4 10\"\/><circle cx=\"3\" cy=\"17\" r=\"1\" fill=\"#916C34\" stroke=\"none\"\/><\/svg><\/div>-->\r\n    <!--    <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Travel Planning and Support<\/div>-->\r\n    <!--    <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>-->\r\n    <!--    <div class=\"eh20-cbody\" style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:300;font-style:italic;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We manage transportation planning and support participants travelling from multiple locations.<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n\r\n    <!-- 07 -->\r\n    <!--<div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">-->\r\n    <!--  <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>-->\r\n    <!--  <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>-->\r\n    <!--  <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>-->\r\n    <!--  <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">-->\r\n    <!--    <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">06<\/div>-->\r\n    <!--    <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><path d=\"M12 2a10 10 0 100 20A10 10 0 0012 2z\"\/><path d=\"M12 8v4l3 3\"\/><\/svg><\/div>-->\r\n    <!--    <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Onsite Facilitation & Hosting<\/div>-->\r\n    <!--    <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>-->\r\n    <!--    <div class=\"eh20-cbody\" style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:300;font-style:italic;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We guide event flow, manage transitions, and support participants throughout the event.<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n\r\n    <!-- 08 -->\r\n    <!--<div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">-->\r\n    <!--  <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>-->\r\n    <!--  <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>-->\r\n    <!--  <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>-->\r\n    <!--  <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">-->\r\n    <!--    <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">07<\/div>-->\r\n    <!--    <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div>-->\r\n    <!--    <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Vendor & Speaker Coordination<\/div>-->\r\n    <!--    <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>-->\r\n    <!--    <div class=\"eh20-cbody\" style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:300;font-style:italic;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We coordinate vendors, speakers, and partners to ensure seamless collaboration and execution.<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n\r\n    <!-- 09 -->\r\n    <!--<div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">-->\r\n    <!--  <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>-->\r\n    <!--  <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>-->\r\n    <!--  <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>-->\r\n    <!--  <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">-->\r\n    <!--    <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">08<\/div>-->\r\n    <!--    <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg><\/div>-->\r\n    <!--    <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Audio\/Visual & Production Setup<\/div>-->\r\n    <!--    <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>-->\r\n    <!--    <div class=\"eh20-cbody\" style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:300;font-style:italic;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We manage all technical and production elements to ensure a professional and smooth experience.<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n\r\n    <!-- 10 -->\r\n    <!--<div class=\"eh20-card\" style=\"background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">-->\r\n    <!--  <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>-->\r\n    <!--  <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>-->\r\n    <!--  <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>-->\r\n    <!--  <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">-->\r\n    <!--    <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">09<\/div>-->\r\n    <!--    <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg><\/div>-->\r\n    <!--    <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Experiential & Team-Building Activities<\/div>-->\r\n    <!--    <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>-->\r\n    <!--    <div class=\"eh20-cbody\" style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:300;font-style:italic;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We design interactive experiences that foster collaboration, engagement, and connection.<\/div>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n\r\n    <!-- 11 -->\r\n    <div class=\"eh20-card\" style=\"display:none;background:#fff;border:1px solid #D8CEC3;position:relative;overflow:hidden;cursor:default;box-shadow:6px 6px 0 #C9BEB3;opacity:0;transform:translateY(40px);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);\">\r\n      <div class=\"eh20-accent\" style=\"position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#916C34,rgba(145,108,52,.2));z-index:1;transition:width .52s cubic-bezier(.76,0,.24,1),opacity .4s ease;\"><\/div>\r\n      <div class=\"eh20-topline\" style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#B8902A 50%,transparent 95%);opacity:0;z-index:2;transition:opacity .4s ease .15s;\"><\/div>\r\n      <div class=\"eh20-corner\" style=\"position:absolute;bottom:22px;right:22px;width:16px;height:16px;border-right:1px solid rgba(145,108,52,.28);border-bottom:1px solid rgba(145,108,52,.28);z-index:2;transition:opacity .4s ease;\"><\/div>\r\n      <div style=\"position:relative;z-index:2;padding:52px 44px 48px 48px;\">\r\n        <div class=\"eh20-num\" style=\"display:block;font-family:'Playfair Display',serif;font-size:22px;font-weight:400;letter-spacing:.26em;color:#916C34;margin-bottom:30px;transition:color .4s ease;\">11<\/div>\r\n        <div class=\"eh20-icon\" style=\"width:58px;height:58px;border:1px solid rgba(145,108,52,.28);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:border-color .4s ease,background .4s ease;\"><svg viewBox=\"0 0 24 24\" style=\"width:26px;height:26px;stroke:#916C34;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease;\"><path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z\"\/><\/svg><\/div>\r\n        <div class=\"eh20-ctitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:500;line-height:1.22;color:#0F1A25;margin:0 0 16px 0;padding:0;transition:color .4s ease;\">Branded Swag & Corporate Gifting<\/div>\r\n        <div class=\"eh20-cline\" style=\"width:34px;height:1.5px;background:#916C34;margin-bottom:18px;transition:width .45s ease;\"><\/div>\r\n        <div class=\"eh20-cbody\" style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:300;font-style:italic;line-height:1.88;color:#000;margin:0;padding:0;transition:color .4s ease;\">We coordinate customized materials and gifts that enhance the event experience and leave a lasting impression.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- FOOTER CTA -->\r\n  <div style=\"text-align:center;margin-top:80px;animation:eh20up .8s ease forwards 1.4s;opacity:0;\">\r\n    <a href=\"https:\/\/eh20-productions.com\/services\/\" class=\"eh20-cta-btn\" style=\"display:inline-flex;align-items:center;gap:14px;background:#0F1A25;color:#F4EFE9;text-decoration:none;padding:18px 52px;font-family:&#039;Open Sans&#039;, sans-serif;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;box-shadow:5px 5px 0 #916C34;transition:box-shadow .35s ease,transform .35s ease,background .35s ease;border:none;line-height:1;\" target=\"_blank\" rel=\"noopener\">\r\n      View All Services\r\n      <svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;stroke:#F4EFE9;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0;transition:transform .3s ease;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var cards = document.querySelectorAll('.eh20-card');\r\n  if (!cards.length) return;\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if (e.isIntersecting){\r\n        var i = Array.from(cards).indexOf(e.target);\r\n        setTimeout(function(){ e.target.classList.add('eh20on'); }, i * 100);\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.08 });\r\n  cards.forEach(function(c){ io.observe(c); });\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-7b57334 e-con-full e-flex e-con e-parent\" data-id=\"7b57334\" 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-32d5802 elementor-widget elementor-widget-html\" data-id=\"32d5802\" 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,300;0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n@keyframes eh20SlideRight { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } }\r\n@keyframes eh20SlideLeft  { from { opacity: 0; transform: translateX(50px);  } to { opacity: 1; transform: translateX(0); } }\r\n@keyframes eh20FadeUp     { from { opacity: 0; transform: translateY(30px);  } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes eh20ScaleIn    { from { opacity: 0; transform: scale(0.92);       } to { opacity: 1; transform: scale(1);     } }\r\n@keyframes eh20PulseRing  { 0%,100% { transform: scale(1);   opacity:.4; }  50% { transform: scale(1.18); opacity:.1; } }\r\n@keyframes eh20CountUp    { from { opacity:0; } to { opacity:1; } }\r\n\r\n\/* img hover *\/\r\n.eh20-img-main { transition: transform .6s ease, box-shadow .6s ease !important; }\r\n.eh20-img-main:hover { transform: scale(1.03) !important; box-shadow: 0 30px 80px rgba(0,0,0,.6) !important; }\r\n.eh20-img-float { transition: transform .5s ease, box-shadow .5s ease !important; }\r\n.eh20-img-float:hover { transform: scale(1.04) translateY(-4px) !important; box-shadow: 0 24px 60px rgba(0,0,0,.55) !important; }\r\n\r\n\/* check item hover *\/\r\n.eh20-check-item { transition: transform .3s ease, color .3s ease !important; }\r\n.eh20-check-item:hover { transform: translateX(6px) !important; }\r\n.eh20-check-item:hover .eh20-check-label { color: #D4AF5A !important; }\r\n\r\n\/* cta hover *\/\r\n.eh20-cta-about:hover { background: #916C34 !important; color: #F4EFE9 !important; box-shadow: 6px 6px 0 rgba(244,239,233,.15) !important; transform: translate(-2px,-2px) !important; }\r\n.eh20-cta-about:hover .eh20-cta-arrow { transform: translateX(5px) !important; }\r\n\r\n\/* stat card hover *\/\r\n.eh20-stat-card { transition: transform .35s ease, border-color .35s ease, background .35s ease !important; }\r\n.eh20-stat-card:hover { transform: translateY(-6px) !important; border-color: rgba(145,108,52,.6) !important; background: rgba(145,108,52,.08) !important; }\r\n\r\n\/* visible triggers *\/\r\n.eh20-anim-right.eh20-vis  { animation: eh20SlideRight .9s cubic-bezier(.22,1,.36,1) forwards !important; }\r\n.eh20-anim-left.eh20-vis   { animation: eh20SlideLeft  .9s cubic-bezier(.22,1,.36,1) forwards !important; }\r\n.eh20-anim-up.eh20-vis     { animation: eh20FadeUp     .8s cubic-bezier(.22,1,.36,1) forwards !important; }\r\n.eh20-anim-scale.eh20-vis  { animation: eh20ScaleIn    .8s cubic-bezier(.22,1,.36,1) forwards !important; }\r\n.eh20-anim-up.d1.eh20-vis  { animation-delay:.1s !important; }\r\n.eh20-anim-up.d2.eh20-vis  { animation-delay:.25s !important; }\r\n.eh20-anim-up.d3.eh20-vis  { animation-delay:.4s !important; }\r\n.eh20-anim-up.d4.eh20-vis  { animation-delay:.55s !important; }\r\n.eh20-anim-up.d5.eh20-vis  { animation-delay:.7s !important; }\r\n.eh20-anim-up.d6.eh20-vis  { animation-delay:.85s !important; }\r\n.eh20-anim-up.d7.eh20-vis  { animation-delay:1s !important; }\r\n.eh20-anim-up.d8.eh20-vis  { animation-delay:1.1s !important; }\r\n\r\n@media(max-width:900px){\r\n  .eh20-about-grid { grid-template-columns: 1fr !important; gap: 60px !important; }\r\n  .eh20-stats-row  { grid-template-columns: repeat(2,1fr) !important; }\r\n}\r\n@media(max-width:520px){\r\n  .eh20-about-wrap { padding: 70px 20px 80px !important; }\r\n  .eh20-stats-row  { grid-template-columns: 1fr !important; }\r\n  .eh20-img-float {\r\n    position: relative !important;\r\n    bottom: auto !important;\r\n    right: auto !important;\r\n    width: 90% !important;\r\n    margin: 12px auto 0 !important;\r\n    display: block !important;\r\n  }\r\n  .eh20-cta-about{\r\n      text-align: center !important;\r\n      font-size: 10px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"eh20-about-wrap\" style=\"background-image: linear-gradient(rgba(15,26,37,0.88), rgba(15,26,37,0.70)), url('https:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/03\/14463.jpg');\r\nbackground-size: cover;\r\nbackground-position: center;\r\nbackground-attachment: fixed;padding:110px 56px 120px;font-family:'Playfair Display',serif;overflow:hidden;width:100%;box-sizing:border-box;\">\r\n\r\n  <div class=\"eh20-about-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1200px;margin:0 auto;align-items:center;\">\r\n\r\n    <!-- \u2500\u2500 LEFT: Images \u2500\u2500 -->\r\n    <div class=\"eh20-anim-right\" style=\"position:relative;opacity:0;\">\r\n\r\n      <!-- Main image -->\r\n      <div class=\"eh20-img-main\" style=\"position:relative;overflow:hidden;border:1px solid rgba(145,108,52,.25);cursor:default;\">\r\n        <img decoding=\"async\" src=\"http:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/04\/img.jpeg\" alt=\"EH20 Productions Event\"\r\n          style=\"width:100%;height:480px;object-fit:cover;display:block;filter:brightness(.88);\">\r\n        <!-- Bronze overlay tint -->\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,26,37,.5) 0%,transparent 60%);pointer-events:none;\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Floating second image -->\r\n      <div class=\"eh20-img-float\" style=\"position:absolute;bottom:-40px;right:-30px;width:55%;overflow:hidden;border:3px solid #0F1A25;box-shadow:0 20px 60px rgba(0,0,0,.5);cursor:default;\">\r\n        <img decoding=\"async\" src=\"https:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/03\/14206.jpg\" alt=\"EH20 Productions Team\"\r\n          style=\"width:100%;height:260px;object-fit:cover;display:block;filter:brightness(.9);\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.4),transparent);pointer-events:none;\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Bronze corner accent top-left -->\r\n      <div style=\"position:absolute;top:-16px;left:-16px;width:48px;height:48px;border-top:2px solid #916C34;border-left:2px solid #916C34;pointer-events:none;\"><\/div>\r\n\r\n      <!-- Experience badge -->\r\n      <!--<div style=\"position:absolute;top:28px;left:28px;background:#916C34;padding:18px 22px;text-align:center;min-width:110px;\">-->\r\n      <!--  <div style=\"font-family:'Playfair Display',serif;font-size:38px;font-weight:700;color:#F4EFE9;line-height:1;\">12+<\/div>-->\r\n      <!--  <div style=\"font-family:'Playfair Display',serif;font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,239,233,.8);margin-top:4px;\">Years of<br>Excellence<\/div>-->\r\n      <!--<\/div>-->\r\n\r\n      <!-- Pulse ring behind badge -->\r\n      <div style=\"position:absolute;top:10px;left:10px;width:146px;height:146px;border:1px solid rgba(145,108,52,.35);border-radius:0;animation:eh20PulseRing 3s ease infinite;pointer-events:none;\"><\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 RIGHT: Content \u2500\u2500 -->\r\n    <div style=\"display:flex;flex-direction:column;gap:0;\">\r\n\r\n      <!-- Eyebrow -->\r\n      <div class=\"eh20-anim-up d1\" style=\"display:inline-flex;align-items:center;gap:12px;font-family:'Open Sans', sans-serif;font-size:17px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#fff;margin-bottom:24px;opacity:0;\">\r\n        <span style=\"display:block;width:36px;height:1px;background:#916C34;opacity:.6;flex-shrink:0;\"><\/span>\r\n        About EH2O Productions\r\n      <\/div>\r\n\r\n      <!-- Heading -->\r\n      <div class=\"eh20-anim-up d2\" style=\"font-family:'Playfair Display',serif;font-size:clamp(34px,3.8vw,40px);font-weight:500;line-height:1.1;color:#F4EFE9;margin:0 0 24px;padding:0;opacity:0;\">\r\n        Crafting <span style=\"font-style:italic;color:#B8902A;\">Memorable<\/span><br>Experiences\r\n      <\/div>\r\n\r\n      <!-- Gold rule -->\r\n      <div class=\"eh20-anim-up d3\" style=\"width:56px;height:2px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.2));margin-bottom:28px;opacity:0;\"><\/div>\r\n\r\n      <!-- Body -->\r\n      <div class=\"eh20-anim-up d4\" style=\"font-family:'Open Sans', sans-serif;font-size:17px;font-weight:300;line-height:1.88;color:#fff;margin:0 0 36px;padding:0;opacity:0;\">\r\n       Organizations bring people together to align strategies, celebrate achievements, and foster innovation. EH20 Productions ensures these moments are executed with clarity and purpose. We collaborate with corporate teams to design experiences that combine strategic thinking with operational excellence. From agenda design to logistics, we manage every detail, allowing clients to focus on meaningful conversations, whether for a small retreat or a large conference.\r\n      <\/div>\r\n\r\n      <!-- Checklist -->\r\n      <div style=\"display:flex;flex-direction:column;gap:14px;margin-bottom:40px;width: 62%;\">\r\n\r\n        <div class=\"eh20-check-item eh20-anim-up d5\" style=\"display:flex;align-items:center;gap:14px;cursor:default;opacity:0;\">\r\n          <div style=\"width:22px;height:22px;background:rgba(145,108,52,.15);border:1px solid rgba(145,108,52,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\r\n            <svg viewBox=\"0 0 24 24\" style=\"width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"eh20-check-label\" style=\"font-family:'Open Sans', sans-serif;font-size:16px;font-weight:400;color:#fff;transition:color .3s ease;\">Corporate Meetings & All-Hands Events<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"eh20-check-item eh20-anim-up d6\" style=\"display:flex;align-items:center;gap:14px;cursor:default;opacity:0;\">\r\n          <div style=\"width:22px;height:22px;background:rgba(145,108,52,.15);border:1px solid rgba(145,108,52,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\r\n            <svg viewBox=\"0 0 24 24\" style=\"width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"eh20-check-label\" style=\"font-family:'Open Sans', sans-serif;font-size:16px;font-weight:400;color:#fff;transition:color .3s ease;\">Executive Retreats & Leadership Summits<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"eh20-check-item eh20-anim-up d7\" style=\"display:flex;align-items:center;gap:14px;cursor:default;opacity:0;\">\r\n          <div style=\"width:22px;height:22px;background:rgba(145,108,52,.15);border:1px solid rgba(145,108,52,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\r\n            <svg viewBox=\"0 0 24 24\" style=\"width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"eh20-check-label\" style=\"font-family:'Open Sans', sans-serif;font-size:16px;font-weight:400;color:#fff;transition:color .3s ease;\">Galas, Award Ceremonies & ERG Events<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Stats row -->\r\n      <!--<div class=\"eh20-stats-row\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px;\">-->\r\n\r\n      <!--  <div class=\"eh20-stat-card eh20-anim-scale\" style=\"background:rgba(244,239,233,.04);border:1px solid rgba(145,108,52,.2);padding:22px 18px;text-align:center;opacity:0;\">-->\r\n      <!--    <div style=\"font-family:'Playfair Display',serif;font-size:36px;font-weight:500;color:#B8902A;line-height:1;margin-bottom:6px;\">500+<\/div>-->\r\n      <!--    <div style=\"font-family:'Playfair Display',serif;font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#fff;\">Events Produced<\/div>-->\r\n      <!--  <\/div>-->\r\n\r\n      <!--  <div class=\"eh20-stat-card eh20-anim-scale\" style=\"background:rgba(244,239,233,.04);border:1px solid rgba(145,108,52,.2);padding:22px 18px;text-align:center;opacity:0;animation-delay:.15s !important;\">-->\r\n      <!--    <div style=\"font-family:'Playfair Display',serif;font-size:36px;font-weight:500;color:#B8902A;line-height:1;margin-bottom:6px;\">100%<\/div>-->\r\n      <!--    <div style=\"font-family:'Playfair Display',serif;font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#fff;\">White-Glove<\/div>-->\r\n      <!--  <\/div>-->\r\n\r\n      <!--  <div class=\"eh20-stat-card eh20-anim-scale\" style=\"background:rgba(244,239,233,.04);border:1px solid rgba(145,108,52,.2);padding:22px 18px;text-align:center;opacity:0;animation-delay:.3s !important;\">-->\r\n      <!--    <div style=\"font-family:'Playfair Display',serif;font-size:36px;font-weight:500;color:#B8902A;line-height:1;margin-bottom:6px;\">50+<\/div>-->\r\n      <!--    <div style=\"font-family:'Playfair Display',serif;font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#fff;\">Partner Brands<\/div>-->\r\n      <!--  <\/div>-->\r\n\r\n      <!--<\/div>-->\r\n\r\n      <!-- CTA -->\r\n      <div class=\"eh20-anim-up d8\" style=\"opacity:0;\">\r\n        <a href=\"https:\/\/eh20-productions.com\/about\/\" class=\"eh20-cta-about\" style=\"display:inline-flex;align-items:center;gap:14px;background:transparent;color:#F4EFE9;text-decoration:none;padding:17px 44px;font-family:&#039;Open Sans&#039;, sans-serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;border:1px solid rgba(244,239,233,.3);box-shadow:5px 5px 0 #916C34;transition:background .35s ease,color .35s ease,box-shadow .35s ease,transform .35s ease;\" target=\"_blank\" rel=\"noopener\">\r\n          Learn More About Us\r\n          <svg class=\"eh20-cta-arrow\" viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0;transition:transform .3s ease;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var els = document.querySelectorAll('.eh20-anim-right,.eh20-anim-left,.eh20-anim-up,.eh20-anim-scale');\r\n  if (!els.length) return;\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if (e.isIntersecting){\r\n        e.target.classList.add('eh20-vis');\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  els.forEach(function(el){ io.observe(el); });\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-18a819e e-flex e-con-boxed e-con e-parent\" data-id=\"18a819e\" 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-4957549 elementor-widget elementor-widget-html\" data-id=\"4957549\" 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,300;0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n@keyframes eh20fadeUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }\r\n\r\n.eh20ev-item { transition: all .35s ease !important; cursor:pointer !important; border-bottom: 1px solid rgba(15,26,37,.09) !important; }\r\n.eh20ev-item:last-child { border-bottom: none !important; }\r\n.eh20ev-item:hover .eh20ev-label { color:#0F1A25 !important; }\r\n.eh20ev-item:hover .eh20ev-num   { color:#916C34 !important; opacity:1 !important; }\r\n.eh20ev-item.active .eh20ev-label { color:#0F1A25 !important; font-weight:500 !important; }\r\n.eh20ev-item.active .eh20ev-num   { color:#916C34 !important; opacity:1 !important; }\r\n.eh20ev-item.active .eh20ev-bar   { width:100% !important; }\r\n.eh20ev-item.active .eh20ev-arrow { opacity:1 !important; transform:translateX(0) !important; }\r\n.eh20ev-item.active               { background:rgba(145,108,52,.04) !important; padding-left:20px !important; }\r\n\r\n.eh20ev-slide { position:absolute !important; inset:0 !important; opacity:0 !important; transition:opacity .75s ease !important; }\r\n.eh20ev-slide.active { opacity:1 !important; }\r\n\r\n.eh20ev-anim.eh20ev-vis { animation: eh20fadeUp .8s cubic-bezier(.22,1,.36,1) forwards !important; }\r\n.eh20ev-anim.d1.eh20ev-vis  { animation-delay:.05s !important; }\r\n.eh20ev-anim.d2.eh20ev-vis  { animation-delay:.15s !important; }\r\n.eh20ev-anim.d3.eh20ev-vis  { animation-delay:.08s !important; }\r\n.eh20ev-anim.d4.eh20ev-vis  { animation-delay:.14s !important; }\r\n.eh20ev-anim.d5.eh20ev-vis  { animation-delay:.20s !important; }\r\n.eh20ev-anim.d6.eh20ev-vis  { animation-delay:.26s !important; }\r\n.eh20ev-anim.d7.eh20ev-vis  { animation-delay:.32s !important; }\r\n.eh20ev-anim.d8.eh20ev-vis  { animation-delay:.38s !important; }\r\n.eh20ev-anim.d9.eh20ev-vis  { animation-delay:.44s !important; }\r\n.eh20ev-anim.d10.eh20ev-vis { animation-delay:.50s !important; }\r\n.eh20ev-anim.d11.eh20ev-vis { animation-delay:.56s !important; }\r\n.eh20ev-anim.d12.eh20ev-vis { animation-delay:.62s !important; }\r\n\r\n@media(max-width:900px){\r\n  .eh20ev-grid  { grid-template-columns:1fr !important; }\r\n  .eh20ev-right { height:380px !important; order:-1 !important; }\r\n}\r\n@media(max-width:520px){\r\n  .eh20ev-wrap  { padding:60px 16px 70px !important; }\r\n  .eh20ev-right { height:280px !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"eh20ev-wrap\" style=\"background:#F4EFE9;padding:110px 56px 120px;font-family:'Playfair Display',serif;width:100%;box-sizing:border-box;overflow:hidden;\">\r\n\r\n  <!-- HEADER -->\r\n  <div style=\"max-width:1200px;margin:0 auto 64px;\">\r\n    <div class=\"eh20ev-anim d1\" style=\"display:inline-flex;align-items:center;gap:14px;font-family:'Open Sans', sans-serif;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#916C34;margin-bottom:18px;opacity:0;\">\r\n      <span style=\"display:block;width:36px;height:1px;background:#916C34;opacity:.5;flex-shrink:0;\"><\/span>\r\n      Our Portfolio\r\n    <\/div>\r\n    <div class=\"eh20ev-anim d2\" style=\"font-family:'Playfair Display',serif;font-size:clamp(38px,4.2vw,62px);font-weight:500;line-height:1.08;color:#0F1A25;margin:0;padding:0;opacity:0;\">\r\n      Events We <span style=\"font-style:italic;color:#916C34;\">Produce<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MAIN GRID -->\r\n  <div class=\"eh20ev-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:1200px;margin:0 auto;align-items:stretch;\">\r\n\r\n    <!-- LEFT: Event List -->\r\n    <div style=\"display:flex;flex-direction:column;\">\r\n\r\n      <!-- Item 1 -->\r\n      <div class=\"eh20ev-item active eh20ev-anim d3\" data-index=\"0\"\r\n        style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">\r\n        <div style=\"display:flex;align-items:center;gap:24px;\">\r\n          <span class=\"eh20ev-num\" style=\"font-family:'Open Sans', sans-serif;font-size:25px;font-weight:300;color:#000;opacity:1;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">01<\/span>\r\n          <span class=\"eh20ev-label\" style=\"font-family:'Open Sans', sans-serif;font-size:20px;font-weight:400;color:#000;line-height:1.3;transition:all .35s ease;\">Leadership & Strategy Events<\/span>\r\n          <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">\r\n            <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 2 -->\r\n      <div class=\"eh20ev-item eh20ev-anim d4\" data-index=\"1\"\r\n        style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">\r\n        <div style=\"display:flex;align-items:center;gap:24px;\">\r\n          <span class=\"eh20ev-num\" style=\"font-family:'Open Sans', sans-serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">02<\/span>\r\n          <span class=\"eh20ev-label\" style=\"font-family:'Open Sans', sans-serif;font-size:20px;font-weight:400;color:#000;line-height:1.3;transition:all .35s ease;\">Company-Wide Gatherings<\/span>\r\n          <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">\r\n            <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 3 -->\r\n      <div class=\"eh20ev-item eh20ev-anim d5\" data-index=\"2\"\r\n        style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">\r\n        <div style=\"display:flex;align-items:center;gap:24px;\">\r\n          <span class=\"eh20ev-num\" style=\"font-family:'Open Sans', sans-serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">03<\/span>\r\n          <span class=\"eh20ev-label\" style=\"font-family:'Open Sans', sans-serif;font-size:20px;font-weight:400;color:#000;line-height:1.3;transition:all .35s ease;\">Employee Experience Events<\/span>\r\n          <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">\r\n            <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 4 -->\r\n      <div class=\"eh20ev-item eh20ev-anim d6\" data-index=\"3\"\r\n        style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">\r\n        <div style=\"display:flex;align-items:center;gap:24px;\">\r\n          <span class=\"eh20ev-num\" style=\"font-family:'Open Sans', sans-serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">04<\/span>\r\n          <span class=\"eh20ev-label\" style=\"font-family:'Open Sans', sans-serif;font-size:20px;font-weight:400;color:#000;line-height:1.3;transition:all .35s ease;\">Celebratory & Recognition Events<\/span>\r\n          <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">\r\n            <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 5 -->\r\n      <div class=\"eh20ev-item eh20ev-anim d7\" data-index=\"4\"\r\n        style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">\r\n        <div style=\"display:flex;align-items:center;gap:24px;\">\r\n          <span class=\"eh20ev-num\" style=\"font-family:'Open Sans', sans-serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">05<\/span>\r\n          <span class=\"eh20ev-label\" style=\"font-family:'Open Sans', sans-serif;font-size:20px;font-weight:400;color:#000;line-height:1.3;transition:all .35s ease;\">Community & Partnership Events<\/span>\r\n          <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">\r\n            <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 6 -->\r\n      <!--<div class=\"eh20ev-item eh20ev-anim d8\" data-index=\"5\"-->\r\n      <!--  style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">-->\r\n      <!--  <div style=\"display:flex;align-items:center;gap:24px;\">-->\r\n      <!--    <span class=\"eh20ev-num\" style=\"font-family:'Playfair Display',serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">06<\/span>-->\r\n      <!--    <span class=\"eh20ev-label\" style=\"font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:rgba(15,26,37,.45);line-height:1.3;transition:all .35s ease;\">Learning & Development Conferences<\/span>-->\r\n      <!--    <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">-->\r\n      <!--      <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>-->\r\n      <!--    <\/span>-->\r\n      <!--  <\/div>-->\r\n      <!--  <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>-->\r\n      <!--<\/div>-->\r\n\r\n      <!-- Item 7 -->\r\n      <!--<div class=\"eh20ev-item eh20ev-anim d9\" data-index=\"6\"-->\r\n      <!--  style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">-->\r\n      <!--  <div style=\"display:flex;align-items:center;gap:24px;\">-->\r\n      <!--    <span class=\"eh20ev-num\" style=\"font-family:'Playfair Display',serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">07<\/span>-->\r\n      <!--    <span class=\"eh20ev-label\" style=\"font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:rgba(15,26,37,.45);line-height:1.3;transition:all .35s ease;\">ERG Events (Black History Month, etc.)<\/span>-->\r\n      <!--    <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">-->\r\n      <!--      <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>-->\r\n      <!--    <\/span>-->\r\n      <!--  <\/div>-->\r\n      <!--  <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>-->\r\n      <!--<\/div>-->\r\n\r\n      <!-- Item 8 -->\r\n      <!--<div class=\"eh20ev-item eh20ev-anim d10\" data-index=\"7\"-->\r\n      <!--  style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">-->\r\n      <!--  <div style=\"display:flex;align-items:center;gap:24px;\">-->\r\n      <!--    <span class=\"eh20ev-num\" style=\"font-family:'Playfair Display',serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">08<\/span>-->\r\n      <!--    <span class=\"eh20ev-label\" style=\"font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:rgba(15,26,37,.45);line-height:1.3;transition:all .35s ease;\">Corporate Galas & Awards Ceremonies<\/span>-->\r\n      <!--    <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">-->\r\n      <!--      <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>-->\r\n      <!--    <\/span>-->\r\n      <!--  <\/div>-->\r\n      <!--  <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>-->\r\n      <!--<\/div>-->\r\n\r\n      <!-- Item 9 -->\r\n      <!--<div class=\"eh20ev-item eh20ev-anim d11\" data-index=\"8\"-->\r\n      <!--  style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">-->\r\n      <!--  <div style=\"display:flex;align-items:center;gap:24px;\">-->\r\n      <!--    <span class=\"eh20ev-num\" style=\"font-family:'Playfair Display',serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">09<\/span>-->\r\n      <!--    <span class=\"eh20ev-label\" style=\"font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:rgba(15,26,37,.45);line-height:1.3;transition:all .35s ease;\">Innovation & Community Partner Events<\/span>-->\r\n      <!--    <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">-->\r\n      <!--      <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>-->\r\n      <!--    <\/span>-->\r\n      <!--  <\/div>-->\r\n      <!--  <div class=\"eh20ev-bar\" style=\"position:absolute;bottom:0;left:0;height:1.5px;background:linear-gradient(90deg,#916C34,rgba(145,108,52,.15));width:0;transition:width .55s ease;\"><\/div>-->\r\n      <!--<\/div>-->\r\n\r\n      <!-- Item 10 -->\r\n      <!--<div class=\"eh20ev-item eh20ev-anim d12\" data-index=\"9\"-->\r\n      <!--  style=\"position:relative;padding:22px 16px 22px 0;transition:all .35s ease;opacity:0;\">-->\r\n      <!--  <div style=\"display:flex;align-items:center;gap:24px;\">-->\r\n      <!--    <span class=\"eh20ev-num\" style=\"font-family:'Playfair Display',serif;font-size:25px;font-weight:300;color:#916C34;opacity:.5;line-height:1;flex-shrink:0;min-width:64px;transition:all .35s ease;\">10<\/span>-->\r\n      <!--    <span class=\"eh20ev-label\" style=\"font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:rgba(15,26,37,.45);line-height:1.3;transition:all .35s ease;\">Corporate Give-Back Events<\/span>-->\r\n      <!--    <span class=\"eh20ev-arrow\" style=\"margin-left:auto;flex-shrink:0;opacity:0;transform:translateX(-8px);transition:all .35s ease;\">-->\r\n      <!--      <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:#916C34;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>-->\r\n      <!--    <\/span>-->\r\n      <!--  <\/div>-->\r\n      <!--<\/div>-->\r\n      \r\n      <div class=\"eh20ev-anim d8\" style=\"margin-top:36px;opacity:0;\">\r\n  <a href=\"http:\/\/eh20-productions.com\/events\/\" style=\"display:inline-flex;align-items:center;gap:12px;font-family:&#039;Open Sans&#039;, sans-serif;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#916C34;text-decoration:none;border:1.5px solid #916C34;padding:14px 28px;transition:all .35s ease;\" onmouseover=\"this.style.background=&#039;#916C34&#039;;this.style.color=&#039;#F4EFE9&#039;;\" onmouseout=\"this.style.background=&#039;transparent&#039;;this.style.color=&#039;#916C34&#039;;\" target=\"_blank\" rel=\"noopener\">\r\n    View All Events\r\n    <svg viewBox=\"0 0 24 24\" style=\"width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n  <\/a>\r\n<\/div>\r\n\r\n    <\/div>\r\n    \r\n    \r\n\r\n    <!-- RIGHT: Image Panel -->\r\n    <div class=\"eh20ev-right\" style=\"position:relative;height:720px;overflow:hidden;border:1px solid rgba(15,26,37,.1);box-shadow:8px 8px 0 rgba(145,108,52,.2);\">\r\n\r\n      <!-- Corner accents -->\r\n      <div style=\"position:absolute;top:-1px;left:-1px;width:32px;height:32px;border-top:2px solid #916C34;border-left:2px solid #916C34;z-index:4;pointer-events:none;\"><\/div>\r\n      <div style=\"position:absolute;bottom:-1px;right:-1px;width:32px;height:32px;border-bottom:2px solid #916C34;border-right:2px solid #916C34;z-index:4;pointer-events:none;\"><\/div>\r\n\r\n      <!-- Slides \u2014 replace YOUR_IMAGE_N_URL with real URLs -->\r\n      <div class=\"eh20ev-slide active\" data-index=\"0\" style=\"position:absolute;inset:0;opacity:1;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/03\/event1.webp\" alt=\"Business Operational Reviews\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">01 \/ 5<\/div>\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">Business Operational Reviews<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"1\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/03\/event2.webp\" alt=\"All-Hands Meetings\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">02 \/ 5<\/div>\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">All-Hands Meetings<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"2\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/03\/3.jpeg\" alt=\"Executive Leadership Retreats\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">03 \/ 5<\/div>\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">Employee Resource Group Events<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"3\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/03\/event4.webp\" alt=\"Strategic Planning Sessions\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">04 \/ 5<\/div>\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">Executive Retreats<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"4\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"\r\nhttps:\/\/eh20-productions.com\/wp-content\/uploads\/2026\/03\/5.jpeg\" alt=\"Onboarding & New Hire Orientation\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">05 \/ 5<\/div>\r\n          <div style=\"font-family:'Open Sans', sans-serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">Innovation & Partnership Events<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"5\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-content\/uploads\/2026\/03\/portrait-handsome-young-african-man-having-coffee-break-indoors_251136-89238.jpg\" alt=\"Learning & Development\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">06 \/ 10<\/div>\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">Learning & Development Conferences<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"6\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-content\/uploads\/2026\/03\/black-history-month-celebration-educational-event-local-library_973275-143805.jpg\" alt=\"ERG Events\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">07 \/ 10<\/div>\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">ERG Events (Black History Month, etc.)<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"7\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-content\/uploads\/2026\/03\/portrait-senior-man-with-camera-device-world-photography-day-celebration_23-2151657245.jpg\" alt=\"Corporate Galas\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">08 \/ 10<\/div>\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">Corporate Galas & Awards Ceremonies<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"8\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-content\/uploads\/2026\/03\/guests-arriving-fancy-blacktie-event_1079150-259065.jpg\" alt=\"Innovation Events\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">09 \/ 10<\/div>\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">Innovation & Community Partner Events<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eh20ev-slide\" data-index=\"9\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .75s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-content\/uploads\/2026\/03\/events.jpg\" alt=\"Give-Back Events\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n        <div style=\"position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,37,.88) 0%,rgba(15,26,37,.1) 60%);\"><\/div>\r\n        <div style=\"position:absolute;bottom:36px;left:36px;right:36px;\">\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:12px;\">10 \/ 10<\/div>\r\n          <div style=\"font-family:'Playfair Display',serif;font-size:26px;font-weight:500;color:#F4EFE9;line-height:1.25;\">Corporate Give-Back Events<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Progress bar -->\r\n      <div style=\"position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(15,26,37,.08);z-index:3;\">\r\n        <div id=\"eh20ev-prog\" style=\"height:100%;background:#916C34;width:10%;transition:width .5s ease;\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var items   = document.querySelectorAll('.eh20ev-item');\r\n  var slides  = document.querySelectorAll('.eh20ev-slide');\r\n  var prog    = document.getElementById('eh20ev-prog');\r\n  var current = 0;\r\n  var total   = items.length;\r\n  var timer;\r\n\r\n  function activate(i){\r\n    items.forEach(function(it){\r\n      it.classList.remove('active');\r\n      it.style.background    = '';\r\n      it.style.paddingLeft   = '0';\r\n      var lbl = it.querySelector('.eh20ev-label');\r\n      var num = it.querySelector('.eh20ev-num');\r\n      var bar = it.querySelector('.eh20ev-bar');\r\n      var arr = it.querySelector('.eh20ev-arrow');\r\n      if(lbl){ lbl.style.color = 'rgba(15,26,37,.45)'; lbl.style.fontWeight = '400'; }\r\n      if(num){ num.style.color = '#916C34'; num.style.opacity = '.5'; }\r\n      if(bar && bar.style) bar.style.width = '0';\r\n      if(arr){ arr.style.opacity = '0'; arr.style.transform = 'translateX(-8px)'; }\r\n    });\r\n    slides.forEach(function(sl){ sl.classList.remove('active'); sl.style.opacity = '0'; });\r\n\r\n    var it = items[i]; var sl = slides[i];\r\n    if(!it || !sl) return;\r\n\r\n    it.classList.add('active');\r\n    it.style.background  = 'rgba(145,108,52,.05)';\r\n    it.style.paddingLeft = '20px';\r\n    var lbl = it.querySelector('.eh20ev-label');\r\n    var num = it.querySelector('.eh20ev-num');\r\n    var bar = it.querySelector('.eh20ev-bar');\r\n    var arr = it.querySelector('.eh20ev-arrow');\r\n    if(lbl){ lbl.style.color = '#0F1A25'; lbl.style.fontWeight = '500'; }\r\n    if(num){ num.style.color = '#916C34'; num.style.opacity = '1'; }\r\n    if(bar && bar.style) bar.style.width = '100%';\r\n    if(arr){ arr.style.opacity = '1'; arr.style.transform = 'translateX(0)'; }\r\n\r\n    sl.classList.add('active'); sl.style.opacity = '1';\r\n    if(prog) prog.style.width = ((i+1)\/total*100)+'%';\r\n    current = i;\r\n  }\r\n\r\n  items.forEach(function(it,i){\r\n    it.addEventListener('click', function(){\r\n      clearInterval(timer); activate(i); startAuto();\r\n    });\r\n  });\r\n\r\n  function startAuto(){\r\n    timer = setInterval(function(){ activate((current+1)%total); }, 3500);\r\n  }\r\n\r\n  activate(0); startAuto();\r\n\r\n  var anims = document.querySelectorAll('.eh20ev-anim');\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){ e.target.classList.add('eh20ev-vis'); io.unobserve(e.target); }\r\n    });\r\n  },{ threshold:0.06 });\r\n  anims.forEach(function(a){ io.observe(a); });\r\n})();\r\n<\/script>\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-25e8c73 e-con-full e-flex e-con e-parent\" data-id=\"25e8c73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c9d8d elementor-widget elementor-widget-html\" data-id=\"b0c9d8d\" 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,600;0,700;1,400;1,600&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --gold:       #916C34;\r\n      --gold-light: #916C34;\r\n      --gold-dim:   #916C34;\r\n      --dark:       #0d1a1f;\r\n      --dark-mid:   #0f2230;\r\n      --dark-panel: #1a2b35;\r\n      --white:      #f5f0e8;\r\n      --white-dim:  #b8c4cc;\r\n      --serif:      'Open Sans', sans-serif;\r\n      --italic:     'Open Sans', sans-serif;\r\n      --sans:       'Open Sans', sans-serif;\r\n    }\r\n\r\n    .testimonials-section {\r\n      position: relative;\r\n      padding: 120px 40px 140px;\r\n      background: linear-gradient(160deg, #0d1a1f 0%, #0f2230 45%, #0d1a1f 100%);\r\n      overflow: hidden;\r\n    }\r\n    .testimonials-section::before,\r\n    .testimonials-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(130px);\r\n      pointer-events: none;\r\n    }\r\n    .testimonials-section::before {\r\n      width: 700px; height: 700px;\r\n      background: radial-gradient(circle, rgba(145,108,52,.22) 0%, transparent 70%);\r\n      top: -260px; left: -200px;\r\n    }\r\n    .testimonials-section::after {\r\n      width: 580px; height: 580px;\r\n      background: radial-gradient(circle, rgba(30,95,116,.2) 0%, transparent 70%);\r\n      bottom: -180px; right: -120px;\r\n    }\r\n    .deco-rule {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: repeating-linear-gradient(\r\n        -55deg, transparent, transparent 120px,\r\n        rgba(145,108,52,.025) 120px, rgba(145,108,52,.025) 121px\r\n      );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .section-header {\r\n      text-align: center;\r\n      margin-bottom: 84px;\r\n      position: relative;\r\n      z-index: 2;\r\n      opacity: 0;\r\n      transform: translateY(40px);\r\n      transition: opacity .9s ease, transform .9s ease;\r\n    }\r\n    .section-header.visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .eyebrow {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: .68rem;\r\n      font-weight: 600;\r\n      letter-spacing: .28em;\r\n      color: var(--gold);\r\n      text-transform: uppercase;\r\n      margin-bottom: 18px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 14px;\r\n    }\r\n    .eyebrow::before, .eyebrow::after {\r\n      content: '';\r\n      width: 40px; height: 1px;\r\n      background: var(--gold-dim);\r\n    }\r\n    .section-title {\r\n      font-family: var(--serif);\r\n      font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n      font-weight: 700;\r\n      line-height: 1.15;\r\n      color: var(--white);\r\n      margin-bottom: 22px;\r\n    }\r\n    .section-title em {\r\n      font-style: italic;\r\n      color: var(--gold);\r\n      font-weight: 400;\r\n    }\r\n    .section-subtitle {\r\n      font-family: var(--italic);\r\n      font-size: 22px;\r\n      font-weight: 300;\r\n      font-style: italic;\r\n      color: #fff !important;\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n      line-height: 1.85;\r\n    }\r\n    .gold-divider {\r\n      width: 60px; height: 2px;\r\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n      margin: 28px auto 0;\r\n    }\r\n\r\n    \/* \u2500\u2500 SLIDER REPLACING CARDS-GRID \u2500\u2500 *\/\r\n    .cards-grid {\r\n      position: relative;\r\n      max-width: 1260px;\r\n      margin: 0 auto;\r\n      z-index: 2;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .slider-track {\r\n      display: flex;\r\n      transition: transform .55s cubic-bezier(.4,0,.2,1);\r\n    }\r\n\r\n    .card-scene {\r\n      flex: 0 0 calc(100% \/ 3);\r\n      padding: 0 16px;\r\n      opacity: 0;\r\n      transform: translateY(60px);\r\n      transition: opacity .8s ease, transform .8s ease;\r\n    }\r\n    .card-scene.visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* \u2500\u2500 SLIDER CONTROLS \u2500\u2500 *\/\r\n    .slider-controls {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 24px;\r\n      margin-top: 48px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .sl-btn {\r\n      width: 46px; height: 46px;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(145,108,52,.4);\r\n      background: transparent;\r\n      color: var(--gold);\r\n      font-size: 1.1rem;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: background .25s, border-color .25s, color .25s;\r\n    }\r\n    .sl-btn:hover { background: var(--gold); border-color: var(--gold); color: #0d1a1f; }\r\n    .dots { display: flex; gap: 10px; align-items: center; }\r\n    .dot {\r\n      width: 8px; height: 8px;\r\n      border-radius: 50%;\r\n      background: rgba(145,108,52,.3);\r\n      border: none; padding: 0;\r\n      cursor: pointer;\r\n      transition: background .3s, transform .3s;\r\n    }\r\n    .dot.active { background: var(--gold); transform: scale(1.3); }\r\n\r\n    \/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n    .testimonial-card {\r\n      position: relative;\r\n      background: linear-gradient(145deg,\r\n        rgba(34,52,68,.92) 0%,\r\n        rgba(18,30,42,.96) 100%\r\n      );\r\n      border: 1px solid rgba(145,108,52,.18);\r\n      border-radius: 6px;\r\n      padding: 48px 40px 40px;\r\n      overflow: hidden;\r\n      cursor: default;\r\n      will-change: transform;\r\n      transform-style: preserve-3d;\r\n      transition: box-shadow .3s ease, border-color .3s ease;\r\n      box-shadow:\r\n        0 2px 4px rgba(0,0,0,.25),\r\n        0 8px 20px rgba(0,0,0,.35),\r\n        0 20px 50px rgba(0,0,0,.3),\r\n        inset 0 1px 0 rgba(255,255,255,.04);\r\n    }\r\n    .testimonial-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0;\r\n      height: 1px;\r\n      background: linear-gradient(90deg,\r\n        transparent 0%,\r\n        rgba(145,108,52,.6) 40%,\r\n        rgba(176,138,78,.9) 50%,\r\n        rgba(145,108,52,.6) 60%,\r\n        transparent 100%\r\n      );\r\n      opacity: .5;\r\n      transition: opacity .3s ease;\r\n    }\r\n    .testimonial-card:hover::after { opacity: 1; }\r\n    .card-glare {\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 6px;\r\n      background: radial-gradient(\r\n        circle at var(--mx, 50%) var(--my, 50%),\r\n        rgba(145,108,52,.11) 0%,\r\n        transparent 60%\r\n      );\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transition: opacity .25s ease;\r\n    }\r\n    .testimonial-card:hover .card-glare { opacity: 1; }\r\n    .testimonial-card.featured {\r\n      border-color: rgba(145,108,52,.32);\r\n      background: linear-gradient(145deg,\r\n        rgba(42,62,80,.95) 0%,\r\n        rgba(22,38,52,.98) 100%\r\n      );\r\n      box-shadow:\r\n        0 4px 8px rgba(0,0,0,.3),\r\n        0 16px 40px rgba(0,0,0,.45),\r\n        0 40px 90px rgba(0,0,0,.4),\r\n        0 0 0 1px rgba(145,108,52,.12),\r\n        inset 0 1px 0 rgba(145,108,52,.15);\r\n    }\r\n    .featured-badge {\r\n      position: absolute;\r\n      top: 20px; right: 20px;\r\n      font-family: var(--sans);\r\n      font-size: .58rem;\r\n      font-weight: 600;\r\n      letter-spacing: .18em;\r\n      color: var(--dark);\r\n      background: linear-gradient(135deg, var(--gold-light), var(--gold));\r\n      padding: 5px 12px;\r\n      text-transform: uppercase;\r\n    }\r\n    .quote-mark {\r\n      font-family: var(--serif);\r\n      font-size: 7rem;\r\n      line-height: .5;\r\n      color: var(--gold);\r\n      opacity: .18;\r\n      position: absolute;\r\n      top: 28px; left: 32px;\r\n      user-select: none;\r\n      pointer-events: none;\r\n      transform: translateZ(20px);\r\n      transition: opacity .35s ease;\r\n    }\r\n    .testimonial-card:hover .quote-mark { opacity: .4; }\r\n    .stars { display: flex; gap: 5px; margin-bottom: 24px; }\r\n    .star {\r\n      color: var(--gold);\r\n      font-size: .82rem;\r\n      opacity: 0;\r\n      transform: scale(0) rotate(-40deg);\r\n      transition: opacity .3s ease, transform .35s cubic-bezier(.34,1.56,.64,1);\r\n    }\r\n    .card-scene.visible .star { opacity: 1; transform: scale(1) rotate(0deg); }\r\n    .card-scene.visible .star:nth-child(1) { transition-delay: .15s; }\r\n    .card-scene.visible .star:nth-child(2) { transition-delay: .25s; }\r\n    .card-scene.visible .star:nth-child(3) { transition-delay: .35s; }\r\n    .card-scene.visible .star:nth-child(4) { transition-delay: .45s; }\r\n    .card-scene.visible .star:nth-child(5) { transition-delay: .55s; }\r\n    .quote-text {\r\n      font-family: var(--italic);\r\n      font-size: 1rem;\r\n      font-weight: 300;\r\n      line-height: 1.9;\r\n      color: #fff;\r\n      margin-bottom: 36px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .card-divider {\r\n      width: 100%; height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(145,108,52,.28), transparent);\r\n      margin-bottom: 28px;\r\n    }\r\n    .client-info { display: flex; align-items: center; gap: 16px; }\r\n    .client-avatar {\r\n      width: 50px; height: 50px;\r\n      border-radius: 50%;\r\n      flex-shrink: 0;\r\n      background: linear-gradient(135deg, rgba(145,108,52,.25), rgba(13,26,31,.8));\r\n      border: 1.5px solid rgba(145,108,52,.35);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-family: var(--serif);\r\n      font-size: 1.05rem;\r\n      font-weight: 700;\r\n      color: var(--gold);\r\n      transform: translateZ(12px);\r\n      transition: border-color .3s ease, box-shadow .3s ease;\r\n    }\r\n    .testimonial-card:hover .client-avatar {\r\n      border-color: var(--gold);\r\n      box-shadow: 0 0 20px rgba(145,108,52,.3), 0 0 0 4px rgba(145,108,52,.08);\r\n    }\r\n    .client-name {\r\n      font-family: var(--serif);\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      color: var(--white);\r\n      margin-bottom: 3px;\r\n    }\r\n    .client-title {\r\n      font-family: var(--sans);\r\n      font-size: .67rem;\r\n      font-weight: 500;\r\n      letter-spacing: .09em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n    }\r\n    .client-company {\r\n      font-family: var(--sans);\r\n      font-size: .7rem;\r\n      font-weight: 300;\r\n      color: #fff;\r\n      margin-top: 2px;\r\n    }\r\n\r\n    .cta-wrap {\r\n      text-align: center;\r\n      margin-top: 80px;\r\n      position: relative;\r\n      z-index: 2;\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n      transition: opacity .8s ease .5s, transform .8s ease .5s;\r\n    }\r\n    .cta-wrap.visible { opacity: 1; transform: translateY(0); }\r\n    .cta-btn {\r\n      display: inline-block;\r\n      font-family: var(--sans);\r\n      font-size: .7rem;\r\n      font-weight: 600;\r\n      letter-spacing: .22em;\r\n      text-transform: uppercase;\r\n      color: #FEF7E9;\r\n      border: 1px solid rgba(145,108,52,.5);\r\n      padding: 18px 52px;\r\n      text-decoration: none !important;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: color .35s ease, box-shadow .35s ease;\r\n    }\r\n    .cta-btn::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: var(--gold);\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform .4s cubic-bezier(.4,0,.2,1);\r\n    }\r\n    .cta-btn:hover { color: var(--dark); box-shadow: 0 0 50px rgba(145,108,52,.18); }\r\n    .cta-btn:hover::before { transform: scaleX(1); }\r\n    .cta-btn span { position: relative; z-index: 1; }\r\n\r\n    @media (max-width: 768px) {\r\n      .testimonials-section { padding: 80px 20px 100px; }\r\n      .card-scene { flex: 0 0 100%; padding: 0; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"testimonials-section\">\r\n  <div class=\"deco-rule\"><\/div>\r\n\r\n  <div class=\"section-header\" id=\"sectionHeader\">\r\n    <p class=\"eyebrow\">Client Voices<\/p>\r\n    <h2 class=\"section-title\">What Our Clients <em>Say<\/em><\/h2>\r\n    <div class=\"gold-divider\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cards-grid\">\r\n    <div class=\"slider-track\" id=\"sliderTrack\">\r\n\r\n      <div class=\"card-scene\">\r\n        <article class=\"testimonial-card\">\r\n          <div class=\"card-glare\"><\/div>\r\n          <div class=\"quote-mark\">&ldquo;<\/div>\r\n          <div class=\"stars\"><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><\/div>\r\n          <p class=\"quote-text\">\"EH2O Productions transformed our annual leadership retreat into a highly productive and genuinely memorable experience. Every detail from the venue setup to the facilitated sessions was flawless.\"<\/p>\r\n          <div class=\"card-divider\"><\/div>\r\n          <div class=\"client-info\">\r\n            <div class=\"client-avatar\">MR<\/div>\r\n            <div class=\"client-details\">\r\n              <p class=\"client-name\">Marcus Reynolds<\/p>\r\n              <p class=\"client-title\">Chief People Officer<\/p>\r\n              <p class=\"client-company\">Apex Financial Group<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"card-scene\">\r\n        <article class=\"testimonial-card featured\">\r\n          <div class=\"card-glare\"><\/div>\r\n          <div class=\"featured-badge\">Featured<\/div>\r\n          <div class=\"quote-mark\">&ldquo;<\/div>\r\n          <div class=\"stars\"><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><\/div>\r\n          <p class=\"quote-text\">\"The level of planning, coordination, and professionalism exceeded every expectation. Our all-hands meeting ran like a world-class production our employees are still talking about it months later. EH2O is in a league of their own.\"<\/p>\r\n          <div class=\"card-divider\"><\/div>\r\n          <div class=\"client-info\">\r\n            <div class=\"client-avatar\">DT<\/div>\r\n            <div class=\"client-details\">\r\n              <p class=\"client-name\">Denise Thornton<\/p>\r\n              <p class=\"client-title\">SVP, Corporate Communications<\/p>\r\n              <p class=\"client-company\">Nexus Technology Solutions<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"card-scene\">\r\n        <article class=\"testimonial-card\">\r\n          <div class=\"card-glare\"><\/div>\r\n          <div class=\"quote-mark\">&ldquo;<\/div>\r\n          <div class=\"stars\"><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><\/div>\r\n          <p class=\"quote-text\">\"Our Black History Month ERG gala was breathtaking. EH2O handled everything speaker coordination, AV, swag, and every logistical detail with care and cultural sensitivity that made our people feel truly celebrated.\"<\/p>\r\n          <div class=\"card-divider\"><\/div>\r\n          <div class=\"client-info\">\r\n            <div class=\"client-avatar\">JW<\/div>\r\n            <div class=\"client-details\">\r\n              <p class=\"client-name\">Jordan Wallace<\/p>\r\n              <p class=\"client-title\">Director, Diversity & Inclusion<\/p>\r\n              <p class=\"client-company\">Meridian Health Systems<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"card-scene\">\r\n        <article class=\"testimonial-card\">\r\n          <div class=\"card-glare\"><\/div>\r\n          <div class=\"quote-mark\">&ldquo;<\/div>\r\n          <div class=\"stars\"><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><\/div>\r\n          <p class=\"quote-text\">\"From the moment we engaged EH2O, we knew we were in expert hands. They curated a multi day executive retreat that balanced strategy, team building, and community service seamlessly. Truly white glove service.\"<\/p>\r\n          <div class=\"card-divider\"><\/div>\r\n          <div class=\"client-info\">\r\n            <div class=\"client-avatar\">SC<\/div>\r\n            <div class=\"client-details\">\r\n              <p class=\"client-name\">Simone Carter<\/p>\r\n              <p class=\"client-title\">Vice President, Operations<\/p>\r\n              <p class=\"client-company\">Bridgewater Capital Partners<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"card-scene\">\r\n        <article class=\"testimonial-card\">\r\n          <div class=\"card-glare\"><\/div>\r\n          <div class=\"quote-mark\">&ldquo;<\/div>\r\n          <div class=\"stars\"><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><\/div>\r\n          <p class=\"quote-text\">\"Our Innovation Coalition summit brought together community partners across three cities. EH2O made it look effortless. The photography, the logistics, the facilitation everything was executed at the highest level.\"<\/p>\r\n          <div class=\"card-divider\"><\/div>\r\n          <div class=\"client-info\">\r\n            <div class=\"client-avatar\">AB<\/div>\r\n            <div class=\"client-details\">\r\n              <p class=\"client-name\">Andre Brooks<\/p>\r\n              <p class=\"client-title\">Executive Director<\/p>\r\n              <p class=\"client-company\">Urban Innovation Collective<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"card-scene\">\r\n        <article class=\"testimonial-card\">\r\n          <div class=\"card-glare\"><\/div>\r\n          <div class=\"quote-mark\">&ldquo;<\/div>\r\n          <div class=\"stars\"><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><\/div>\r\n          <p class=\"quote-text\">\"EH2O delivered our annual awards ceremony with an elegance that reflected the gravity of what we were honoring. The room setup, the flow, the video production our honorees felt every bit of the prestige they deserved.\"<\/p>\r\n          <div class=\"card-divider\"><\/div>\r\n          <div class=\"client-info\">\r\n            <div class=\"client-avatar\">LF<\/div>\r\n            <div class=\"client-details\">\r\n              <p class=\"client-name\">Lauren Fields<\/p>\r\n              <p class=\"client-title\">Chief of Staff<\/p>\r\n              <p class=\"client-company\">Sterling & Associates LLC<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slider-controls\">\r\n    <button class=\"sl-btn\" id=\"prevBtn\">&#8592;<\/button>\r\n    <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n    <button class=\"sl-btn\" id=\"nextBtn\">&#8594;<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"cta-wrap\" id=\"ctaWrap\">\r\n    <a href=\"http:\/\/eh20-productions.com\/contact\/\" class=\"cta-btn\" target=\"_blank\" rel=\"noopener\"><span>Work With EH2O Productions &nbsp;\u2192<\/span><\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const VISIBLE = 3;\r\n  const track = document.getElementById('sliderTrack');\r\n  const scenes = Array.from(track.querySelectorAll('.card-scene'));\r\n  const total = scenes.length;\r\n  const pages = total - VISIBLE + 1; \/\/ 4 pages: 0,1,2,3\r\n  let current = 0;\r\n\r\n  const dotsContainer = document.getElementById('dotsContainer');\r\n  const dots = Array.from({length: pages}, (_, i) => {\r\n    const d = document.createElement('button');\r\n    d.className = 'dot' + (i === 0 ? ' active' : '');\r\n    d.addEventListener('click', () => goTo(i));\r\n    dotsContainer.appendChild(d);\r\n    return d;\r\n  });\r\n\r\n  function goTo(n) {\r\n    current = Math.max(0, Math.min(n, pages - 1));\r\n    const pct = current * (100 \/ VISIBLE);\r\n    track.style.transform = `translateX(-${pct}%)`;\r\n    dots.forEach((d, i) => d.classList.toggle('active', i === current));\r\n  }\r\n\r\n  document.getElementById('prevBtn').addEventListener('click', () => goTo(current - 1));\r\n  document.getElementById('nextBtn').addEventListener('click', () => goTo(current + 1));\r\n\r\n  \/* \u2500\u2500 SCROLL ENTRANCE \u2500\u2500 *\/\r\n  const io = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n  }, { threshold: 0.12, rootMargin: '0px 0px -50px 0px' });\r\n\r\n  io.observe(document.getElementById('sectionHeader'));\r\n  io.observe(document.getElementById('ctaWrap'));\r\n  scenes.forEach((s, i) => {\r\n    s.style.transitionDelay = `${0.08 + i * 0.13}s`;\r\n    io.observe(s);\r\n  });\r\n  setTimeout(() => {\r\n    document.querySelectorAll('.section-header, .card-scene, .cta-wrap').forEach(el => {\r\n      if (el.getBoundingClientRect().top < window.innerHeight) el.classList.add('visible');\r\n    });\r\n  }, 80);\r\n\r\n  \/* \u2500\u2500 3-D TILT \u2500\u2500 *\/\r\n  const MAX_TILT = 14;\r\n  const MAX_LIFT = 28;\r\n\r\n  document.querySelectorAll('.testimonial-card').forEach(card => {\r\n    let tx = 0, ty = 0, tgtX = 0, tgtY = 0, raf = null;\r\n    const lerp = (a, b, t) => a + (b - a) * t;\r\n\r\n    function tick() {\r\n      tx = lerp(tx, tgtX, 0.12);\r\n      ty = lerp(ty, tgtY, 0.12);\r\n      card.style.transform = `perspective(900px) rotateX(${ty}deg) rotateY(${tx}deg) translateZ(${MAX_LIFT}px)`;\r\n      const glare = card.querySelector('.card-glare');\r\n      if (glare) {\r\n        glare.style.setProperty('--mx', (tgtX \/ MAX_TILT * 50 + 50) + '%');\r\n        glare.style.setProperty('--my', (-tgtY \/ MAX_TILT * 50 + 50) + '%');\r\n      }\r\n      if (Math.abs(tx - tgtX) > 0.01 || Math.abs(ty - tgtY) > 0.01)\r\n        raf = requestAnimationFrame(tick);\r\n    }\r\n\r\n    card.addEventListener('mousemove', e => {\r\n      const r = card.getBoundingClientRect();\r\n      tgtX =  ((e.clientX - r.left) \/ r.width  - 0.5) * MAX_TILT * 2;\r\n      tgtY = -((e.clientY - r.top)  \/ r.height - 0.5) * MAX_TILT * 2;\r\n      cancelAnimationFrame(raf);\r\n      raf = requestAnimationFrame(tick);\r\n    });\r\n\r\n    card.addEventListener('mouseenter', () => {\r\n      card.style.boxShadow = `\r\n        0 6px 12px rgba(0,0,0,.35),\r\n        0 20px 50px rgba(0,0,0,.55),\r\n        0 50px 100px rgba(0,0,0,.45),\r\n        0 0 0 1px rgba(201,168,76,.35),\r\n        inset 0 1px 0 rgba(201,168,76,.2)\r\n      `;\r\n    });\r\n\r\n    card.addEventListener('mouseleave', () => {\r\n      tgtX = 0; tgtY = 0;\r\n      card.style.boxShadow = '';\r\n      cancelAnimationFrame(raf);\r\n      function reset() {\r\n        tx = lerp(tx, 0, 0.08);\r\n        ty = lerp(ty, 0, 0.08);\r\n        card.style.transform = `perspective(900px) rotateX(${ty}deg) rotateY(${tx}deg) translateZ(${MAX_LIFT * Math.max(Math.abs(tx), Math.abs(ty)) \/ MAX_TILT}px)`;\r\n        if (Math.abs(tx) > 0.05 || Math.abs(ty) > 0.05) raf = requestAnimationFrame(reset);\r\n        else card.style.transform = '';\r\n      }\r\n      raf = requestAnimationFrame(reset);\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-b165020 e-con-full e-flex e-con e-parent\" data-id=\"b165020\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc8bbdd elementor-widget elementor-widget-html\" data-id=\"dc8bbdd\" 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<!-- EH20 FAQ \u2014 Zero JavaScript, Pure CSS, Elementor Safe -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n\/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\r\n.eh20faq *, .eh20faq *::before, .eh20faq *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* \u2500\u2500 WRAPPER \u2500\u2500 *\/\r\n.eh20faq {\r\n  --gold:      #916C34;\r\n  --gold-lt:   #916C34;\r\n  --gold-pale: #916C34;\r\n  --ink:       #1A1208;\r\n  --ink-mid:   #3D3020;\r\n  --ink-soft:  #6B5B45;\r\n  --rule:      rgba(184,145,58,.22);\r\n  --serif:     'Playfair Display', serif;\r\n  --cg:        'Open Sans', sans-serif;\r\n  --sans:      'Open Sans', sans-serif;\r\n\r\n  background: #F4EFE9;\r\n  padding: 90px 40px 110px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: var(--sans);\r\n  color: var(--ink);\r\n}\r\n\r\n\/* ghost watermark *\/\r\n.eh20faq .faq-wm {\r\n  position: absolute;\r\n  top: 30px; right: -8px;\r\n  font-family: var(--serif);\r\n  font-size: clamp(100px,16vw,220px);\r\n  font-weight: 700;\r\n  color: var(--gold-pale);\r\n  opacity: .18;\r\n  letter-spacing: -.04em;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  line-height: 1;\r\n  z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\r\n.eh20faq .faq-wrap {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 300px 1fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT PANEL \u2500\u2500 *\/\r\n.eh20faq .faq-left {\r\n  position: sticky;\r\n  top: 80px;\r\n}\r\n\r\n.eh20faq .faq-eyebrow {\r\n  font-family: var(--sans);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: .3em;\r\n  color: var(--gold);\r\n  text-transform: uppercase;\r\n  margin: 0 0 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.eh20faq .faq-eyebrow::before {\r\n  content: '';\r\n  display: block;\r\n  width: 24px; height: 1px;\r\n  background: var(--gold);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.eh20faq .faq-heading {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1.9rem, 3vw, 2.8rem);\r\n  font-weight: 700;\r\n  line-height: 1.18;\r\n  color: var(--ink);\r\n  margin: 0 0 24px;\r\n}\r\n.eh20faq .faq-heading em {\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  color: var(--gold);\r\n}\r\n\r\n.eh20faq .faq-rule {\r\n  width: 2px; height: 48px;\r\n  background: linear-gradient(to bottom, var(--gold), transparent);\r\n  margin: 0 0 24px;\r\n}\r\n\r\n.eh20faq .faq-desc {\r\n  font-family: var(--cg);\r\n  font-size: 16px;\r\n  font-weight: 300;\r\n  font-style: italic;\r\n  line-height: 1.85;\r\n  color: #000;\r\n  margin: 0 0 32px;\r\n}\r\n\r\n.eh20faq .faq-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  font-family: var(--sans);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n  color: #916C34 !important;\r\n  text-decoration: none !important;\r\n  border-bottom: 1px solid #916C34;\r\n  padding-bottom: 5px;\r\n  transition: gap .3s, border-color .3s;\r\n}\r\n.eh20faq .faq-cta:hover {\r\n  gap: 14px;\r\n  border-color: var(--gold);\r\n}\r\n\r\n\/* \u2500\u2500 ACCORDION (PURE CSS via <details>\/<summary>) \u2500\u2500 *\/\r\n.eh20faq .faq-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.eh20faq details {\r\n  border-top: 1px solid var(--rule);\r\n  position: relative;\r\n  background: none;\r\n}\r\n.eh20faq details:last-of-type {\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n\/* hover tint *\/\r\n.eh20faq details::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(184,145,58,.04);\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity .25s;\r\n}\r\n.eh20faq details:hover::before { opacity: 1; }\r\n\r\n\/* \u2500\u2500 SUMMARY = clickable question row \u2500\u2500 *\/\r\n.eh20faq details summary {\r\n  list-style: none;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n  padding: 30px 0;\r\n  cursor: pointer;\r\n  position: relative;\r\n  z-index: 1;\r\n  outline: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n.eh20faq details summary::-webkit-details-marker { display: none; }\r\n\r\n.eh20faq details summary .q-num {\r\n  font-family: var(--cg);\r\n  font-size: 35px;\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  color: #000;\r\n  opacity: .65;\r\n  letter-spacing: .06em;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n  min-width: 24px;\r\n  transition: opacity .25s;\r\n}\r\n.eh20faq details summary:hover .q-num { opacity: 1; }\r\n\r\n.eh20faq details summary .q-txt {\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-size: clamp(.95rem,1.4vw,1.15rem);\r\n  font-weight: 500;\r\n  line-height: 1.35;\r\n  flex: 1;\r\n  color: var(--ink);\r\n  transition: color .25s;\r\n}\r\n.eh20faq details summary:hover .q-txt { color: var(--gold); }\r\n.eh20faq details[open] summary .q-txt { color: var(--gold); }\r\n\r\n\/* \u2500\u2500 PLUS \/ MINUS ICON (pure CSS, no JS) \u2500\u2500 *\/\r\n.eh20faq details summary .q-ico {\r\n  flex-shrink: 0;\r\n  width: 32px; height: 32px;\r\n  border: 1px solid var(--rule);\r\n  border-radius: 50%;\r\n  position: relative;\r\n  transition: background .3s, border-color .3s, transform .4s;\r\n}\r\n.eh20faq details summary .q-ico::before,\r\n.eh20faq details summary .q-ico::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  background: var(--ink-mid);\r\n  border-radius: 2px;\r\n  transition: background .3s, transform .4s cubic-bezier(.4,0,.2,1), opacity .3s;\r\n}\r\n\/* horizontal bar *\/\r\n.eh20faq details summary .q-ico::before {\r\n  width: 11px; height: 1.5px;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\/* vertical bar *\/\r\n.eh20faq details summary .q-ico::after {\r\n  width: 1.5px; height: 11px;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.eh20faq details summary:hover .q-ico {\r\n  border-color: var(--gold);\r\n  background: rgba(184,145,58,.07);\r\n}\r\n.eh20faq details summary:hover .q-ico::before,\r\n.eh20faq details summary:hover .q-ico::after { background: var(--gold); }\r\n\r\n\/* OPEN STATE \u2014 icon becomes X *\/\r\n.eh20faq details[open] summary .q-ico {\r\n  background: var(--gold);\r\n  border-color: var(--gold);\r\n  transform: rotate(45deg);\r\n}\r\n.eh20faq details[open] summary .q-ico::before,\r\n.eh20faq details[open] summary .q-ico::after { background: #fff; }\r\n\r\n\/* \u2500\u2500 ANSWER PANEL \u2500\u2500 *\/\r\n.eh20faq details .q-answer {\r\n  display: flex;\r\n  gap: 18px;\r\n  padding: 0 0 32px 42px;\r\n  position: relative;\r\n  z-index: 1;\r\n  \/* smooth open animation *\/\r\n  animation: eh20SlideDown .38s cubic-bezier(.4,0,.2,1) both;\r\n}\r\n\r\n@keyframes eh20SlideDown {\r\n  from { opacity: 0; transform: translateY(-8px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.eh20faq details .q-bar {\r\n  flex-shrink: 0;\r\n  width: 2px;\r\n  align-self: stretch;\r\n  background: linear-gradient(to bottom, var(--gold), var(--gold-pale));\r\n  border-radius: 2px;\r\n  min-height: 100%;\r\n}\r\n\r\n.eh20faq details .q-body {\r\n  font-family: var(--cg);\r\n  font-size: 18px;\r\n  font-weight: 300;\r\n  font-style: italic;\r\n  line-height: 1.95;\r\n  color: #000;\r\n}\r\n.eh20faq details .q-body strong {\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  color: var(--ink-mid);\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.eh20faq .faq-footer {\r\n  max-width: 1100px;\r\n  margin: 60px auto 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n  padding-top: 40px;\r\n  border-top: 1px solid var(--rule);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.eh20faq .faq-footer-copy {\r\n  font-family: var(--cg);\r\n  font-size: 21px;\r\n  font-style: italic;\r\n  color: #000;\r\n  max-width: 340px;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n}\r\n.eh20faq .faq-footer-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: var(--sans);\r\n  font-size: .6rem;\r\n  font-weight: 600;\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n  color: #fff !important;\r\n  background: var(--ink);\r\n  padding: 15px 36px;\r\n  text-decoration: none !important;\r\n  position: relative;\r\n  overflow: hidden;\r\n  flex-shrink: 0;\r\n  transition: box-shadow .3s;\r\n  border: none;\r\n}\r\n.eh20faq .faq-footer-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--gold);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .4s cubic-bezier(.4,0,.2,1);\r\n}\r\n.eh20faq .faq-footer-btn:hover { box-shadow: 0 8px 32px rgba(184,145,58,.28); }\r\n.eh20faq .faq-footer-btn:hover::before { transform: scaleX(1); }\r\n.eh20faq .faq-footer-btn span { position: relative; z-index: 1; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 860px) {\r\n  .eh20faq .faq-wrap { grid-template-columns: 1fr; gap: 44px; }\r\n  .eh20faq .faq-left { position: static; }\r\n  .eh20faq .faq-footer { flex-direction: column; align-items: flex-start; }\r\n}\r\n@media (max-width: 520px) {\r\n  .eh20faq { padding: 60px 18px 80px; }\r\n  .eh20faq details .q-answer { padding-left: 0; }\r\n  .eh20faq .faq-wm { display: none; }\r\n  .eh20faq details summary { gap: 12px; padding: 22px 0; }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML MARKUP \u2014 NO JAVASCRIPT AT ALL -->\r\n<div class=\"eh20faq\">\r\n  <div class=\"faq-wm\" aria-hidden=\"true\">FAQ<\/div>\r\n\r\n  <div class=\"faq-wrap\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"faq-left\">\r\n      <p class=\"faq-eyebrow\">Got Questions<\/p>\r\n      <h2 class=\"faq-heading\">Frequently<br\/><em>Asked<\/em><br\/>Questions<\/h2>\r\n      <div class=\"faq-rule\"><\/div>\r\n      <p class=\"faq-desc\">Everything you need to know about how EH2O Productions plans, produces, and delivers exceptional corporate events from the first conversation to the final applause.<\/p>\r\n    <\/div>\r\n\r\n    <!-- ACCORDION -->\r\n    <div class=\"faq-list\">\r\n\r\n      <details>\r\n        <summary>\r\n          <span class=\"q-num\">01<\/span>\r\n          <span class=\"q-txt\">Do you manage the entire event?<\/span>\r\n          <span class=\"q-ico\" aria-hidden=\"true\"><\/span>\r\n        <\/summary>\r\n        <div class=\"q-answer\">\r\n          <div class=\"q-bar\"><\/div>\r\n          <p class=\"q-body\">Yes. EH2O Productions serves as a single point of coordination from concept through execution, managing planning, logistics, vendors, and onsite operations.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span class=\"q-num\">02<\/span>\r\n          <span class=\"q-txt\">What size events do you handle?<\/span>\r\n          <span class=\"q-ico\" aria-hidden=\"true\"><\/span>\r\n        <\/summary>\r\n        <div class=\"q-answer\">\r\n          <div class=\"q-bar\"><\/div>\r\n          <p class=\"q-body\">We support events of all sizes, from small executive retreats to large-scale conferences and organization-wide gatherings.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span class=\"q-num\">03<\/span>\r\n          <span class=\"q-txt\">Do you coordinate speakers and vendors?<\/span>\r\n          <span class=\"q-ico\" aria-hidden=\"true\"><\/span>\r\n        <\/summary>\r\n        <div class=\"q-answer\">\r\n          <div class=\"q-bar\"><\/div>\r\n          <p class=\"q-body\">Yes. We manage speaker sourcing, coordination, and logistics, as well as vendor relationships including AV, production, and event services.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span class=\"q-num\">04<\/span>\r\n          <span class=\"q-txt\">Do you support offsite activities?<\/span>\r\n          <span class=\"q-ico\" aria-hidden=\"true\"><\/span>\r\n        <\/summary>\r\n        <div class=\"q-answer\">\r\n          <div class=\"q-bar\"><\/div>\r\n          <p class=\"q-body\">Yes. We organize team-building experiences, community service activities, and offsite programs aligned with your event goals.<\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\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-66f5cbc e-con-full e-flex e-con e-parent\" data-id=\"66f5cbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9434ad1 elementor-widget elementor-widget-html\" data-id=\"9434ad1\" 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  font-style: italic;\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: 'Open Sans', sans-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 EH20 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>EH2O Productions Strategic Events. Seamless Execution. Meaningful Impact. EH2O Productions crafts impactful corporate experiences, simplifying logistics to enhance connection, culture, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2656,"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-13","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/pages\/13","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=13"}],"version-history":[{"count":441,"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":2660,"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/pages\/13\/revisions\/2660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/media\/2656"}],"wp:attachment":[{"href":"https:\/\/earthh20corporation.com\/earthh2oproduction\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}