' + '

' + (lowPower ? "" : ''); document.body.appendChild(beam); } function spawnBurst(x, y, illuminateNearby) { const burst = document.createElement("span"); burst.className = "torch-burst"; burst.style.left = x + "px"; burst.style.top = y + "px"; document.body.appendChild(burst); window.setTimeout(() => burst.remove(), 1200); if (illuminateNearby) { flashNear(x, y); } } function activateElement(el, mx, my, now) { const mem = getLitMemory(el); mem.contacting = true; mem.holdUntil = now + HOLD_MS; if (typeof mx === "number") mem.lastMx = mx; if (typeof my === "number") mem.lastMy = my; el.classList.add("is-torch-lit"); } function applyLitVisual(el, intensity, mem) { const smooth = lerp(mem.current, intensity, 0.12); mem.current = smooth; el.style.setProperty("--light-intensity", smooth.toFixed(3)); el.classList.toggle("is-torch-lit", smooth > 0.04); if (el.classList.contains("light-reveal")) { el.style.setProperty("--mx", mem.lastMx + "%"); el.style.setProperty("--my", mem.lastMy + "%"); const reveal = Math.max(smooth, el.classList.contains("is-scroll-lit") ? 0.28 : 0); el.style.setProperty("--intensity", reveal.toFixed(3)); } } function resolveHoldIntensity(mem, proximity, now) { const touching = proximity >= TOUCH_THRESHOLD; if (touching) { mem.contacting = true; mem.holdUntil = now + HOLD_MS; return 1; } if (mem.contacting) { mem.contacting = false; mem.holdUntil = now + HOLD_MS; } if (now < mem.holdUntil) { return 1; } const fadeElapsed = now - mem.holdUntil; if (fadeElapsed >= FADE_MS) { return 0; } return 1 - fadeElapsed / FADE_MS; } function flashNear(x, y) { const now = performance.now(); illuminateEls.forEach((el) => { const r = el.getBoundingClientRect(); const cx = r.left + r.width * 0.5; const cy = r.top + r.height * 0.5; const dist = Math.hypot(cx - x, cy - y); const radius = Math.max(r.width, r.height) * 0.85 + 180; if (dist > radius) return; const mx = clamp(((x - r.left) / Math.max(r.width, 1)) * 100, 0, 100); const my = clamp(((y - r.top) / Math.max(r.height, 1)) * 100, 0, 100); activateElement(el, mx, my, now); }); } function updateIllumination() { const px = state.x; const py = state.y; const now = performance.now(); const reach = finePointer ? 220 : 160; for (let i = 0; i < illuminateEls.length; i++) { const el = illuminateEls[i]; const mem = getLitMemory(el); const r = el.getBoundingClientRect(); const offscreen = r.bottom < -120 || r.top > window.innerHeight + 120; let proximity = 0; if (!offscreen && state.active) { const cx = clamp(px, r.left, r.right); const cy = clamp(py, r.top, r.bottom); const dist = Math.hypot(px - cx, py - cy); proximity = clamp(1 - dist / reach, 0, 1); proximity = proximity * proximity; if (proximity >= TOUCH_THRESHOLD) { const mx = ((px - r.left) / Math.max(r.width, 1)) * 100; const my = ((py - r.top) / Math.max(r.height, 1)) * 100; mem.lastMx = clamp(mx, -5, 105); mem.lastMy = clamp(my, -5, 105); } } const target = resolveHoldIntensity(mem, proximity, now); const scrollBase = !finePointer && el.classList.contains("is-scroll-lit") && target < 0.05 ? 0.35 : 0; applyLitVisual(el, Math.max(target, scrollBase), mem); } } function tick() { const smoothing = lowPower ? 0.22 : 0.14; state.x = lerp(state.x, state.targetX, smoothing); state.y = lerp(state.y, state.targetY, smoothing); root.style.setProperty("--cursor-x", state.targetX + "px"); root.style.setProperty("--cursor-y", state.targetY + "px"); root.style.setProperty("--torch-x", state.x + "px"); root.style.setProperty("--torch-y", state.y + "px"); root.style.setProperty("--torch-active", state.active ? "1" : "0"); updateIllumination(); state.raf = requestAnimationFrame(tick); } function setupScrollLighting() { if (!("IntersectionObserver" in window)) return; const io = new IntersectionObserver( (entries) => { entries.forEach((entry) => { const el = entry.target; if (entry.isIntersecting && entry.intersectionRatio > 0.35) { el.classList.add("is-scroll-lit"); if (!finePointer) { el.style.setProperty("--intensity", "0.45"); el.style.setProperty("--mx", "50%"); el.style.setProperty("--my", "45%"); el.style.setProperty("--light-intensity", "0.4"); } } }); }, { threshold: [0.2, 0.4, 0.6] } ); revealEls.forEach((el) => io.observe(el)); document.querySelectorAll(".service-card[data-illuminate]").forEach((el) => io.observe(el)); } function bindPointers() { if (finePointer) { createBeam(); window.addEventListener( "pointermove", (e) => { if (e.pointerType !== "mouse" && e.pointerType !== "pen") return; state.targetX = e.clientX; state.targetY = e.clientY; if (!state.active) { state.active = true; if (beam) beam.classList.add("is-on"); } }, { passive: true } ); window.addEventListener("pointerdown", (e) => { if (e.pointerType !== "mouse" && e.pointerType !== "pen") return; state.targetX = e.clientX; state.targetY = e.clientY; spawnBurst(e.clientX, e.clientY, false); }); document.addEventListener("mouseleave", () => { state.active = false; if (beam) beam.classList.remove("is-on"); }); document.addEventListener("mouseenter", () => { if (beam) beam.classList.add("is-on"); state.active = true; }); } window.addEventListener( "pointerdown", (e) => { if (e.pointerType === "touch") { spawnBurst(e.clientX, e.clientY, true); } }, { passive: true } ); } enhanceImages(); enhanceCards(); enhanceGlowText(); bindPointers(); setupScrollLighting(); state.raf = requestAnimationFrame(tick); window.setTimeout(() => { enhanceImages(); enhanceCards(); setupScrollLighting(); }, 50); })();

Get a Quote