{"id":11,"date":"2025-12-30T18:06:57","date_gmt":"2025-12-30T18:06:57","guid":{"rendered":"https:\/\/maycreatives.com\/?page_id=11"},"modified":"2026-01-07T04:14:38","modified_gmt":"2026-01-07T04:14:38","slug":"home","status":"publish","type":"page","link":"https:\/\/maycreatives.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7603a8e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7603a8e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3adc809\" data-id=\"3adc809\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3784f36 elementor-widget elementor-widget-html\" data-id=\"3784f36\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n  --bg:#0b0d12;\r\n  --white:#ffffff;\r\n  --silver1:#f3f4f6;\r\n  --silver2:#bfc3cf;\r\n  --silver3:#8b90a3;\r\n  --muted:#cfd3dc;\r\n  --border:rgba(255,255,255,0.16);\r\n}\r\n\r\n\/* RESET *\/\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{\r\n  font-family:Inter,system-ui,sans-serif;\r\n  background:var(--bg);\r\n  color:var(--white);\r\n  overflow-x:hidden;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n  position:relative;\r\n  height:100vh;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* SLIDES *\/\r\n.hero-slide{\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:0;\r\n  transform:scale(1.05);\r\n  transition:\r\n    opacity 1.8s ease,\r\n    transform 2.4s cubic-bezier(.22,.61,.36,1);\r\n  pointer-events:none;\r\n}\r\n\r\n.hero-slide.active{\r\n  opacity:1;\r\n  transform:scale(1);\r\n  pointer-events:auto;\r\n  z-index:1;\r\n}\r\n\r\n\/* BACKGROUND *\/\r\n.hero-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  transform:scale(1.15);\r\n  transition:transform 2.8s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.hero-slide.active .hero-bg{transform:scale(1)}\r\n\r\n.hero-bg img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  filter:contrast(1.05) saturate(.9);\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.hero-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  background:\r\n    radial-gradient(1200px 600px at 25% 15%, rgba(255,255,255,.08), transparent 60%),\r\n    linear-gradient(180deg, rgba(11,13,18,.55), rgba(11,13,18,.95) 70%, #0b0d12 100%);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.hero-content{\r\n  position:relative;\r\n  z-index:3;\r\n  height:100%;\r\n  max-width:1400px;\r\n  margin:auto;\r\n  padding:0 28px;\r\n  display:flex;\r\n  align-items:center;\r\n}\r\n\r\n.hero-inner{\r\n  max-width:900px;\r\n  transform:translateY(46px);\r\n  opacity:0;\r\n  transition:\r\n    transform 1.2s cubic-bezier(.22,.61,.36,1),\r\n    opacity .9s ease;\r\n}\r\n\r\n.hero-slide.active .hero-inner{\r\n  transform:translateY(0);\r\n  opacity:1;\r\n}\r\n\r\n\/* TITLE *\/\r\n.hero h1{\r\n  font-size:clamp(2.8rem,5vw,5rem);\r\n  font-weight:600;\r\n  line-height:1.05;\r\n  margin-bottom:26px;\r\n  letter-spacing:-.6px;\r\n  background:linear-gradient(135deg,var(--silver1),var(--silver2),var(--silver3));\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n\/* TEXT *\/\r\n.hero p{\r\n  font-size:1.2rem;\r\n  line-height:1.65;\r\n  max-width:780px;\r\n  margin-bottom:36px;\r\n}\r\n\r\n\/* CTA *\/\r\n.hero-cta{\r\n  display:flex;\r\n  gap:18px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.hero-cta a{\r\n  text-decoration:none;\r\n  color:var(--white);\r\n  padding:18px 36px;\r\n  border-radius:999px;\r\n  border:1px solid var(--border);\r\n  letter-spacing:1px;\r\n  backdrop-filter:blur(14px);\r\n  position:relative;\r\n  overflow:hidden;\r\n  transition:transform .25s ease, opacity .25s ease;\r\n}\r\n\r\n.hero-cta a.primary{\r\n  font-weight:600;\r\n  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));\r\n  border-color:rgba(255,255,255,.45);\r\n}\r\n\r\n.hero-cta a::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);\r\n  transform:translateX(-100%);\r\n  transition:transform .6s ease;\r\n}\r\n\r\n.hero-cta a:hover{transform:translateY(-2px)}\r\n.hero-cta a:hover::after{transform:translateX(100%)}\r\n\r\n\/* META *\/\r\n.hero-meta{\r\n  margin-top:26px;\r\n  font-size:.7rem;\r\n  letter-spacing:2.4px;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n\/* CREATIVE NAVIGATION *\/\r\n.hero-nav{\r\n  position:absolute;\r\n  bottom:46px;\r\n  right:56px;\r\n  z-index:6;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:26px;\r\n  font-size:.75rem;\r\n  letter-spacing:2.6px;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n.hero-nav span{\r\n  cursor:pointer;\r\n  position:relative;\r\n  padding:6px 0;\r\n}\r\n\r\n.hero-nav span::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  bottom:-4px;\r\n  width:0%;\r\n  height:1px;\r\n  background:var(--white);\r\n  transition:width .3s ease;\r\n}\r\n\r\n.hero-nav span:hover::after{\r\n  width:100%;\r\n}\r\n\r\n\/* PROGRESS BAR *\/\r\n.hero-progress{\r\n  position:absolute;\r\n  bottom:0;\r\n  left:0;\r\n  height:2px;\r\n  width:100%;\r\n  background:rgba(255,255,255,.12);\r\n  z-index:6;\r\n}\r\n\r\n.hero-progress span{\r\n  display:block;\r\n  height:100%;\r\n  width:0%;\r\n  background:linear-gradient(90deg,var(--silver1),var(--silver3));\r\n  transition:width .6s ease;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n  .hero{height:92vh}\r\n  .hero p{font-size:1.05rem}\r\n  .hero-cta{flex-direction:column}\r\n  .hero-nav{right:24px}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n\r\n  <!-- SLIDE 1 -->\r\n  <div class=\"hero-slide active\">\r\n    <div class=\"hero-bg\">\r\n      <img decoding=\"async\" src=\"http:\/\/maycreatives.com\/wp-content\/uploads\/2025\/12\/insight-abstract-scaled.png\">\r\n    <\/div>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-inner\">\r\n        <h1>Is Your Organization Scaling \u2014 Or Quietly Breaking?<\/h1>\r\n        <p>\r\nFragmented systems, slow execution, and brittle operations don\u2019t announce themselves.\r\nWe build private digital infrastructure for organizations that refuse to operate blind.\r\n        <\/p>\r\n        <div class=\"hero-cta\">\r\n          <a href=\"https:\/\/maycreatives.com\/?page_id=9\" class=\"primary\">Enter Client Dashboard<\/a>\r\n          <a href=\"https:\/\/maycreatives.com\/?page_id=8\">Request Access<\/a>\r\n        <\/div>\r\n        <div class=\"hero-meta\">\r\n          Private Systems \u00b7 Long-Term Retainers \u00b7 NDA-Driven Engagements\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SLIDE 2 -->\r\n  <div class=\"hero-slide\">\r\n    <div class=\"hero-bg\">\r\n      <img decoding=\"async\" src=\"http:\/\/maycreatives.com\/wp-content\/uploads\/2025\/12\/image-slider-2.png\">\r\n    <\/div>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-inner\">\r\n        <h1>Still Running Critical Operations on Tools Never Built to Last?<\/h1>\r\n        <p>\r\nWe architect proprietary platforms, internal systems, and automation engines\r\nfor institutions that need control, clarity, and long-term advantage.\r\n        <\/p>\r\n        <div class=\"hero-cta\">\r\n          <a href=\"https:\/\/maycreatives.com\/?page_id=9\" class=\"primary\">Access Platform<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- NAV -->\r\n  <div class=\"hero-nav\">\r\n    <span id=\"prev\">Previous<\/span>\r\n    <span id=\"next\">Next<\/span>\r\n  <\/div>\r\n\r\n  <!-- PROGRESS -->\r\n  <div class=\"hero-progress\"><span><\/span><\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n  const slides = document.querySelectorAll('.hero-slide');\r\n  const progress = document.querySelector('.hero-progress span');\r\n  const nextBtn = document.getElementById('next');\r\n  const prevBtn = document.getElementById('prev');\r\n\r\n  let current = 0;\r\n  const delay = 11000; \/\/ SLOW, PREMIUM\r\n  let timer;\r\n\r\n  function show(i){\r\n    slides.forEach(s => s.classList.remove('active'));\r\n    slides[i].classList.add('active');\r\n    progress.style.width = ((i+1)\/slides.length)*100 + '%';\r\n    current = i;\r\n  }\r\n\r\n  function next(){ show((current+1)%slides.length); reset(); }\r\n  function prev(){ show((current-1+slides.length)%slides.length); reset(); }\r\n\r\n  function auto(){ timer = setInterval(next, delay); }\r\n  function reset(){ clearInterval(timer); auto(); }\r\n\r\n  nextBtn.onclick = next;\r\n  prevBtn.onclick = prev;\r\n\r\n  document.addEventListener('keydown', e => {\r\n    if(e.key === 'ArrowRight') next();\r\n    if(e.key === 'ArrowLeft') prev();\r\n  });\r\n\r\n  auto();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bbd9152 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bbd9152\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1fac4b8\" data-id=\"1fac4b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-55740a3 elementor-widget elementor-widget-html\" data-id=\"55740a3\" 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=\"capabilities-home\" id=\"capabilities-home\">\r\n\r\n  <!-- Ambient Motion Background -->\r\n  <canvas id=\"capabilities-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"capabilities-inner\">\r\n\r\n    <!-- HEADER \/ LEAD -->\r\n    <header class=\"cap-home-head\" data-reveal=\"header\">\r\n      <span class=\"cap-kicker\">Capabilities<\/span>\r\n      <h2 class=\"cap-title\">\r\n        Institutional-Grade Digital Capabilities\r\n      <\/h2>\r\n      <p class=\"cap-lead\">\r\n        We architect and deploy complex digital systems built for environments where reliability,\r\n        discretion, and long-term ownership are non-negotiable \u2014 not short-term objectives.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- CAPABILITY GRID -->\r\n    <div class=\"capability-grid\">\r\n\r\n      <div class=\"cap-block\" data-reveal=\"cap\">\r\n        <div class=\"cap-icon\">\r\n          <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n            <rect x=\"18\" y=\"18\" width=\"64\" height=\"64\"\/>\r\n            <rect x=\"30\" y=\"30\" width=\"40\" height=\"40\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Digital Infrastructure<\/h3>\r\n        <p>\r\n          Platform architecture, proprietary systems, internal dashboards,\r\n          workflow engines, scalable databases & integrations.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cap-block\" data-reveal=\"cap\">\r\n        <div class=\"cap-icon\">\r\n          <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n            <circle cx=\"50\" cy=\"50\" r=\"32\"\/>\r\n            <path d=\"M50 18v64M18 50h64\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Brand Systems<\/h3>\r\n        <p>\r\n          Identity ecosystems, visual governance frameworks,\r\n          multi-brand architectures & design systems.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cap-block\" data-reveal=\"cap\">\r\n        <div class=\"cap-icon\">\r\n          <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n            <path d=\"M20 70h60M30 70V40M50 70V30M70 70V50\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Growth Engines<\/h3>\r\n        <p>\r\n          Search visibility architecture, content systems,\r\n          hybrid acquisition & performance optimization.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cap-block\" data-reveal=\"cap\">\r\n        <div class=\"cap-icon\">\r\n          <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n            <circle cx=\"30\" cy=\"50\" r=\"10\"\/>\r\n            <circle cx=\"70\" cy=\"50\" r=\"10\"\/>\r\n            <line x1=\"40\" y1=\"50\" x2=\"60\" y2=\"50\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Operations & Automation<\/h3>\r\n        <p>\r\n          Booking & scheduling systems, staff portals,\r\n          notifications, workflows & automation tools.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- PRIMARY CTA -->\r\n    <div class=\"cap-home-cta\" data-reveal=\"cta\">\r\n      <a href=\"https:\/\/maycreatives.com\/?page_id=68\">\r\n        Explore Full Capabilities\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<style>\r\n\/* ======================================== *\/\r\n\/* CAPABILITIES HOMEPAGE SECTION *\/\r\n\/* ======================================== *\/\r\n.capabilities-home{\r\n  position:relative;\r\n  background:#0b0d12;\r\n  padding:160px 28px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* IMPORTANT: force canvas to render reliably *\/\r\n#capabilities-canvas{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  width:100%;\r\n  height:100%;\r\n  display:block;           \/* \u2705 prevents inline-canvas quirks *\/\r\n  pointer-events:none;\r\n  opacity:.85;\r\n}\r\n\r\n\/* INNER *\/\r\n.capabilities-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1300px;\r\n  margin:auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.cap-home-head{\r\n  max-width:840px;\r\n  margin-bottom:80px;\r\n  text-align:center;\r\n}\r\n.cap-kicker{\r\n  font-size:.72rem;\r\n  letter-spacing:2.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n  margin-bottom:14px;\r\n  display:inline-block;\r\n}\r\n.cap-title{\r\n  font-size:clamp(2.6rem,4.5vw,4rem);\r\n  font-weight:600;\r\n  line-height:1.1;\r\n  margin-bottom:22px;\r\n  background:linear-gradient(135deg,#f3f4f6,#bfc3cf,#8b90a3);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n.cap-lead{\r\n  font-size:1.1rem;\r\n  line-height:1.8;\r\n  color:#9aa0b2;\r\n}\r\n\r\n\/* GRID *\/\r\n.capability-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n  gap:48px;\r\n  margin-bottom:60px;\r\n}\r\n\r\n\/* BLOCK *\/\r\n.cap-block{\r\n  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:26px;\r\n  padding:36px;\r\n  transition:transform .3s ease,box-shadow .3s ease;\r\n}\r\n.cap-block:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 24px 64px rgba(0,0,0,.42);\r\n}\r\n\r\n\/* ICON *\/\r\n.cap-icon{\r\n  width:56px;\r\n  height:56px;\r\n  margin-bottom:20px;\r\n}\r\n.cap-icon svg{\r\n  width:100%;\r\n  height:100%;\r\n  stroke:#ffffff;\r\n  stroke-width:2;\r\n  fill:none;\r\n  opacity:.85;\r\n  transition:opacity .3s ease,transform .35s ease;\r\n}\r\n.cap-block:hover .cap-icon svg{\r\n  opacity:1;\r\n  transform:scale(1.12);\r\n}\r\n\r\n\/* TEXT *\/\r\n.cap-block h3{\r\n  font-size:1.22rem;\r\n  margin-bottom:12px;\r\n  background:linear-gradient(135deg,#f3f4f6,#bfc3cf);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n.cap-block p{\r\n  font-size:.97rem;\r\n  line-height:1.65;\r\n  color:#9aa0b2;\r\n}\r\n\r\n\/* CTA *\/\r\n.cap-home-cta{\r\n  text-align:center;\r\n  margin-top:36px;\r\n}\r\n.cap-home-cta a{\r\n  display:inline-block;\r\n  padding:18px 38px;\r\n  border-radius:999px;\r\n  font-size:.85rem;\r\n  letter-spacing:2px;\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  color:#0b0d12;\r\n  background:linear-gradient(135deg,#f3f4f6,#bfc3cf,#8b90a3);\r\n}\r\n\r\n\/* REVEAL *\/\r\n[data-reveal]{\r\n  opacity:0;\r\n  transform:translateY(16px);\r\n  transition:opacity .8s ease,transform .85s cubic-bezier(.22,.61,.36,1);\r\n}\r\n.revealed{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n  .capabilities-home{padding:120px 24px}\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  #capabilities-canvas{display:none}\r\n  [data-reveal]{opacity:1;transform:none;transition:none}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ==== AMBIENT MOTION BACKGROUND (ROBUST + ALWAYS STARTS) ==== *\/\r\n(function(){\r\n  const section = document.getElementById('capabilities-home');\r\n  const canvas  = document.getElementById('capabilities-canvas');\r\n  if(!section || !canvas) return;\r\n\r\n  const ctx = canvas.getContext('2d');\r\n  let w=0, h=0, raf=0;\r\n  const dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n\r\n  function resize(){\r\n    \/\/ use section box for reliable sizing in WP builders\r\n    const rect = section.getBoundingClientRect();\r\n    w = Math.max(1, Math.floor(rect.width));\r\n    h = Math.max(1, Math.floor(section.offsetHeight)); \/\/ \u2705 real rendered height\r\n    canvas.width  = Math.floor(w * dpr);\r\n    canvas.height = Math.floor(h * dpr);\r\n    ctx.setTransform(dpr,0,0,dpr,0,0);\r\n  }\r\n\r\n  let pts = [];\r\n  function seed(){\r\n    pts = Array.from({length:44},()=>({\r\n      x:Math.random()*w,\r\n      y:Math.random()*h,\r\n      vx:(Math.random()-.5)*0.10,\r\n      vy:(Math.random()-.5)*0.10\r\n    }));\r\n  }\r\n\r\n  function draw(){\r\n    ctx.clearRect(0,0,w,h);\r\n\r\n    \/\/ links\r\n    for(let i=0;i<pts.length;i++){\r\n      for(let j=i+1;j<pts.length;j++){\r\n        const a=pts[i], b=pts[j];\r\n        const d = Math.hypot(a.x-b.x, a.y-b.y);\r\n        if(d < 150){\r\n          ctx.strokeStyle = `rgba(255,255,255,${0.08*(1-d\/150)})`;\r\n          ctx.lineWidth = 1;\r\n          ctx.beginPath();\r\n          ctx.moveTo(a.x,a.y);\r\n          ctx.lineTo(b.x,b.y);\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ nodes\r\n    for(const p of pts){\r\n      p.x += p.vx; p.y += p.vy;\r\n      if(p.x < 0 || p.x > w) p.vx *= -1;\r\n      if(p.y < 0 || p.y > h) p.vy *= -1;\r\n\r\n      ctx.beginPath();\r\n      ctx.arc(p.x,p.y,1.3,0,Math.PI*2);\r\n      ctx.fillStyle = \"rgba(255,255,255,.18)\";\r\n      ctx.fill();\r\n    }\r\n\r\n    raf = requestAnimationFrame(draw);\r\n  }\r\n\r\n  \/\/ init\r\n  resize(); seed(); draw();\r\n  window.addEventListener('resize', () => { resize(); seed(); }, {passive:true});\r\n\r\n  \/\/ pause when off-screen (perf safe)\r\n  const io = new IntersectionObserver(entries=>{\r\n    entries.forEach(e=>{\r\n      if(!e.isIntersecting){\r\n        cancelAnimationFrame(raf);\r\n      }else{\r\n        \/\/ ensure correct height before restart (WP layout shifts)\r\n        resize();\r\n        if(!raf) draw();\r\n        else draw();\r\n      }\r\n    });\r\n  },{threshold:0.06});\r\n  io.observe(section);\r\n})();\r\n\r\n\/* ==== STAGGERED REVEALS ==== *\/\r\n(function(){\r\n  const root = document.getElementById('capabilities-home');\r\n  if(!root) return;\r\n  const items = root.querySelectorAll('[data-reveal]');\r\n  const io = new IntersectionObserver(entries=>{\r\n    entries.forEach(e=>{\r\n      if(e.isIntersecting){\r\n        items.forEach((el,i)=>setTimeout(()=>el.classList.add('revealed'), 90*i));\r\n        io.disconnect();\r\n      }\r\n    });\r\n  },{threshold:.2});\r\n  io.observe(root);\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c8b340 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7c8b340\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1bc0067\" data-id=\"1bc0067\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8346a30 elementor-widget elementor-widget-html\" data-id=\"8346a30\" 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=\"core-systems\" id=\"core-systems\">\r\n\r\n  <!-- Ambient Motion Canvas -->\r\n  <canvas id=\"core-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"core-inner\">\r\n\r\n    <!-- LEFT: SYSTEM VISUAL -->\r\n    <div class=\"core-visual\" data-parallax>\r\n      <img decoding=\"async\" src=\"http:\/\/maycreatives.com\/wp-content\/uploads\/2025\/12\/abstract.png\" alt=\"Digital Infrastructure Architecture\">\r\n      <div class=\"visual-overlay\"><\/div>\r\n      <div class=\"visual-grid\"><\/div>\r\n      <div class=\"visual-sheen\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: SYSTEM CONTENT -->\r\n    <div class=\"core-content\" data-reveal>\r\n\r\n      <span class=\"core-kicker\">Core Systems<\/span>\r\n\r\n      <h2>\r\n        Integrated Digital Systems<br>\r\n        Built to Govern Scale\r\n      <\/h2>\r\n\r\n      <p class=\"core-lead\">\r\n        May Creatives designs interconnected digital systems that define\r\n        how organizations operate, coordinate, and grow \u2014 with clarity,\r\n        control, and long-term continuity.\r\n      <\/p>\r\n\r\n      <!-- EXECUTIVE SYSTEM MAP -->\r\n      <div class=\"core-map\">\r\n\r\n        <div class=\"map-item\" data-reveal>\r\n          <div class=\"map-illus\">\r\n            <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n              <rect x=\"20\" y=\"20\" width=\"60\" height=\"60\"\/>\r\n              <rect x=\"32\" y=\"32\" width=\"36\" height=\"36\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"map-text\">\r\n            <h3>Digital Infrastructure<\/h3>\r\n            <p>Proprietary platforms, dashboards, plugins, and databases engineered for durability and ownership.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"map-item\" data-reveal>\r\n          <div class=\"map-illus\">\r\n            <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n              <circle cx=\"50\" cy=\"50\" r=\"30\"\/>\r\n              <path d=\"M50 20v60M20 50h60\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"map-text\">\r\n            <h3>Brand Systems<\/h3>\r\n            <p>Identity governance frameworks ensuring consistency across products, platforms, and markets.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"map-item\" data-reveal>\r\n          <div class=\"map-illus\">\r\n            <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n              <path d=\"M20 70h60M30 70V40M50 70V30M70 70V50\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"map-text\">\r\n            <h3>Growth Engines<\/h3>\r\n            <p>Compounding acquisition systems combining visibility, content, and long-term reach.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"map-item\" data-reveal>\r\n          <div class=\"map-illus\">\r\n            <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n              <circle cx=\"30\" cy=\"50\" r=\"10\"\/>\r\n              <circle cx=\"70\" cy=\"50\" r=\"10\"\/>\r\n              <line x1=\"40\" y1=\"50\" x2=\"60\" y2=\"50\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"map-text\">\r\n            <h3>Operations & Automation<\/h3>\r\n            <p>Workflow engines, internal tools, and automation layers that reduce friction and increase control.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- SECTION CTA -->\r\n      <div class=\"core-section-cta\" data-reveal>\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=72\" aria-label=\"Understand our approach\">\r\n          <span>Understand Our Approach<\/span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<style>\r\n\/* ================= CORE SYSTEMS ================= *\/\r\n.core-systems{\r\n  position:relative;\r\n  background:#0b0d12;\r\n  padding:170px 28px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* IMPORTANT: force canvas to render reliably in builders *\/\r\n#core-canvas{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  width:100%;\r\n  height:100%;\r\n  display:block;        \/* \u2705 prevents inline canvas quirks *\/\r\n  opacity:.9;\r\n  pointer-events:none;  \/* \u2705 never blocks content *\/\r\n}\r\n\r\n.core-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1400px;\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:1.1fr 1fr;\r\n  gap:100px;\r\n  align-items:center;\r\n}\r\n\r\n\/* VISUAL *\/\r\n.core-visual{\r\n  position:relative;\r\n  border-radius:30px;\r\n  overflow:hidden;\r\n}\r\n\r\n.core-visual img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transform:scale(1.06);\r\n  filter:contrast(1.05) saturate(.9);\r\n}\r\n\r\n.visual-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg, rgba(11,13,18,.15), rgba(11,13,18,.9));\r\n}\r\n\r\n.visual-grid{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\r\n  background-size:48px 48px;\r\n  opacity:.25;\r\n}\r\n\r\n.visual-sheen{\r\n  position:absolute;\r\n  inset:-40%;\r\n  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);\r\n  transform:rotate(18deg) translateX(-80%);\r\n  animation:sheen 6.4s ease-in-out infinite;\r\n}\r\n@keyframes sheen{\r\n  0%{transform:rotate(18deg) translateX(-80%)}\r\n  45%{transform:rotate(18deg) translateX(120%)}\r\n  100%{transform:rotate(18deg) translateX(120%)}\r\n}\r\n\r\n\/* CONTENT *\/\r\n.core-content{max-width:620px}\r\n.core-kicker{\r\n  font-size:.72rem;\r\n  letter-spacing:2.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n  margin-bottom:18px;\r\n  display:inline-block;\r\n}\r\n.core-content h2{\r\n  font-size:clamp(2.2rem,4vw,3.4rem);\r\n  font-weight:500;\r\n  margin-bottom:26px;\r\n  color:#e6e9f0;\r\n}\r\n.core-lead{\r\n  font-size:1.05rem;\r\n  line-height:1.7;\r\n  color:#ffffff;\r\n  margin-bottom:64px;\r\n}\r\n\r\n\/* MAP *\/\r\n.core-map{display:flex;flex-direction:column;gap:38px}\r\n.map-item{\r\n  display:grid;\r\n  grid-template-columns:54px 1fr;\r\n  gap:24px;\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity .8s ease, transform .95s cubic-bezier(.22,.61,.36,1);\r\n}\r\n.map-item.revealed{opacity:1;transform:none}\r\n.map-illus svg{\r\n  width:44px;height:44px;\r\n  fill:none;stroke:#fff;stroke-width:2;opacity:.85;\r\n}\r\n.map-text h3{margin-bottom:8px;color:#e6e9f0}\r\n.map-text p{color:#9aa0b2;font-size:.95rem;line-height:1.6}\r\n\r\n\/* CTA *\/\r\n.core-section-cta{margin-top:72px}\r\n.core-section-cta a{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  padding:14px 28px;\r\n  border-radius:999px;\r\n  font-size:.75rem;\r\n  letter-spacing:2.4px;\r\n  text-transform:uppercase;\r\n  color:#fff;\r\n  text-decoration:none;\r\n  border:1px solid rgba(255,255,255,.16);\r\n  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));\r\n  backdrop-filter:blur(12px);\r\n  transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;\r\n}\r\n.core-section-cta a:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 18px 44px rgba(0,0,0,.45);\r\n  opacity:.95;\r\n}\r\n.core-section-cta svg{\r\n  width:18px;height:18px;\r\n  fill:none;stroke:#fff;stroke-width:2;\r\n  opacity:.85;\r\n  transition:transform .25s ease;\r\n}\r\n.core-section-cta a:hover svg{transform:translateX(4px)}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n  .core-inner{grid-template-columns:1fr;gap:80px}\r\n  .core-systems{padding:120px 24px}\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  #core-canvas{display:none}\r\n  .visual-sheen{animation:none}\r\n  .map-item{opacity:1;transform:none;transition:none}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ==== AMBIENT MOTION BACKGROUND (ROBUST + BUILDER-SAFE) ==== *\/\r\n(function(){\r\n  const section = document.getElementById('core-systems');\r\n  const canvas  = document.getElementById('core-canvas');\r\n  if(!section || !canvas) return;\r\n\r\n  const ctx = canvas.getContext('2d');\r\n  let w=0, h=0, raf=0;\r\n  const dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n\r\n  function resize(){\r\n    const rect = section.getBoundingClientRect();\r\n    w = Math.max(1, Math.floor(rect.width));\r\n    h = Math.max(1, Math.floor(section.offsetHeight)); \/* \u2705 real height *\/\r\n    canvas.width  = Math.floor(w * dpr);\r\n    canvas.height = Math.floor(h * dpr);\r\n    ctx.setTransform(dpr,0,0,dpr,0,0);\r\n  }\r\n\r\n  let pts = [];\r\n  function seed(){\r\n    pts = Array.from({length:48},()=>({\r\n      x:Math.random()*w,\r\n      y:Math.random()*h,\r\n      vx:(Math.random()-.5)*0.12,\r\n      vy:(Math.random()-.5)*0.12\r\n    }));\r\n  }\r\n\r\n  function step(){\r\n    ctx.clearRect(0,0,w,h);\r\n\r\n    for(let i=0;i<pts.length;i++){\r\n      for(let j=i+1;j<pts.length;j++){\r\n        const a=pts[i], b=pts[j];\r\n        const d = Math.hypot(a.x-b.x, a.y-b.y);\r\n        if(d < 150){\r\n          ctx.strokeStyle = `rgba(255,255,255,${0.06*(1-d\/150)})`;\r\n          ctx.lineWidth = 1;\r\n          ctx.beginPath();\r\n          ctx.moveTo(a.x,a.y);\r\n          ctx.lineTo(b.x,b.y);\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n\r\n    for(const p of pts){\r\n      p.x += p.vx; p.y += p.vy;\r\n      if(p.x < 0 || p.x > w) p.vx *= -1;\r\n      if(p.y < 0 || p.y > h) p.vy *= -1;\r\n\r\n      ctx.beginPath();\r\n      ctx.arc(p.x,p.y,1.2,0,Math.PI*2);\r\n      ctx.fillStyle = \"rgba(255,255,255,.12)\";\r\n      ctx.fill();\r\n    }\r\n\r\n    raf = requestAnimationFrame(step);\r\n  }\r\n\r\n  \/\/ init + start immediately\r\n  resize(); seed(); step();\r\n  window.addEventListener('resize', () => { resize(); seed(); }, {passive:true});\r\n\r\n  \/\/ pause off-screen (perf safe)\r\n  const io = new IntersectionObserver(entries=>{\r\n    entries.forEach(e=>{\r\n      if(!e.isIntersecting){\r\n        cancelAnimationFrame(raf);\r\n        raf = 0;\r\n      } else {\r\n        resize(); \/\/ handle layout shifts\r\n        if(!raf) step();\r\n      }\r\n    });\r\n  },{threshold:0.06});\r\n  io.observe(section);\r\n})();\r\n\r\n\/* ==== REVEALS ==== *\/\r\n(function(){\r\n  const root = document.getElementById('core-systems');\r\n  if(!root) return;\r\n\r\n  const els = root.querySelectorAll('[data-reveal]');\r\n  const io = new IntersectionObserver(entries=>{\r\n    entries.forEach(en=>{\r\n      if(en.isIntersecting){\r\n        en.target.classList.add('revealed');\r\n        io.unobserve(en.target);\r\n      }\r\n    });\r\n  },{threshold:.18});\r\n\r\n  els.forEach(el=>io.observe(el));\r\n})();\r\n\r\n\/* ==== PARALLAX (SCOPED) ==== *\/\r\n(function(){\r\n  const section = document.getElementById('core-systems');\r\n  const el = section ? section.querySelector('[data-parallax]') : null;\r\n  if(!section || !el) return;\r\n\r\n  let last = 0;\r\n  window.addEventListener('scroll', ()=>{\r\n    const y = window.scrollY || 0;\r\n    if(Math.abs(y-last) < 2) return;\r\n    last = y;\r\n\r\n    const r = el.getBoundingClientRect();\r\n    const d = (r.top + r.height\/2 - window.innerHeight\/2) * -0.03;\r\n    el.style.transform = `translateY(${d}px)`;\r\n  }, {passive:true});\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3471a27 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3471a27\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-94e021e\" data-id=\"94e021e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-caa0ce6 elementor-widget elementor-widget-html\" data-id=\"caa0ce6\" 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=\"engagement-model\" id=\"engagement-model\">\r\n\r\n  <!-- Ambient Motion Background -->\r\n  <canvas id=\"engagement-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"engagement-inner\">\r\n\r\n    <!-- VISUAL -->\r\n    <div class=\"engagement-visual\" data-parallax>\r\n      <img decoding=\"async\" src=\"http:\/\/maycreatives.com\/wp-content\/uploads\/2025\/12\/image-slider-2.png\" alt=\"System Orchestration Environment\">\r\n      <div class=\"engagement-overlay\"><\/div>\r\n      <div class=\"engagement-sheen\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"engagement-breath\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- CONTENT -->\r\n    <div class=\"engagement-content\">\r\n\r\n      <span class=\"engagement-kicker\" data-reveal>Engagement Model<\/span>\r\n\r\n      <h2 class=\"engagement-title\" data-reveal>\r\n        Structured Execution.<br>\r\n        Controlled Environments.\r\n      <\/h2>\r\n\r\n      <p class=\"engagement-lead\" data-reveal>\r\n        Our engagements follow a phased execution framework designed\r\n        to maintain control, reduce exposure, and support long-term\r\n        system ownership across evolving operational conditions.\r\n      <\/p>\r\n\r\n      <!-- PHASE TIMELINE -->\r\n      <div class=\"engagement-phases\">\r\n\r\n        <div class=\"phase\" data-reveal>\r\n          <span class=\"phase-index\">01<\/span>\r\n          <div class=\"phase-body\">\r\n            <h3>Discovery & Systems Audit<\/h3>\r\n            <p>Assessment of infrastructure, constraints, and objectives before design or engineering begins.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"phase\" data-reveal>\r\n          <span class=\"phase-index\">02<\/span>\r\n          <div class=\"phase-body\">\r\n            <h3>Architecture & Planning<\/h3>\r\n            <p>Definition of system structure, dependencies, and execution paths within controlled parameters.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"phase\" data-reveal>\r\n          <span class=\"phase-index\">03<\/span>\r\n          <div class=\"phase-body\">\r\n            <h3>Design & Engineering<\/h3>\r\n            <p>Parallel development of interfaces, workflows, and automation layers aligned with system logic.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"phase\" data-reveal>\r\n          <span class=\"phase-index\">04<\/span>\r\n          <div class=\"phase-body\">\r\n            <h3>Deployment & Validation<\/h3>\r\n            <p>Controlled release and validation for stability, security posture, and production readiness.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"phase\" data-reveal>\r\n          <span class=\"phase-index\">05<\/span>\r\n          <div class=\"phase-body\">\r\n            <h3>Optimization & Continuity<\/h3>\r\n            <p>Ongoing refinement, monitoring, and adjustment as scale and requirements evolve.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<style>\r\n\/* ================= ENGAGEMENT MODEL ================= *\/\r\n.engagement-model{\r\n  position:relative;\r\n  background:#0b0d12;\r\n  padding:170px 28px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* CANVAS (guaranteed non-intrusive) *\/\r\n#engagement-canvas{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  width:100%;\r\n  height:100%;\r\n  opacity:.9;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* LAYOUT *\/\r\n.engagement-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1400px;\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:1.1fr 1fr;\r\n  gap:100px;\r\n  align-items:center;\r\n}\r\n\r\n\/* VISUAL *\/\r\n.engagement-visual{\r\n  position:relative;\r\n  border-radius:30px;\r\n  overflow:hidden;\r\n  will-change:transform;\r\n}\r\n\r\n.engagement-visual img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transform:scale(1.1);\r\n  filter:contrast(1.05) saturate(.9);\r\n}\r\n\r\n\/* overlays *\/\r\n.engagement-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    radial-gradient(900px 500px at 30% 20%, rgba(255,255,255,.10), transparent 60%),\r\n    linear-gradient(180deg, rgba(11,13,18,.25), rgba(11,13,18,.92));\r\n}\r\n\r\n.engagement-sheen{\r\n  position:absolute;\r\n  inset:-40%;\r\n  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);\r\n  transform:rotate(16deg) translateX(-90%);\r\n  animation:engageSheen 6.8s ease-in-out infinite;\r\n  opacity:.55;\r\n  mix-blend-mode:screen;\r\n}\r\n\r\n.engagement-breath{\r\n  position:absolute;\r\n  inset:0;\r\n  background:radial-gradient(700px 420px at 70% 30%, rgba(255,255,255,.06), transparent 60%);\r\n  animation:breath 5.6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes engageSheen{\r\n  0%{transform:rotate(16deg) translateX(-90%)}\r\n  40%{transform:rotate(16deg) translateX(130%)}\r\n  100%{transform:rotate(16deg) translateX(130%)}\r\n}\r\n@keyframes breath{\r\n  0%,100%{opacity:.55}\r\n  50%{opacity:1}\r\n}\r\n\r\n\/* CONTENT *\/\r\n.engagement-content{max-width:640px}\r\n\r\n.engagement-kicker{\r\n  font-size:.72rem;\r\n  letter-spacing:2.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n  margin-bottom:18px;\r\n  display:inline-block;\r\n}\r\n\r\n.engagement-title{\r\n  font-size:clamp(2.2rem,4vw,3.6rem);\r\n  font-weight:600;\r\n  line-height:1.1;\r\n  margin-bottom:22px;\r\n  background:linear-gradient(135deg,#f3f4f6,#bfc3cf,#8b90a3);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n.engagement-lead{\r\n  font-size:1.05rem;\r\n  line-height:1.7;\r\n  color:#ffffff;\r\n  margin-bottom:64px;\r\n}\r\n\r\n\/* PHASES *\/\r\n.engagement-phases{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:30px;\r\n  position:relative;\r\n  padding-left:10px;\r\n}\r\n\r\n.engagement-phases::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:18px;\r\n  top:8px;\r\n  bottom:8px;\r\n  width:1px;\r\n  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0));\r\n}\r\n\r\n.phase{\r\n  display:grid;\r\n  grid-template-columns:56px 1fr;\r\n  gap:18px;\r\n}\r\n\r\n.phase-index{\r\n  width:38px;\r\n  height:38px;\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.14);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:.72rem;\r\n  letter-spacing:1.2px;\r\n  color:#cfd3dc;\r\n  background:rgba(255,255,255,.04);\r\n  backdrop-filter:blur(10px);\r\n}\r\n\r\n.phase-body h3{\r\n  font-size:1.02rem;\r\n  font-weight:500;\r\n  margin-bottom:6px;\r\n  color:#e6e9f0;\r\n}\r\n\r\n.phase-body p{\r\n  font-size:.95rem;\r\n  line-height:1.6;\r\n  color:#9aa0b2;\r\n}\r\n\r\n\/* REVEAL *\/\r\n[data-reveal]{\r\n  opacity:0;\r\n  transform:translateY(18px);\r\n  filter:blur(6px);\r\n  transition:opacity .9s ease, transform .95s cubic-bezier(.22,.61,.36,1), filter .9s ease;\r\n}\r\n.revealed{\r\n  opacity:1;\r\n  transform:none;\r\n  filter:none;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n  .engagement-model{padding:120px 24px}\r\n  .engagement-inner{grid-template-columns:1fr; gap:70px}\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  #engagement-canvas{display:none}\r\n  .engagement-sheen,.engagement-breath{animation:none}\r\n  [data-reveal]{opacity:1;transform:none;filter:none}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ================= NATIVE MOTION BACKGROUND ================= *\/\r\n(function(){\r\n  const canvas=document.getElementById('engagement-canvas');\r\n  if(!canvas) return;\r\n  const ctx=canvas.getContext('2d');\r\n\r\n  let w,h,raf;\r\n  const dpr=Math.min(window.devicePixelRatio||1,2);\r\n\r\n  function resize(){\r\n    w=canvas.clientWidth; h=canvas.clientHeight;\r\n    canvas.width=w*dpr; canvas.height=h*dpr;\r\n    ctx.setTransform(dpr,0,0,dpr,0,0);\r\n  }\r\n  resize(); window.addEventListener('resize',resize);\r\n\r\n  const nodes=Array.from({length:46},()=>({\r\n    x:Math.random()*w, y:Math.random()*h,\r\n    vx:(Math.random()-.5)*.14, vy:(Math.random()-.5)*.14\r\n  }));\r\n\r\n  function step(){\r\n    ctx.clearRect(0,0,w,h);\r\n    for(let i=0;i<nodes.length;i++){\r\n      for(let j=i+1;j<nodes.length;j++){\r\n        const a=nodes[i],b=nodes[j];\r\n        const d=Math.hypot(a.x-b.x,a.y-b.y);\r\n        if(d<160){\r\n          ctx.strokeStyle=`rgba(255,255,255,${0.12*(1-d\/160)})`;\r\n          ctx.beginPath(); ctx.moveTo(a.x,a.y); ctx.lineTo(b.x,b.y); ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n    for(const n of nodes){\r\n      n.x+=n.vx; n.y+=n.vy;\r\n      if(n.x<0||n.x>w) n.vx*=-1;\r\n      if(n.y<0||n.y>h) n.vy*=-1;\r\n      ctx.beginPath(); ctx.arc(n.x,n.y,1.35,0,Math.PI*2);\r\n      ctx.fillStyle=\"rgba(255,255,255,.20)\"; ctx.fill();\r\n    }\r\n    raf=requestAnimationFrame(step);\r\n  }\r\n\r\n  const io=new IntersectionObserver(e=>{\r\n    e[0].isIntersecting?step():cancelAnimationFrame(raf);\r\n  },{threshold:.05});\r\n  io.observe(canvas);\r\n})();\r\n\r\n\/* ================= REVEAL STAGGER ================= *\/\r\n(function(){\r\n  const root=document.getElementById('engagement-model');\r\n  const els=root.querySelectorAll('[data-reveal]');\r\n  const io=new IntersectionObserver(e=>{\r\n    if(!e[0].isIntersecting) return;\r\n    els.forEach((el,i)=>setTimeout(()=>el.classList.add('revealed'),80*i));\r\n    io.disconnect();\r\n  },{threshold:.22});\r\n  io.observe(root);\r\n})();\r\n\r\n\/* ================= PARALLAX + BREATH ================= *\/\r\n(function(){\r\n  const wrap=document.querySelector('#engagement-model [data-parallax]');\r\n  const img=wrap?.querySelector('img');\r\n  if(!wrap||!img) return;\r\n\r\n  let t=0;\r\n  function breathe(){\r\n    t+=0.006;\r\n    img.style.transform=`scale(${1.1+Math.sin(t)*0.008})`;\r\n    requestAnimationFrame(breathe);\r\n  }\r\n  function scroll(){\r\n    const r=wrap.getBoundingClientRect();\r\n    const d=(r.top+r.height\/2-window.innerHeight\/2)*-0.03;\r\n    wrap.style.transform=`translateY(${d}px)`;\r\n  }\r\n  window.addEventListener('scroll',scroll,{passive:true});\r\n  scroll(); breathe();\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7457b79 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7457b79\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bea9a28\" data-id=\"bea9a28\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d5e4b4 elementor-widget elementor-widget-html\" data-id=\"9d5e4b4\" 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=\"case-work\" id=\"case-work\">\r\n\r\n  <!-- ALWAYS-ON NATIVE MOTION BACKGROUND -->\r\n  <canvas id=\"case-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"case-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"case-head\">\r\n      <span class=\"case-kicker\" data-reveal>Representative Case Work<\/span>\r\n\r\n      <h2 class=\"case-title\" data-reveal>\r\n        Systems Delivered Across<br>\r\n        Complex Operating Environments\r\n      <\/h2>\r\n\r\n      <p class=\"case-lead\" data-reveal>\r\n        The following engagements represent executed systems.\r\n        Quantitative signals are provided to illustrate scope,\r\n        scale, and operational impact without exposing sensitive data.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- CASE GRID -->\r\n    <div class=\"case-grid\">\r\n\r\n      <!-- CASE CARD -->\r\n      <div class=\"case-card\" data-reveal>\r\n        <div class=\"case-top\">\r\n          <h3>National Digital Platform<\/h3>\r\n          <span class=\"case-industry\">Public Sector \u00b7 Infrastructure<\/span>\r\n        <\/div>\r\n\r\n        <!-- METRICS -->\r\n        <div class=\"case-metrics\">\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">+42%<\/span>\r\n            <span class=\"metric-label\">Workflow Efficiency<\/span>\r\n          <\/div>\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">18M+<\/span>\r\n            <span class=\"metric-label\">Annual Transactions<\/span>\r\n          <\/div>\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">99.98%<\/span>\r\n            <span class=\"metric-label\">Uptime<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- CHART -->\r\n        <div class=\"case-chart\">\r\n          <canvas class=\"mini-chart\"><\/canvas>\r\n        <\/div>\r\n\r\n        <p class=\"case-desc\">\r\n          Centralized digital platform coordinating multi-department workflows,\r\n          data governance, and long-term extensibility.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- CASE CARD -->\r\n      <div class=\"case-card\" data-reveal>\r\n        <div class=\"case-top\">\r\n          <h3>Enterprise Operations System<\/h3>\r\n          <span class=\"case-industry\">Logistics \u00b7 Operations<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"case-metrics\">\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">-31%<\/span>\r\n            <span class=\"metric-label\">Operational Friction<\/span>\r\n          <\/div>\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">7,200+<\/span>\r\n            <span class=\"metric-label\">Daily Actions<\/span>\r\n          <\/div>\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">24\/7<\/span>\r\n            <span class=\"metric-label\">System Control<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"case-chart\">\r\n          <canvas class=\"mini-chart\"><\/canvas>\r\n        <\/div>\r\n\r\n        <p class=\"case-desc\">\r\n          Internal control system aligning scheduling, notifications,\r\n          reporting, and resource allocation across distributed teams.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- CASE CARD -->\r\n      <div class=\"case-card\" data-reveal>\r\n        <div class=\"case-top\">\r\n          <h3>Long-Term Growth Engine<\/h3>\r\n          <span class=\"case-industry\">Media \u00b7 Digital Growth<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"case-metrics\">\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">\u00d74.6<\/span>\r\n            <span class=\"metric-label\">Traffic Growth<\/span>\r\n          <\/div>\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">14 mo<\/span>\r\n            <span class=\"metric-label\">Compounding Window<\/span>\r\n          <\/div>\r\n          <div class=\"metric\">\r\n            <span class=\"metric-value\">0%<\/span>\r\n            <span class=\"metric-label\">Paid Dependency<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"case-chart\">\r\n          <canvas class=\"mini-chart\"><\/canvas>\r\n        <\/div>\r\n\r\n        <p class=\"case-desc\">\r\n          Durable acquisition system combining search infrastructure,\r\n          content systems, and long-term ownership logic.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- QUIET CTA -->\r\n    <div class=\"case-section-cta\" data-reveal>\r\n      <a href=\"https:\/\/maycreatives.com\/?page_id=73\" class=\"cta-inline\">\r\n        <span>View Detailed Case Work<\/span>\r\n        <span class=\"cta-line\"><\/span>\r\n        <span class=\"cta-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================= SECTION ================= *\/\r\n.case-work{\r\n  position:relative;\r\n  background:#0b0d12;\r\n  padding:160px 28px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* MOTION BACKGROUND *\/\r\n#case-canvas{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  opacity:.9;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* INNER *\/\r\n.case-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1400px;\r\n  margin:auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.case-head{max-width:820px;margin-bottom:110px}\r\n.case-kicker{\r\n  font-size:.72rem;letter-spacing:2.6px;text-transform:uppercase;\r\n  color:#9aa0b2;margin-bottom:18px;display:inline-block;\r\n}\r\n.case-title{\r\n  font-size:clamp(2.2rem,4vw,3.4rem);\r\n  font-weight:600;line-height:1.14;margin-bottom:22px;\r\n  background:linear-gradient(135deg,#f3f4f6,#bfc3cf,#8b90a3);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n}\r\n.case-lead{font-size:1.05rem;line-height:1.7;color:#ffffff}\r\n\r\n\/* GRID *\/\r\n.case-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));\r\n  gap:48px;\r\n}\r\n\r\n\/* CARD *\/\r\n.case-card{\r\n  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:26px;\r\n  padding:34px;\r\n  backdrop-filter:blur(18px);\r\n  transition:transform .35s ease,box-shadow .35s ease;\r\n}\r\n.case-card:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 30px 80px rgba(0,0,0,.55);\r\n}\r\n\r\n.case-top h3{color:#e6e9f0;margin-bottom:4px}\r\n.case-industry{\r\n  font-size:.72rem;letter-spacing:1.4px;text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\r\n\/* METRICS *\/\r\n.case-metrics{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:18px;\r\n  margin:26px 0 22px;\r\n}\r\n.metric{\r\n  border-top:1px solid rgba(255,255,255,.12);\r\n  padding-top:10px;\r\n}\r\n.metric-value{\r\n  font-size:1.15rem;\r\n  font-weight:600;\r\n  color:#ffffff;\r\n}\r\n.metric-label{\r\n  font-size:.7rem;\r\n  letter-spacing:1.8px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\r\n\/* CHART *\/\r\n.case-chart{\r\n  height:64px;\r\n  margin-bottom:22px;\r\n}\r\n.mini-chart{\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\n\/* DESC *\/\r\n.case-desc{\r\n  font-size:.95rem;\r\n  line-height:1.6;\r\n  color:#cfd3dc;\r\n}\r\n\r\n\/* CTA *\/\r\n.case-section-cta{margin-top:96px}\r\n.cta-inline{\r\n  display:inline-flex;align-items:center;gap:14px;\r\n  font-size:.78rem;letter-spacing:2.2px;text-transform:uppercase;\r\n  color:#e6e9f0;text-decoration:none;\r\n}\r\n.cta-line{\r\n  width:28px;height:1px;\r\n  background:linear-gradient(to right,transparent,rgba(255,255,255,.6),transparent);\r\n  transition:width .35s cubic-bezier(.22,.61,.36,1);\r\n}\r\n.cta-arrow{transition:transform .35s cubic-bezier(.22,.61,.36,1);opacity:.7}\r\n.cta-inline:hover .cta-line{width:52px}\r\n.cta-inline:hover .cta-arrow{transform:translateX(6px);opacity:1}\r\n\r\n\/* REVEAL *\/\r\n[data-reveal]{\r\n  opacity:0;transform:translateY(18px);filter:blur(6px);\r\n  transition:.9s cubic-bezier(.22,.61,.36,1);\r\n}\r\n.revealed{opacity:1;transform:none;filter:none}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n  .case-work{padding:120px 24px}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ===== BACKGROUND MOTION ===== *\/\r\n(function(){\r\n  const c=document.getElementById('case-canvas'),ctx=c.getContext('2d');\r\n  let w,h;const dpr=Math.min(devicePixelRatio||1,2);\r\n  function resize(){\r\n    w=c.clientWidth;h=c.clientHeight;\r\n    c.width=w*dpr;c.height=h*dpr;\r\n    ctx.setTransform(dpr,0,0,dpr,0,0);\r\n  }\r\n  resize();addEventListener('resize',resize);\r\n\r\n  const nodes=[...Array(42)].map(()=>({\r\n    x:Math.random()*w,y:Math.random()*h,\r\n    vx:(Math.random()-.5)*.14,vy:(Math.random()-.5)*.14\r\n  }));\r\n\r\n  function draw(){\r\n    ctx.clearRect(0,0,w,h);\r\n    for(let i=0;i<nodes.length;i++){\r\n      for(let j=i+1;j<nodes.length;j++){\r\n        const d=Math.hypot(nodes[i].x-nodes[j].x,nodes[i].y-nodes[j].y);\r\n        if(d<160){\r\n          ctx.strokeStyle=`rgba(255,255,255,${0.1*(1-d\/160)})`;\r\n          ctx.beginPath();\r\n          ctx.moveTo(nodes[i].x,nodes[i].y);\r\n          ctx.lineTo(nodes[j].x,nodes[j].y);\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n    nodes.forEach(n=>{\r\n      n.x+=n.vx;n.y+=n.vy;\r\n      if(n.x<0||n.x>w)n.vx*=-1;\r\n      if(n.y<0||n.y>h)n.vy*=-1;\r\n      ctx.fillStyle=\"rgba(255,255,255,.18)\";\r\n      ctx.beginPath();ctx.arc(n.x,n.y,1.4,0,Math.PI*2);ctx.fill();\r\n    });\r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n})();\r\n\r\n\/* ===== MINI CHARTS ===== *\/\r\ndocument.querySelectorAll('.mini-chart').forEach(c=>{\r\n  const ctx=c.getContext('2d');\r\n  const w=c.width=200,h=c.height=64;\r\n  const data=[20,35,30,50,65,80];\r\n  ctx.strokeStyle=\"rgba(255,255,255,.8)\";\r\n  ctx.lineWidth=2;\r\n  ctx.beginPath();\r\n  data.forEach((v,i)=>{\r\n    const x=i*(w\/(data.length-1));\r\n    const y=h-(v\/100)*h;\r\n    i?ctx.lineTo(x,y):ctx.moveTo(x,y);\r\n  });\r\n  ctx.stroke();\r\n});\r\n\r\n\/* ===== REVEAL ===== *\/\r\nconst io=new IntersectionObserver(e=>{\r\n  e.forEach(v=>{\r\n    if(v.isIntersecting){\r\n      v.target.classList.add('revealed');\r\n      io.unobserve(v.target);\r\n    }\r\n  });\r\n},{threshold:.18});\r\ndocument.querySelectorAll('[data-reveal]').forEach(el=>io.observe(el));\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-21bf280 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"21bf280\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bf6d5f\" data-id=\"6bf6d5f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc83f91 elementor-widget elementor-widget-html\" data-id=\"cc83f91\" 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=\"intelligence-section\" id=\"intelligence-systems\">\r\n\r\n  <!-- Ambient Motion Background -->\r\n  <canvas id=\"intelligence-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"intelligence-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <header class=\"intelligence-head\">\r\n      <span class=\"intelligence-kicker\">Intelligence Layer<\/span>\r\n\r\n      <h2 class=\"intelligence-title\">\r\n        Intelligence Systems<br>\r\n        for Executive Decision-Making\r\n      <\/h2>\r\n\r\n      <p class=\"intelligence-lead\">\r\n        A private suite of AI-driven systems designed to expose operational truth,\r\n        structural risk, and execution friction inside modern organizations.\r\n        These are not assistants \u2014 they are decision instruments.\r\n      <\/p>\r\n\r\n      <!-- PRIMARY CTA -->\r\n      <div class=\"intelligence-cta\">\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=210\" class=\"primary\">\r\n          Enter Intelligence Hub\r\n        <\/a>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- SYSTEM GRID -->\r\n    <div class=\"intelligence-grid\">\r\n\r\n      <!-- DSRA -->\r\n      <article class=\"intel-card\">\r\n        <div class=\"intel-meta\">Risk & Infrastructure<\/div>\r\n        <h3>Digital Systems Risk Analyzer<\/h3>\r\n        <p>\r\n          Identifies structural weaknesses, hidden dependencies,\r\n          and systemic failure vectors across digital operations\r\n          before they surface publicly.\r\n        <\/p>\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=181\">Access System<\/a>\r\n      <\/article>\r\n\r\n      <!-- SIM -->\r\n      <article class=\"intel-card\">\r\n        <div class=\"intel-meta\">Systems Intelligence<\/div>\r\n        <h3>Systems Intelligence Mirror\u2122<\/h3>\r\n        <p>\r\n          Reflects the true operational state of an organization \u2014\r\n          exposing illusion, misalignment, and leadership blind spots\r\n          with precision.\r\n        <\/p>\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=197\">Enter Mirror<\/a>\r\n      <\/article>\r\n\r\n      <!-- VELOCITY -->\r\n      <article class=\"intel-card\">\r\n        <div class=\"intel-meta\">Execution Velocity<\/div>\r\n        <h3>Velocity AI<\/h3>\r\n        <p>\r\n          Measures execution speed versus internal drag,\r\n          revealing where momentum is lost between\r\n          strategy, teams, and systems.\r\n        <\/p>\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=207\">Launch Analysis<\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- FOOT SIGNAL -->\r\n    <div class=\"intelligence-foot\">\r\n      <span>Additional intelligence systems are in development.<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<style>\r\n\/* ================= INTELLIGENCE SECTION ================= *\/\r\n.intelligence-section{\r\n  position:relative;\r\n  background:#0b0d12;\r\n  padding:170px 28px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* CANVAS *\/\r\n#intelligence-canvas{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  opacity:.9;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* INNER *\/\r\n.intelligence-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1300px;\r\n  margin:auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.intelligence-head{\r\n  max-width:860px;\r\n  margin-bottom:110px;\r\n}\r\n\r\n.intelligence-kicker{\r\n  font-size:.72rem;\r\n  letter-spacing:2.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n  margin-bottom:18px;\r\n  display:inline-block;\r\n}\r\n\r\n.intelligence-title{\r\n  font-size:clamp(2.6rem,4.8vw,4.1rem);\r\n  line-height:1.08;\r\n  margin-bottom:26px;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6,#8b90a3);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n.intelligence-lead{\r\n  font-size:1.1rem;\r\n  line-height:1.8;\r\n  color:#9aa0b2;\r\n  margin-bottom:40px;\r\n}\r\n\r\n\/* CTA *\/\r\n.intelligence-cta a{\r\n  display:inline-block;\r\n  padding:18px 36px;\r\n  border-radius:999px;\r\n  font-size:.8rem;\r\n  letter-spacing:2px;\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  color:#0b0d12;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6,#8b90a3);\r\n}\r\n\r\n\/* GRID *\/\r\n.intelligence-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\r\n  gap:42px;\r\n}\r\n\r\n\/* CARD *\/\r\n.intel-card{\r\n  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:26px;\r\n  padding:40px;\r\n  transition:transform .35s ease, box-shadow .35s ease;\r\n}\r\n\r\n.intel-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 30px 80px rgba(0,0,0,.45);\r\n}\r\n\r\n.intel-meta{\r\n  font-size:.7rem;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:#8b90a3;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.intel-card h3{\r\n  font-size:1.35rem;\r\n  margin-bottom:16px;\r\n  background:linear-gradient(135deg,#f3f4f6,#c7cad6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n.intel-card p{\r\n  font-size:.98rem;\r\n  line-height:1.75;\r\n  color:#9aa0b2;\r\n  margin-bottom:28px;\r\n}\r\n\r\n.intel-card a{\r\n  font-size:.72rem;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  text-decoration:none;\r\n  color:#f3f4f6;\r\n  border-bottom:1px solid rgba(255,255,255,.25);\r\n}\r\n\r\n\/* FOOT *\/\r\n.intelligence-foot{\r\n  margin-top:90px;\r\n  font-size:.75rem;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:#8b90a3;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n  .intelligence-section{padding:120px 24px}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ================= AMBIENT MOTION ================= *\/\r\n(function(){\r\n  const c=document.getElementById('intelligence-canvas');\r\n  if(!c) return;\r\n  const ctx=c.getContext('2d');\r\n\r\n  function resize(){c.width=innerWidth;c.height=innerHeight;}\r\n  resize();addEventListener('resize',resize);\r\n\r\n  const pts=[...Array(42)].map(()=>({\r\n    x:Math.random()*c.width,\r\n    y:Math.random()*c.height,\r\n    vx:(Math.random()-.5)*.28,\r\n    vy:(Math.random()-.5)*.28\r\n  }));\r\n\r\n  function draw(){\r\n    ctx.clearRect(0,0,c.width,c.height);\r\n    pts.forEach((a,i)=>{\r\n      pts.slice(i+1).forEach(b=>{\r\n        const d=Math.hypot(a.x-b.x,a.y-b.y);\r\n        if(d<220){\r\n          ctx.strokeStyle=`rgba(255,255,255,${.12*(1-d\/220)})`;\r\n          ctx.beginPath();\r\n          ctx.moveTo(a.x,a.y);\r\n          ctx.lineTo(b.x,b.y);\r\n          ctx.stroke();\r\n        }\r\n      });\r\n      a.x+=a.vx;a.y+=a.vy;\r\n      if(a.x<0||a.x>c.width)a.vx*=-1;\r\n      if(a.y<0||a.y>c.height)a.vy*=-1;\r\n      ctx.fillStyle=\"rgba(255,255,255,.45)\";\r\n      ctx.beginPath();\r\n      ctx.arc(a.x,a.y,1.4,0,Math.PI*2);\r\n      ctx.fill();\r\n    });\r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b536531 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b536531\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b000844\" data-id=\"b000844\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-955774c elementor-widget elementor-widget-html\" data-id=\"955774c\" 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=\"private-access\" id=\"private-access\">\r\n\r\n  <!-- Ambient motion canvas -->\r\n  <canvas id=\"access-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"access-inner\">\r\n\r\n    <div class=\"access-panel\" data-reveal>\r\n\r\n      <span class=\"access-kicker\">Selective Engagement<\/span>\r\n\r\n      <h2 class=\"access-title\">\r\n        Start a Private Conversation\r\n      <\/h2>\r\n\r\n      <p class=\"access-lead\">\r\n        We work with a limited number of organizations at a time.\r\n        Engagements are evaluated based on system scope, operational maturity,\r\n        and long-term alignment.\r\n      <\/p>\r\n\r\n      <div class=\"access-gates\">\r\n\r\n        <div class=\"gate\">\r\n          <span class=\"gate-dot\"><\/span>\r\n          <p>NDA-driven discussions<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"gate\">\r\n          <span class=\"gate-dot\"><\/span>\r\n          <p>Retainer-based partnerships<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"gate\">\r\n          <span class=\"gate-dot\"><\/span>\r\n          <p>Long-term system ownership<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"gate\">\r\n          <span class=\"gate-dot\"><\/span>\r\n          <p>Institutional-grade execution<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"access-actions\">\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=8\" class=\"access-btn primary\">\r\n          Request Private Review\r\n        <\/a>\r\n        <a href=\"https:\/\/maycreatives.com\/?page_id=9\" class=\"access-btn\">\r\n          Enter Client Portal\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"access-footnote\">\r\n        Access is reviewed. Not all requests are accepted.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================= PRIVATE ACCESS ================= *\/\r\n.private-access{\r\n  position:relative;\r\n  background:#0b0d12;\r\n  padding:180px 28px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* CANVAS *\/\r\n#access-canvas{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  opacity:.9;\r\n}\r\n\r\n\/* INNER *\/\r\n.access-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1200px;\r\n  margin:auto;\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n\/* PANEL *\/\r\n.access-panel{\r\n  max-width:760px;\r\n  text-align:center;\r\n  background:linear-gradient(\r\n    180deg,\r\n    rgba(255,255,255,0.06),\r\n    rgba(255,255,255,0.02)\r\n  );\r\n  border:1px solid rgba(255,255,255,0.10);\r\n  border-radius:32px;\r\n  padding:64px 56px;\r\n  backdrop-filter:blur(18px);\r\n}\r\n\r\n\/* TEXT *\/\r\n.access-kicker{\r\n  display:inline-block;\r\n  font-size:.72rem;\r\n  letter-spacing:2.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.access-title{\r\n  font-size:clamp(2.2rem,4vw,3.4rem);\r\n  font-weight:600;\r\n  line-height:1.1;\r\n  margin-bottom:22px;\r\n  background:linear-gradient(135deg,#f3f4f6 0%, #bfc3cf 45%, #8b90a3 100%);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* title shimmer *\/\r\n.access-title::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:-40%;\r\n  left:-60%;\r\n  width:40%;\r\n  height:220%;\r\n  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);\r\n  transform:rotate(18deg);\r\n  animation:accessShimmer 4s ease-in-out infinite;\r\n  opacity:.55;\r\n}\r\n@keyframes accessShimmer{\r\n  0%{transform:translateX(-160%) rotate(18deg)}\r\n  100%{transform:translateX(360%) rotate(18deg)}\r\n}\r\n\r\n.access-lead{\r\n  font-size:1.05rem;\r\n  line-height:1.7;\r\n  color:#ffffff;\r\n  margin-bottom:44px;\r\n}\r\n\r\n\/* GATES *\/\r\n.access-gates{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));\r\n  gap:18px 28px;\r\n  margin-bottom:48px;\r\n}\r\n\r\n.gate{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  justify-content:center;\r\n}\r\n\r\n.gate-dot{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:999px;\r\n  background:linear-gradient(135deg,#f3f4f6,#8b90a3);\r\n  box-shadow:0 0 14px rgba(255,255,255,.4);\r\n  animation:pulseGate 3s ease-in-out infinite;\r\n}\r\n@keyframes pulseGate{\r\n  0%,100%{opacity:.55}\r\n  50%{opacity:1}\r\n}\r\n\r\n.gate p{\r\n  font-size:.9rem;\r\n  color:#cfd3dc;\r\n}\r\n\r\n\/* ACTIONS *\/\r\n.access-actions{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:18px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.access-btn{\r\n  text-decoration:none;\r\n  color:#ffffff;\r\n  padding:16px 34px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,0.14);\r\n  font-size:.95rem;\r\n  letter-spacing:.7px;\r\n  backdrop-filter:blur(14px);\r\n  transition:transform .25s ease, opacity .25s ease;\r\n}\r\n\r\n.access-btn.primary{\r\n  background:linear-gradient(\r\n    135deg,\r\n    rgba(255,255,255,0.28),\r\n    rgba(255,255,255,0.1)\r\n  );\r\n  border-color:rgba(255,255,255,0.45);\r\n}\r\n\r\n.access-btn:hover{\r\n  transform:translateY(-2px);\r\n  opacity:.9;\r\n}\r\n\r\n\/* FOOTNOTE *\/\r\n.access-footnote{\r\n  margin-top:26px;\r\n  font-size:.72rem;\r\n  letter-spacing:1.6px;\r\n  text-transform:uppercase;\r\n  color:#9aa0b2;\r\n}\r\n\r\n\/* REVEAL *\/\r\n[data-reveal]{\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  filter:blur(6px);\r\n  transition:opacity .9s ease, transform .95s cubic-bezier(.22,.61,.36,1), filter .9s ease;\r\n}\r\n.revealed{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  filter:blur(0);\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n  .private-access{padding:140px 24px}\r\n  .access-panel{padding:52px 34px}\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  #access-canvas{display:none}\r\n  .access-title::after,\r\n  .gate-dot{animation:none}\r\n  [data-reveal]{opacity:1;transform:none;filter:none}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ================= ACCESS CANVAS MOTION ================= *\/\r\n(function(){\r\n  const canvas=document.getElementById('access-canvas');\r\n  if(!canvas) return;\r\n  const ctx=canvas.getContext('2d');\r\n\r\n  let w,h,raf;\r\n  const dpr=Math.min(window.devicePixelRatio||1,2);\r\n\r\n  function resize(){\r\n    w=canvas.clientWidth;\r\n    h=canvas.clientHeight;\r\n    canvas.width=w*dpr;\r\n    canvas.height=h*dpr;\r\n    ctx.setTransform(dpr,0,0,dpr,0,0);\r\n  }\r\n  resize();\r\n  window.addEventListener('resize',resize);\r\n\r\n  const nodes=[...Array(34)].map(()=>({\r\n    x:Math.random()*w,\r\n    y:Math.random()*h,\r\n    vx:(Math.random()-.5)*0.1,\r\n    vy:(Math.random()-.5)*0.1\r\n  }));\r\n\r\n  function draw(){\r\n    ctx.clearRect(0,0,w,h);\r\n\r\n    for(let i=0;i<nodes.length;i++){\r\n      for(let j=i+1;j<nodes.length;j++){\r\n        const a=nodes[i],b=nodes[j];\r\n        const dx=a.x-b.x,dy=a.y-b.y;\r\n        const d=Math.sqrt(dx*dx+dy*dy);\r\n        if(d<160){\r\n          ctx.strokeStyle=`rgba(255,255,255,${0.07*(1-d\/160)})`;\r\n          ctx.beginPath();\r\n          ctx.moveTo(a.x,a.y);\r\n          ctx.lineTo(b.x,b.y);\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n\r\n    nodes.forEach(n=>{\r\n      n.x+=n.vx;n.y+=n.vy;\r\n      if(n.x<0||n.x>w)n.vx*=-1;\r\n      if(n.y<0||n.y>h)n.vy*=-1;\r\n      ctx.fillStyle=\"rgba(255,255,255,0.18)\";\r\n      ctx.beginPath();\r\n      ctx.arc(n.x,n.y,1.2,0,Math.PI*2);\r\n      ctx.fill();\r\n    });\r\n\r\n    raf=requestAnimationFrame(draw);\r\n  }\r\n\r\n  const io=new IntersectionObserver(e=>{\r\n    e.forEach(v=>{\r\n      if(!v.isIntersecting)cancelAnimationFrame(raf);\r\n      else draw();\r\n    });\r\n  },{threshold:0.05});\r\n  io.observe(canvas);\r\n  draw();\r\n})();\r\n\r\n\/* ================= REVEAL ================= *\/\r\n(function(){\r\n  const root=document.getElementById('private-access');\r\n  const els=root.querySelectorAll('[data-reveal]');\r\n  const io=new IntersectionObserver(entries=>{\r\n    entries.forEach(e=>{\r\n      if(!e.isIntersecting)return;\r\n      els.forEach((el,i)=>{\r\n        setTimeout(()=>el.classList.add('revealed'),i*120);\r\n      });\r\n      io.disconnect();\r\n    });\r\n  },{threshold:0.25});\r\n  io.observe(root);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Is Your Organization Scaling \u2014 Or Quietly Breaking? Fragmented systems, slow execution, and brittle operations don\u2019t announce themselves. We build [&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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maycreatives.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":76,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/maycreatives.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/299"}],"wp:attachment":[{"href":"https:\/\/maycreatives.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}