.elementor-kit-7{--e-global-color-primary:#0A0E1A;--e-global-color-secondary:#0D1B3E;--e-global-color-text:#FFFFFF;--e-global-color-accent:#C9A84C;--e-global-color-d7c637f:#F5F5F0;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:500;background-color:#0A0E1A;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#C9A84C;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#0A0E1A;border-radius:4px 4px 4px 4px;padding:16px 32px 16px 32px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#B8933A;color:#0A0E1A;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:4px 4px 4px 4px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#C9A84C;}.elementor-kit-7 a:hover{color:#B8933A;}.elementor-kit-7 h1{color:#FFFFFF;font-family:"Playfair Display", Sans-serif;font-size:64px;font-weight:700;line-height:1.2px;}.elementor-kit-7 h2{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;line-height:1.2px;}.elementor-kit-7 h3{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:600;line-height:1.3px;}.elementor-kit-7 h4{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;line-height:1.4px;}.elementor-kit-7 h5{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-7 h6{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */<style>
.light-section * {
  position: relative;
  z-index: 1;
}
</style>
<canvas id="hero-canvas"></canvas>
<script>
const canvas = document.getElementById('hero-canvas');
const ctx = canvas.getContext('2d');
canvas.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;';

function resize() {
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;
}
resize();

let mouse = { x: null, y: null };
window.addEventListener('mousemove', e => {
  mouse.x = e.clientX;
  mouse.y = e.clientY;
});

let particles = [];
function initParticles() {
  particles = [];
  for (let i = 0; i < 120; i++) {
    particles.push({
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      vx: (Math.random() - 0.5) * 0.6,
      vy: (Math.random() - 0.5) * 0.6,
      size: Math.random() * 2.5 + 1
    });
  }
}
initParticles();

function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);

  // check scroll position and hide on light sections
  const scrollY = window.scrollY;
  const lightSections = document.querySelectorAll('.light-section');
  let onLight = false;
  lightSections.forEach(section => {
    const rect = section.getBoundingClientRect();
    if (rect.top < window.innerHeight && rect.bottom > 0) {
      onLight = true;
    }
  });

  canvas.style.opacity = onLight ? '0' : '1';

  particles.forEach(p => {
    p.x += p.vx;
    p.y += p.vy;
    if (p.x < 0 || p.x > canvas.width) p.vx *= -1;
    if (p.y < 0 || p.y > canvas.height) p.vy *= -1;
    ctx.beginPath();
    ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
    ctx.fillStyle = 'rgba(201,168,76,0.8)';
    ctx.fill();
  });

  particles.forEach((p, i) => {
    particles.slice(i + 1).forEach(p2 => {
      const dx = p.x - p2.x, dy = p.y - p2.y;
      const dist = Math.sqrt(dx * dx + dy * dy);
      if (dist < 150) {
        ctx.beginPath();
        ctx.moveTo(p.x, p.y);
        ctx.lineTo(p2.x, p2.y);
        ctx.strokeStyle = `rgba(201,168,76,${0.3 * (1 - dist / 150)})`;
        ctx.lineWidth = 0.8;
        ctx.stroke();
      }
    });
  });

  if (mouse.x !== null) {
    particles.forEach(p => {
      const dx = p.x - mouse.x, dy = p.y - mouse.y;
      const dist = Math.sqrt(dx * dx + dy * dy);
      if (dist < 220) {
        ctx.beginPath();
        ctx.moveTo(p.x, p.y);
        ctx.lineTo(mouse.x, mouse.y);
        ctx.strokeStyle = `rgba(201,168,76,${0.5 * (1 - dist / 220)})`;
        ctx.lineWidth = 1.2;
        ctx.stroke();
      }
    });
  }

  requestAnimationFrame(draw);
}
draw();

window.addEventListener('resize', () => {
  resize();
  initParticles();
});
</script>/* End custom CSS */