{"id":201,"date":"2026-06-26T19:24:50","date_gmt":"2026-06-26T19:24:50","guid":{"rendered":"https:\/\/demowebdesign.live\/oluwaseun\/?page_id=201"},"modified":"2026-06-26T23:19:36","modified_gmt":"2026-06-26T23:19:36","slug":"contact","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"201\" class=\"elementor elementor-201\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26ade95 e-con-full e-flex e-con e-parent\" data-id=\"26ade95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce2610f elementor-widget elementor-widget-html\" data-id=\"ce2610f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Cinzel:wght@400;600;700&display=swap\");\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  body {\r\n    background: #000;\r\n    color: #e8d5a3;\r\n    font-family: \"Cormorant Garamond\", Georgia, serif;\r\n    overflow-x: hidden;\r\n    cursor: none;\r\n  }\r\n  #gc {\r\n    position: fixed;\r\n    width: 280px;\r\n    height: 280px;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 9999;\r\n    transform: translate(-50%, -50%);\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(212, 175, 55, 0.1) 0%,\r\n      rgba(212, 175, 55, 0.03) 40%,\r\n      transparent 70%\r\n    );\r\n  }\r\n  #gd {\r\n    position: fixed;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 10000;\r\n    transform: translate(-50%, -50%);\r\n    background: rgba(212, 175, 55, 0.9);\r\n    box-shadow: 0 0 10px 3px rgba(212, 175, 55, 0.55);\r\n  }\r\n\r\n  #hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    background: #050505;\r\n    overflow: hidden;\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    padding: 80px 24px;\r\n  }\r\n  \r\n  \r\n  #bg-layers {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    opacity: 0.15;\r\n  }\r\n\r\n  #pc {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n  #wsv {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.5;\r\n  }\r\n  .sym {\r\n    position: absolute;\r\n    pointer-events: none;\r\n    z-index: 2;\r\n    opacity: 0;\r\n    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.35));\r\n    animation:\r\n      fIn 2.2s ease forwards,\r\n      drift 11s ease-in-out infinite;\r\n  }\r\n  @keyframes fIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(18px) scale(0.85);\r\n    }\r\n    to {\r\n      opacity: 0.55;\r\n      transform: translateY(0) scale(1);\r\n    }\r\n  }\r\n  @keyframes drift {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0) rotate(0deg);\r\n    }\r\n    33% {\r\n      transform: translateY(-12px) rotate(3deg);\r\n    }\r\n    66% {\r\n      transform: translateY(7px) rotate(-2deg);\r\n    }\r\n  }\r\n  .hc {\r\n    position: relative;\r\n    z-index: 10;\r\n    max-width: 780px;\r\n    animation: rev 1.8s ease forwards;\r\n  }\r\n  @keyframes rev {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(32px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n  .ey {\r\n    font-family: \"Cinzel\", serif;\r\n    font-size: 11px;\r\n    letter-spacing: 0.45em;\r\n    color: #7a6530;\r\n    text-transform: uppercase;\r\n    margin-bottom: 26px;\r\n    animation: rev 2s 0.3s ease both;\r\n  }\r\n  .tt {\r\n    font-family: \"Cinzel\", serif;\r\n    font-size: clamp(54px, 8.5vw, 92px);\r\n    font-weight: 700;\r\n    line-height: 0.95;\r\n    letter-spacing: 0.06em;\r\n    color: #e8d5a3;\r\n    text-shadow:\r\n      0 0 40px rgba(212, 175, 55, 0.3),\r\n      0 0 80px rgba(212, 175, 55, 0.12),\r\n      0 2px 4px rgba(0, 0, 0, 0.8);\r\n    margin-bottom: 8px;\r\n    animation: rev 2s 0.5s ease both;\r\n  }\r\n  .ta {\r\n    color: #d4af37;\r\n    text-shadow:\r\n      0 0 28px rgba(212, 175, 55, 0.55),\r\n      0 0 56px rgba(212, 175, 55, 0.25);\r\n  }\r\n  .dv {\r\n    width: 110px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, #d4af37, transparent);\r\n    margin: 30px auto;\r\n    position: relative;\r\n    animation: rev 2s 0.7s ease both;\r\n  }\r\n  .dv::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -2px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 5px;\r\n    height: 5px;\r\n    background: #d4af37;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 7px 3px rgba(212, 175, 55, 0.55);\r\n  }\r\n  .sb {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 34px !important;\r\n    font-weight: 300;\r\n    font-style: italic;\r\n    color: #c8b97a;\r\n    letter-spacing: 0.04em;\r\n    line-height: 1.5;\r\n    margin-bottom: 14px;\r\n    animation: rev 2s 0.9s ease both;\r\n  }\r\n  .mc {\r\n    font-family: \"Cinzel\", serif;\r\n    font-size: 15px;\r\n    letter-spacing: 0.38em;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    margin-bottom: 50px;\r\n    animation: rev 2s 1.1s ease both;\r\n  }\r\n  .cg {\r\n    display: flex;\r\n    gap: 18px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    animation: rev 2s 1.4s ease both;\r\n  }\r\n  .btn {\r\n    font-family: \"Cinzel\", serif;\r\n    font-size: 11px;\r\n    letter-spacing: 0.28em;\r\n    text-transform: uppercase;\r\n    padding: 15px 38px;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition:\r\n      transform 0.35s ease,\r\n      box-shadow 0.35s ease,\r\n      background 0.35s ease;\r\n  }\r\n  .bp {\r\n    background: linear-gradient(\r\n      135deg,\r\n      #c9a227 0%,\r\n      #e8d48b 42%,\r\n      #c9a227 70%,\r\n      #a07820 100%\r\n    );\r\n    color: #1a1200;\r\n    font-weight: 600;\r\n    box-shadow:\r\n      0 0 28px rgba(212, 175, 55, 0.22),\r\n      0 4px 18px rgba(0, 0, 0, 0.5);\r\n  }\r\n  .bp:hover {\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow:\r\n      0 0 50px rgba(212, 175, 55, 0.52),\r\n      0 8px 28px rgba(0, 0, 0, 0.6);\r\n  }\r\n  .bs {\r\n    background: transparent;\r\n    color: #d4af37;\r\n    border: 1px solid rgba(212, 175, 55, 0.38);\r\n  }\r\n  .bs:hover {\r\n    background: rgba(212, 175, 55, 0.07);\r\n    border-color: rgba(212, 175, 55, 0.82);\r\n    color: #f0d060;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 0 32px rgba(212, 175, 55, 0.28);\r\n  }\r\n  .sh {\r\n    position: absolute;\r\n    bottom: 34px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 10;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 7px;\r\n    opacity: 0.4;\r\n    animation:\r\n      rev 2s 2.2s ease both,\r\n      bob 2.2s 3.5s ease-in-out infinite;\r\n  }\r\n  @keyframes bob {\r\n    0%,\r\n    100% {\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n    50% {\r\n      transform: translateX(-50%) translateY(6px);\r\n    }\r\n  }\r\n  .sh span {\r\n    font-family: \"Cinzel\", serif;\r\n    font-size: 9px;\r\n    letter-spacing: 0.38em;\r\n    color: #7a6530;\r\n    text-transform: uppercase;\r\n  }\r\n  .sa {\r\n    width: 16px;\r\n    height: 16px;\r\n    border-right: 1px solid #7a6530;\r\n    border-bottom: 1px solid #7a6530;\r\n    transform: rotate(45deg);\r\n  }\r\n  \r\n  #inv {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    background: radial-gradient(\r\n      ellipse 80% 55% at 50% 50%,\r\n      #0d0900 0%,\r\n      #030303 55%,\r\n      #000 100%\r\n    );\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 100px 24px;\r\n  }\r\n  #pc2 {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n  .pr {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 380px;\r\n    height: 380px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(212, 175, 55, 0.05);\r\n    pointer-events: none;\r\n    animation: pulse 5.5s ease-in-out infinite;\r\n  }\r\n  @keyframes pulse {\r\n    0% {\r\n      transform: translate(-50%, -50%) scale(0.55);\r\n      opacity: 0.85;\r\n    }\r\n    100% {\r\n      transform: translate(-50%, -50%) scale(2.6);\r\n      opacity: 0;\r\n    }\r\n  }\r\n  .ii {\r\n    position: relative;\r\n    z-index: 5;\r\n    max-width: 720px;\r\n    text-align: center;\r\n  }\r\n  .rv {\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n    transition:\r\n      opacity 1.1s ease,\r\n      transform 1.1s ease;\r\n  }\r\n  .rv.vis {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n  .rl {\r\n    width: 1px;\r\n    height: 0;\r\n    background: linear-gradient(180deg, transparent, #d4af37 50%, transparent);\r\n    margin: 0 auto 46px;\r\n    transition: height 1.5s ease;\r\n  }\r\n  .rl.vis {\r\n    height: 76px;\r\n  }\r\n  .ih {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(20px, 3.8vw, 34px);\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    color: #c8b060;\r\n    line-height: 1.58;\r\n    letter-spacing: 0.02em;\r\n    margin-bottom: 50px;\r\n    padding: 0 16px;\r\n  }\r\n  .ib {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(16px, 2.1vw, 21px);\r\n    font-weight: 300;\r\n    line-height: 1.95;\r\n    letter-spacing: 0.03em;\r\n    margin-bottom: 22px;\r\n  }\r\n  .ib em {\r\n    color: #c8b060;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n  }\r\n  .ic {\r\n    font-family: \"Cinzel\", serif;\r\n    font-size: clamp(12px, 1.8vw, 16px);\r\n    font-weight: 600;\r\n    color: #d4af37;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    margin-top: 54px;\r\n    text-shadow: 0 0 18px rgba(212, 175, 55, 0.38);\r\n    line-height: 1.7;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"gc\"><\/div>\r\n<div id=\"gd\"><\/div>\r\n\r\n<section id=\"hero\">\r\n  \r\n  <div id=\"bg-layers\">\r\n    <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 1440 900\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <circle cx=\"20%\" cy=\"20%\" r=\"200\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.3\" opacity=\"0.2\"\/>\r\n      <circle cx=\"80%\" cy=\"30%\" r=\"300\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.2\" opacity=\"0.1\"\/>\r\n      <circle cx=\"50%\" cy=\"80%\" r=\"250\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.3\" opacity=\"0.2\"\/>\r\n      <line x1=\"0\" y1=\"50%\" x2=\"100%\" y2=\"50%\" stroke=\"#d4af37\" stroke-width=\"0.2\" opacity=\"0.1\"\/>\r\n      <line x1=\"50%\" y1=\"0\" x2=\"50%\" y2=\"100%\" stroke=\"#d4af37\" stroke-width=\"0.2\" opacity=\"0.1\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <canvas id=\"pc\"><\/canvas>\r\n  <svg\r\n    id=\"wsv\"\r\n    viewBox=\"0 0 1440 900\"\r\n    preserveAspectRatio=\"xMidYMid slice\"\r\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n  >\r\n    <defs>\r\n      <filter id=\"gf\">\r\n        <feGaussianBlur stdDeviation=\"3.5\" result=\"b\" \/>\r\n        <feMerge>\r\n          <feMergeNode in=\"b\" \/>\r\n          <feMergeNode in=\"SourceGraphic\" \/>\r\n        <\/feMerge>\r\n      <\/filter>\r\n    <\/defs>\r\n    <path id=\"w1\" fill=\"none\" stroke=\"rgba(212,175,55,.52)\" stroke-width=\"1.2\" filter=\"url(#gf)\" \/>\r\n    <path id=\"w2\" fill=\"none\" stroke=\"rgba(175,115,18,.38)\" stroke-width=\".8\" \/>\r\n    <path id=\"w3\" fill=\"none\" stroke=\"rgba(235,195,75,.28)\" stroke-width=\"1.5\" filter=\"url(#gf)\" \/>\r\n    <path id=\"w4\" fill=\"none\" stroke=\"rgba(150,95,8,.22)\" stroke-width=\".6\" \/>\r\n    <path id=\"w5\" fill=\"none\" stroke=\"rgba(212,175,55,.18)\" stroke-width=\"2\" filter=\"url(#gf)\" \/>\r\n  <\/svg>\r\n\r\n  \r\n  <svg class=\"sym\" style=\"top: 8%; left: 6%; width: 46px; height: 46px; animation-delay: 0.5s, 2.5s;\" viewBox=\"0 0 46 46\">\r\n    <line x1=\"23\" y1=\"4\" x2=\"23\" y2=\"42\" stroke=\"#d4af37\" stroke-width=\"1.1\" \/>\r\n    <line x1=\"4\" y1=\"17\" x2=\"42\" y2=\"17\" stroke=\"#d4af37\" stroke-width=\"1.1\" \/>\r\n  <\/svg>\r\n  <svg class=\"sym\" style=\"top: 9%; right: 8%; width: 50px; height: 50px; animation-delay: 0.9s, 3s;\" viewBox=\"0 0 50 50\">\r\n    <circle cx=\"25\" cy=\"25\" r=\"19\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\".9\" \/>\r\n    <circle cx=\"25\" cy=\"25\" r=\"5\" fill=\"rgba(212,175,55,.28)\" stroke=\"#d4af37\" stroke-width=\".7\" \/>\r\n    <line x1=\"25\" y1=\"6\" x2=\"25\" y2=\"44\" stroke=\"#d4af37\" stroke-width=\".5\" opacity=\".45\" \/>\r\n    <line x1=\"6\" y1=\"25\" x2=\"44\" y2=\"25\" stroke=\"#d4af37\" stroke-width=\".5\" opacity=\".45\" \/>\r\n  <\/svg>\r\n  <svg class=\"sym\" style=\"bottom: 19%; left: 5%; width: 42px; height: 42px; animation-delay: 1.2s, 4s;\" viewBox=\"0 0 42 42\">\r\n    <path d=\"M21 4C9 10 5 21 21 25C37 21 33 10 21 4Z\" fill=\"rgba(212,175,55,.13)\" stroke=\"#d4af37\" stroke-width=\".9\" \/>\r\n    <path d=\"M21 38C9 32 5 21 21 17C37 21 33 32 21 38Z\" fill=\"rgba(212,175,55,.08)\" stroke=\"#d4af37\" stroke-width=\".7\" \/>\r\n  <\/svg>\r\n  <svg class=\"sym\" style=\"bottom: 22%; right: 7%; width: 48px; height: 48px; animation-delay: 0.3s, 5s;\" viewBox=\"0 0 48 48\">\r\n    <path d=\"M24 4L27.5 18H42L30.5 27L34 41L24 33L14 41L17.5 27L6 18H20.5Z\" fill=\"rgba(212,175,55,.16)\" stroke=\"#d4af37\" stroke-width=\".85\" \/>\r\n  <\/svg>\r\n  <svg class=\"sym\" style=\"top: 43%; left: 2.5%; width: 34px; height: 34px; animation-delay: 1.5s, 3.5s;\" viewBox=\"0 0 34 34\">\r\n    <circle cx=\"17\" cy=\"17\" r=\"14\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\".75\" stroke-dasharray=\"4 3\" \/>\r\n    <circle cx=\"17\" cy=\"17\" r=\"3.5\" fill=\"rgba(212,175,55,.38)\" \/>\r\n  <\/svg>\r\n  <svg class=\"sym\" style=\"top: 39%; right: 3.5%; width: 38px; height: 38px; animation-delay: 0.7s, 4.5s;\" viewBox=\"0 0 38 38\">\r\n    <path d=\"M19 3C19 3 26 15 33 19C26 23 19 35 19 35C19 35 12 23 5 19C12 15 19 3 19 3Z\" fill=\"rgba(212,175,55,.1)\" stroke=\"#d4af37\" stroke-width=\".95\" \/>\r\n  <\/svg>\r\n  \r\n  \r\n  <svg class=\"sym\" style=\"top: 25%; left: 20%; width: 30px; height: 30px; animation-delay: 1.1s, 6s;\" viewBox=\"0 0 30 30\">\r\n    <rect x=\"5\" y=\"5\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" transform=\"rotate(45 15 15)\"\/>\r\n  <\/svg>\r\n  <svg class=\"sym\" style=\"top: 15%; left: 45%; width: 20px; height: 20px; animation-delay: 0.4s, 5.5s;\" viewBox=\"0 0 20 20\">\r\n    <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.4\" stroke-dasharray=\"2 2\"\/>\r\n  <\/svg>\r\n  <svg class=\"sym\" style=\"bottom: 35%; right: 25%; width: 35px; height: 35px; animation-delay: 2s, 7s;\" viewBox=\"0 0 35 35\">\r\n    <path d=\"M17.5 2 L17.5 33 M2 17.5 L33 17.5\" stroke=\"#d4af37\" stroke-width=\"0.6\" opacity=\"0.6\"\/>\r\n    <circle cx=\"17.5\" cy=\"17.5\" r=\"10\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\"\/>\r\n  <\/svg>\r\n  <svg class=\"sym\" style=\"top: 60%; right: 15%; width: 25px; height: 25px; animation-delay: 1.8s, 4.2s;\" viewBox=\"0 0 25 25\">\r\n    <polygon points=\"12.5,2 15,10 23,10 17,15 19,23 12.5,18 6,23 8,15 2,10 10,10\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"hc\">\r\n    <p class=\"ey\">Oluwaseun Animashaun<\/p>\r\n    <h1 class=\"tt\"><span class=\"ta\">Contact Now<\/span><\/h1>\r\n    <div class=\"dv\"><\/div>\r\n    <p class=\"mc\">\r\n      Not a new belief &nbsp;\u00b7&nbsp; Not a system &nbsp;\u00b7&nbsp; A remembering\r\n    <\/p>\r\n    <div class=\"cg\">\r\n\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"sh\">\r\n    <span>Descend<\/span>\r\n    <div class=\"sa\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  var cg = document.getElementById(\"gc\"),\r\n    cd = document.getElementById(\"gd\");\r\n  document.addEventListener(\"mousemove\", function (e) {\r\n    cg.style.left = e.clientX + \"px\";\r\n    cg.style.top = e.clientY + \"px\";\r\n    cd.style.left = e.clientX + \"px\";\r\n    cd.style.top = e.clientY + \"px\";\r\n  });\r\n  \r\n  var pc = document.getElementById(\"pc\"),\r\n    cx = pc.getContext(\"2d\"),\r\n    PW,\r\n    PH,\r\n    pts = [];\r\n  function rsP() {\r\n    PW = pc.width = pc.offsetWidth;\r\n    PH = pc.height = pc.offsetHeight;\r\n  }\r\n  rsP();\r\n  window.addEventListener(\"resize\", rsP);\r\n  function mkP() {\r\n    return {\r\n      x: Math.random() * PW,\r\n      y: Math.random() * PH,\r\n      vx: (Math.random() - 0.5) * 0.25,\r\n      vy: -Math.random() * 0.45 - 0.1,\r\n      r: Math.random() * 1.8 + 0.4,\r\n      life: 0,\r\n      max: Math.random() * 250 + 150,\r\n      hue: 38 + Math.random() * 18,\r\n    };\r\n  }\r\n  for (var i = 0; i < 220; i++) {\r\n    var p = mkP();\r\n    p.life = Math.random() * p.max;\r\n    pts.push(p);\r\n  }\r\n  function dP() {\r\n    cx.clearRect(0, 0, PW, PH);\r\n    for (var i = 0; i < pts.length; i++) {\r\n      var p = pts[i];\r\n      p.life++;\r\n      if (p.life > p.max) {\r\n        pts[i] = mkP();\r\n        continue;\r\n      }\r\n      var pr = p.life \/ p.max,\r\n        a = pr < 0.2 ? pr \/ 0.2 : pr > 0.8 ? (1 - pr) \/ 0.2 : 1;\r\n      cx.beginPath();\r\n      cx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\r\n      cx.fillStyle = \"hsla(\" + p.hue + \",72%,63%,\" + a * 0.45 + \")\";\r\n      cx.fill();\r\n      p.x += p.vx;\r\n      p.y += p.vy;\r\n    }\r\n    requestAnimationFrame(dP);\r\n  }\r\n  dP();\r\n \r\n  var ws = [\r\n    { el: document.getElementById(\"w1\"), amp: 80, spd: 0.00018, yb: 450, ph: 0 },\r\n    { el: document.getElementById(\"w2\"), amp: 115, spd: 0.00013, yb: 420, ph: Math.PI * 0.4 },\r\n    { el: document.getElementById(\"w3\"), amp: 58, spd: 0.00024, yb: 478, ph: Math.PI * 0.8 },\r\n    { el: document.getElementById(\"w4\"), amp: 135, spd: 0.0001, yb: 390, ph: Math.PI * 1.2 },\r\n    { el: document.getElementById(\"w5\"), amp: 90, spd: 0.00016, yb: 508, ph: Math.PI * 1.6 },\r\n  ];\r\n  function bw(w, t) {\r\n    var n = 55,\r\n      d = \"\";\r\n    for (var i = 0; i <= n; i++) {\r\n      var x = (i \/ n) * 1440,\r\n        y =\r\n          w.yb +\r\n          Math.sin((i \/ n) * Math.PI * 4 + t * w.spd + w.ph) * w.amp +\r\n          Math.sin((i \/ n) * Math.PI * 2.2 + t * w.spd * 0.6) * (w.amp * 0.32);\r\n      d += (i === 0 ? \"M\" : \"L\") + x.toFixed(1) + \",\" + y.toFixed(1);\r\n    }\r\n    return d;\r\n  }\r\n  function aW(t) {\r\n    for (var i = 0; i < ws.length; i++)\r\n      ws[i].el.setAttribute(\"d\", bw(ws[i], t));\r\n    requestAnimationFrame(aW);\r\n  }\r\n  requestAnimationFrame(aW);\r\n  \r\n  var pc2 = document.getElementById(\"pc2\"),\r\n    cx2 = pc2.getContext(\"2d\"),\r\n    PW2,\r\n    PH2;\r\n  function rsP2() {\r\n    PW2 = pc2.width = pc2.offsetWidth;\r\n    PH2 = pc2.height = pc2.offsetHeight;\r\n  }\r\n  rsP2();\r\n  window.addEventListener(\"resize\", rsP2);\r\n  function aP(ts) {\r\n    var t = ts * 0.001;\r\n    cx2.clearRect(0, 0, PW2, PH2);\r\n    var cx = PW2 \/ 2,\r\n      cy = PH2 \/ 2;\r\n    for (var i = 0; i < 4; i++) {\r\n      var ph = (t + i * 1.3) % 4,\r\n        r = ph \/ 4,\r\n        rad = 38 + r * Math.min(PW2, PH2) * 0.62;\r\n      cx2.beginPath();\r\n      cx2.arc(cx, cy, rad, 0, Math.PI * 2);\r\n      cx2.strokeStyle = \"rgba(212,175,55,\" + (1 - r) * 0.065 + \")\";\r\n      cx2.lineWidth = 1;\r\n      cx2.stroke();\r\n    }\r\n    var g = cx2.createRadialGradient(cx, cy, 0, cx, cy, 200);\r\n    g.addColorStop(0, \"rgba(212,175,55,.035)\");\r\n    g.addColorStop(1, \"transparent\");\r\n    cx2.fillStyle = g;\r\n    cx2.fillRect(0, 0, PW2, PH2);\r\n    requestAnimationFrame(aP);\r\n  }\r\n  requestAnimationFrame(aP);\r\n \r\n  var ri = [\r\n    { id: \"i-orn\", d: 0 },\r\n    { id: \"i-rule\", d: 200 },\r\n    { id: \"i-h\", d: 420 },\r\n    { id: \"i-b1\", d: 640 },\r\n    { id: \"i-b2\", d: 840 },\r\n    { id: \"i-b3\", d: 1040 },\r\n    { id: \"i-b4\", d: 1220 },\r\n    { id: \"i-cl\", d: 1480 },\r\n  ];\r\n  var s2 = document.getElementById(\"inv\"),\r\n    triggered = false;\r\n  function chk() {\r\n    if (triggered) return;\r\n    var r = s2.getBoundingClientRect();\r\n    if (r.top < window.innerHeight * 0.78) {\r\n      triggered = true;\r\n      ri.forEach(function (x) {\r\n        setTimeout(function () {\r\n          var el = document.getElementById(x.id);\r\n          if (el) el.classList.add(\"vis\");\r\n        }, x.d);\r\n      });\r\n    }\r\n  }\r\n  window.addEventListener(\"scroll\", chk, { passive: true });\r\n  setTimeout(chk, 500);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8fa1cf6 e-con-full e-flex e-con e-parent\" data-id=\"8fa1cf6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5975b6d elementor-widget elementor-widget-html\" data-id=\"5975b6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CONTACT SECTION - Split Layout\r\n     Left: Content | Right: Form\r\n     ============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Cinzel:wght@400;500;600;700&family=Cinzel+Decorative:wght@400;700&display=swap');\r\n\r\n:root {\r\n    --ink: #050504;\r\n    --ink2: #0d0c09;\r\n    --ink3: #171610;\r\n    --g: #d4af37;\r\n    --gl: #f0d060;\r\n    --gd: #a07820;\r\n    --cr: #e8d5a3;\r\n    --cd: #b09860;\r\n    --tm: #7a6a44;\r\n    --tb: #c2a96a;\r\n    --bd: rgba(212,175,55,0.18);\r\n    --bm: rgba(212,175,55,0.35);\r\n}\r\n\r\n#contact-section {\r\n    position: relative;\r\n    background: linear-gradient(180deg, var(--ink) 0%, var(--ink2) 30%, #080703 70%, var(--ink) 100%);\r\n    min-height: 100vh;\r\n    overflow: hidden;\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    padding: 140px 0;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\r\n.cs-ambient {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.cs-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(212,175,55,0.04) 0%, transparent 70%);\r\n    animation: orbFloat 25s infinite ease-in-out;\r\n}\r\n\r\n.cs-orb:nth-child(1) { width: 500px; height: 500px; top: -10%; left: -5%; animation-delay: 0s; }\r\n.cs-orb:nth-child(2) { width: 400px; height: 400px; bottom: -10%; right: -5%; animation-delay: -8s; }\r\n.cs-orb:nth-child(3) { width: 300px; height: 300px; top: 40%; left: 30%; animation-delay: -16s; }\r\n\r\n@keyframes orbFloat {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    33% { transform: translate(20px, -30px) scale(1.05); }\r\n    66% { transform: translate(-15px, 20px) scale(0.98); }\r\n}\r\n\r\n\r\n.cs-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 2;\r\n}\r\n\r\n.cs-particle {\r\n    position: absolute;\r\n    width: 2px;\r\n    height: 2px;\r\n    background: var(--g);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 6px rgba(212,175,55,0.4);\r\n    animation: particleRise 18s infinite linear;\r\n}\r\n\r\n@keyframes particleRise {\r\n    0% { opacity: 0; transform: translateY(100vh) scale(0); }\r\n    10% { opacity: 0.6; }\r\n    90% { opacity: 0.6; }\r\n    100% { opacity: 0; transform: translateY(-10vh) scale(1.2); }\r\n}\r\n\r\n\r\n.cs-light-line {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 1px;\r\n    height: 120px;\r\n    background: linear-gradient(to bottom, transparent, var(--g), transparent);\r\n    opacity: 0.3;\r\n    z-index: 1;\r\n}\r\n\r\n\r\n.cs-container {\r\n    position: relative;\r\n    z-index: 10;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding: 0 60px;\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 100px;\r\n    align-items: start;\r\n}\r\n\r\n\r\n.cs-left {\r\n    position: relative;\r\n    padding-top: 20px;\r\n}\r\n\r\n.cs-eyebrow {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: 11px;\r\n    letter-spacing: 0.6em;\r\n    color: var(--gd);\r\n    text-transform: uppercase;\r\n    margin-bottom: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease forwards 0.2s;\r\n}\r\n\r\n.cs-eyebrow::before {\r\n    content: '';\r\n    width: 40px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, var(--g), transparent);\r\n}\r\n\r\n.cs-title {\r\n    font-family: 'Cinzel Decorative', serif;\r\n    font-size: clamp(36px, 4.5vw, 56px);\r\n    color: var(--cr);\r\n    line-height: 1.1;\r\n    letter-spacing: 0.04em;\r\n    margin-bottom: 30px;\r\n    text-shadow: 0 0 50px rgba(212,175,55,0.12);\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease forwards 0.4s;\r\n}\r\n\r\n.cs-title em {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-style: italic;\r\n    color: var(--g);\r\n    font-weight: 400;\r\n}\r\n\r\n.cs-desc {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 20px;\r\n    color: var(--tb);\r\n    line-height: 1.85;\r\n    font-weight: 300;\r\n    margin-bottom: 50px;\r\n    max-width: 480px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease forwards 0.6s;\r\n}\r\n\r\n.cs-desc em {\r\n    color: var(--cd);\r\n    font-style: italic;\r\n}\r\n\r\n\r\n.cs-info-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 35px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.cs-info-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 22px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease forwards;\r\n}\r\n\r\n.cs-info-item:nth-child(1) { animation-delay: 0.7s; }\r\n.cs-info-item:nth-child(2) { animation-delay: 0.85s; }\r\n.cs-info-item:nth-child(3) { animation-delay: 1.0s; }\r\n\r\n.cs-info-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    border: 1px solid var(--bd);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: all 0.4s ease;\r\n    margin-top: 2px;\r\n}\r\n\r\n.cs-info-item:hover .cs-info-icon {\r\n    border-color: var(--g);\r\n    box-shadow: 0 0 20px rgba(212,175,55,0.15);\r\n    transform: scale(1.05);\r\n}\r\n\r\n.cs-info-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: var(--g);\r\n    fill: none;\r\n    stroke-width: 1.5;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.cs-info-item:hover .cs-info-icon svg {\r\n    stroke: var(--gl);\r\n}\r\n\r\n.cs-info-content h4 {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: var(--th);\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.cs-info-content p {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 17px;\r\n    color: var(--tb);\r\n    line-height: 1.6;\r\n    font-weight: 300;\r\n}\r\n\r\n.cs-info-content a {\r\n    color: var(--g);\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n}\r\n\r\n.cs-info-content a::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 1px;\r\n    background: var(--g);\r\n    transition: width 0.4s ease;\r\n}\r\n\r\n.cs-info-content a:hover {\r\n    color: var(--gl);\r\n}\r\n\r\n.cs-info-content a:hover::after {\r\n    width: 100%;\r\n}\r\n\r\n\r\n.cs-social {\r\n    display: flex;\r\n    gap: 15px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease forwards 1.1s;\r\n}\r\n\r\n.cs-social-link {\r\n    width: 44px;\r\n    height: 44px;\r\n    border: 1px solid var(--bd);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    text-decoration: none;\r\n}\r\n\r\n.cs-social-link:hover {\r\n    border-color: var(--g);\r\n    background: rgba(212,175,55,0.05);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 0 20px rgba(212,175,55,0.1);\r\n}\r\n\r\n.cs-social-link svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: var(--g);\r\n    fill: none;\r\n    stroke-width: 1.5;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cs-social-link:hover svg {\r\n    stroke: var(--gl);\r\n}\r\n\r\n\r\n.cs-right {\r\n    position: relative;\r\n}\r\n\r\n.cs-form-card {\r\n    background: rgba(13, 12, 9, 0.5);\r\n    border: 1px solid var(--bd);\r\n    padding: 55px 50px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(10px);\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease forwards 0.5s;\r\n}\r\n\r\n\r\n.cs-form-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%) scaleX(0);\r\n    width: 70%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, var(--g), transparent);\r\n    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.8s;\r\n}\r\n\r\n.cs-form-card.revealed::before {\r\n    transform: translateX(-50%) scaleX(1);\r\n}\r\n\r\n.cs-form-corner {\r\n    position: absolute;\r\n    width: 25px;\r\n    height: 25px;\r\n    border: 1px solid rgba(212,175,55,0.15);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.cs-form-corner-tl { top: 20px; left: 20px; border-right: none; border-bottom: none; }\r\n.cs-form-corner-tr { top: 20px; right: 20px; border-left: none; border-bottom: none; }\r\n.cs-form-corner-bl { bottom: 20px; left: 20px; border-right: none; border-top: none; }\r\n.cs-form-corner-br { bottom: 20px; right: 20px; border-left: none; border-top: none; }\r\n\r\n.cs-form-card:hover .cs-form-corner {\r\n    width: 35px;\r\n    height: 35px;\r\n    border-color: rgba(212,175,55,0.3);\r\n}\r\n\r\n\r\n.cs-form-title {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    color: var(--th);\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.cs-form-subtitle {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 16px;\r\n    font-style: italic;\r\n    color: var(--cd);\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n.cs-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 28px;\r\n}\r\n\r\n.cs-field {\r\n    position: relative;\r\n}\r\n\r\n.cs-field-label {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: 10px;\r\n    letter-spacing: 0.3em;\r\n    color: var(--gd);\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n    display: block;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cs-field:focus-within .cs-field-label {\r\n    color: var(--g);\r\n    text-shadow: 0 0 10px rgba(212,175,55,0.2);\r\n}\r\n\r\n.cs-input,\r\n.cs-textarea {\r\n    width: 100%;\r\n    background: rgba(212,175,55,0.02);\r\n    border: 1px solid var(--bd);\r\n    padding: 16px 20px;\r\n    color: var(--th);\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 17px;\r\n    font-weight: 300;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    outline: none;\r\n    position: relative;\r\n}\r\n\r\n.cs-input::placeholder,\r\n.cs-textarea::placeholder {\r\n    color: var(--tm);\r\n    font-style: italic;\r\n    opacity: 0.6;\r\n}\r\n\r\n.cs-input:focus,\r\n.cs-textarea:focus {\r\n    border-color: var(--g);\r\n    background: rgba(212,175,55,0.04);\r\n    box-shadow: 0 0 25px rgba(212,175,55,0.08), inset 0 1px 0 rgba(212,175,55,0.05);\r\n}\r\n\r\n\r\n.cs-field::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%) scaleX(0);\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--g), transparent);\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.cs-field:focus-within::after {\r\n    transform: translateX(-50%) scaleX(1);\r\n}\r\n\r\n.cs-textarea {\r\n    min-height: 140px;\r\n    resize: vertical;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n.cs-submit-wrap {\r\n    margin-top: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.cs-submit {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: 12px;\r\n    letter-spacing: 0.3em;\r\n    text-transform: uppercase;\r\n    padding: 18px 50px;\r\n    background: linear-gradient(135deg, #c9a227 0%, #e8d48b 42%, #c9a227 70%, #a07820 100%);\r\n    color: #1a1200;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    font-weight: 600;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 0 25px rgba(212,175,55,0.2);\r\n}\r\n\r\n.cs-submit::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.cs-submit:hover {\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 0 45px rgba(212,175,55,0.4), 0 8px 20px rgba(0,0,0,0.4);\r\n}\r\n\r\n.cs-submit:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.cs-submit:active {\r\n    transform: translateY(-1px) scale(0.99);\r\n}\r\n\r\n\r\n.cs-form-note {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 14px;\r\n    font-style: italic;\r\n    color: var(--tm);\r\n    text-align: center;\r\n    margin-top: 25px;\r\n    opacity: 0.7;\r\n}\r\n\r\n\r\n@keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\r\n@media (max-width: 1100px) {\r\n    .cs-container {\r\n        gap: 60px;\r\n        padding: 0 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .cs-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 70px;\r\n    }\r\n    .cs-left {\r\n        text-align: center;\r\n    }\r\n    .cs-desc {\r\n        max-width: 100%;\r\n    }\r\n    .cs-info-grid {\r\n        max-width: 400px;\r\n        margin: 0 auto 50px;\r\n    }\r\n    .cs-info-item {\r\n        text-align: left;\r\n    }\r\n    .cs-social {\r\n        justify-content: center;\r\n    }\r\n    .cs-form-card {\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    #contact-section {\r\n        padding: 100px 0;\r\n    }\r\n    .cs-container {\r\n        padding: 0 25px;\r\n    }\r\n    .cs-form-card {\r\n        padding: 40px 28px;\r\n    }\r\n    .cs-title {\r\n        font-size: 32px;\r\n    }\r\n    .cs-desc {\r\n        font-size: 18px;\r\n    }\r\n    .cs-info-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n    .cs-info-icon svg {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n    .cs-submit {\r\n        width: 100%;\r\n        padding: 16px 30px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section id=\"contact-section\">\r\n    \r\n    <div class=\"cs-ambient\">\r\n        <div class=\"cs-orb\"><\/div>\r\n        <div class=\"cs-orb\"><\/div>\r\n        <div class=\"cs-orb\"><\/div>\r\n    <\/div>\r\n    <div class=\"cs-particles\" id=\"csParticles\"><\/div>\r\n    <div class=\"cs-light-line\"><\/div>\r\n\r\n    <div class=\"cs-container\">\r\n        \r\n        <div class=\"cs-left\">\r\n            <div class=\"cs-eyebrow\">Get in Touch<\/div>\r\n            <h2 class=\"cs-title\">\r\n                Begin the<br>\r\n                <em>Conversation<\/em>\r\n            <\/h2>\r\n            <p class=\"cs-desc\">\r\n                Whether you have a question about the book, wish to explore collaboration, or simply feel called to share your own experience of <em>inner recognition<\/em> I welcome your message.\r\n            <\/p>\r\n\r\n            \r\n            <div class=\"cs-info-grid\">\r\n                \r\n\r\n                <div class=\"cs-info-item\">\r\n                    <div class=\"cs-info-icon\">\r\n                        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"cs-info-content\">\r\n                        <h4>Response Time<\/h4>\r\n                        <p>Within 48 hours<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"cs-right\">\r\n            <div class=\"cs-form-card\" id=\"csFormCard\">\r\n                \r\n                <div class=\"cs-form-corner cs-form-corner-tl\"><\/div>\r\n                <div class=\"cs-form-corner cs-form-corner-tr\"><\/div>\r\n                <div class=\"cs-form-corner cs-form-corner-bl\"><\/div>\r\n                <div class=\"cs-form-corner cs-form-corner-br\"><\/div>\r\n\r\n                <h3 class=\"cs-form-title\">Send a Message<\/h3>\r\n                <p class=\"cs-form-subtitle\">I read every word that comes my way<\/p>\r\n\r\n                <form class=\"cs-form\" action=\"#\" method=\"POST\">\r\n                    <div class=\"cs-field\">\r\n                        <label class=\"cs-field-label\">Your Name<\/label>\r\n                        <input type=\"text\" class=\"cs-input\" placeholder=\"Enter your full name\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"cs-field\">\r\n                        <label class=\"cs-field-label\">Email Address<\/label>\r\n                        <input type=\"email\" class=\"cs-input\" placeholder=\"your@email.com\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"cs-field\">\r\n                        <label class=\"cs-field-label\">Subject<\/label>\r\n                        <input type=\"text\" class=\"cs-input\" placeholder=\"What is this about?\">\r\n                    <\/div>\r\n\r\n                    <div class=\"cs-field\">\r\n                        <label class=\"cs-field-label\">Your Message<\/label>\r\n                        <textarea class=\"cs-textarea\" placeholder=\"Share your thoughts, questions, or reflections...\" required><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"cs-submit-wrap\">\r\n                        <button type=\"submit\" class=\"cs-submit\">Send Message<\/button>\r\n                    <\/div>\r\n                <\/form>\r\n\r\n                <p class=\"cs-form-note\">Your message is received with gratitude and care.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    \r\n    const particlesContainer = document.getElementById('csParticles');\r\n    for (let i = 0; i < 18; i++) {\r\n        const particle = document.createElement('div');\r\n        particle.className = 'cs-particle';\r\n        particle.style.left = Math.random() * 100 + '%';\r\n        particle.style.animationDelay = Math.random() * 18 + 's';\r\n        particle.style.animationDuration = (12 + Math.random() * 10) + 's';\r\n        particlesContainer.appendChild(particle);\r\n    }\r\n\r\n    const formCard = document.getElementById('csFormCard');\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('revealed');\r\n            }\r\n        });\r\n    }, { threshold: 0.2 });\r\n\r\n    if (formCard) observer.observe(formCard);\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","protected":false},"excerpt":{"rendered":"<p>Oluwaseun Animashaun Contact Now Not a new belief &nbsp;\u00b7&nbsp; Not a system &nbsp;\u00b7&nbsp; A remembering Descend Get in Touch Begin [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/wp-json\/wp\/v2\/pages\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":16,"href":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/wp-json\/wp\/v2\/pages\/201\/revisions"}],"predecessor-version":[{"id":360,"href":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/wp-json\/wp\/v2\/pages\/201\/revisions\/360"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/oluwaseun\/index.php\/wp-json\/wp\/v2\/media?parent=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}