{"id":411,"date":"2026-05-15T18:20:44","date_gmt":"2026-05-15T18:20:44","guid":{"rendered":"https:\/\/demowebdesign.live\/michaelmartino\/?page_id=411"},"modified":"2026-05-15T18:26:52","modified_gmt":"2026-05-15T18:26:52","slug":"contact","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"411\" class=\"elementor elementor-411\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c7be40 e-con-full e-flex e-con e-parent\" data-id=\"1c7be40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d89bd20 elementor-widget elementor-widget-html\" data-id=\"d89bd20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"premium-hero-section\">\r\n    <style>\r\n        #premium-hero-section {\r\n            --bg-deep: #030305;\r\n            --accent-gold: #c5a059;\r\n            --accent-silver: rgba(255, 255, 255, 0.1);\r\n            --text-primary: #ffffff;\r\n            --text-secondary: rgba(255, 255, 255, 0.5);\r\n            --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);\r\n            \r\n            background-color: var(--bg-deep);\r\n            color: var(--text-primary);\r\n            font-family: 'Inter', sans-serif;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #premium-hero-section .hero-layout {\r\n            position: relative;\r\n            padding: 160px 0 !important;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: var(--bg-deep) !important;\r\n             background-image: \r\n                radial-gradient(circle at 50% 50%, rgba(3, 3, 5, 0.5) 0%, var(--bg-deep) 100%), \/* Dark vignette to focus center *\/\r\n                radial-gradient(circle at 80% 20%, rgba(20, 30, 80, 0.3) 0%, transparent 50%),\r\n                url('https:\/\/demowebdesign.live\/michaelmartino\/wp-content\/uploads\/2026\/05\/hero-bg.png') !important; \r\n            \r\n            background-size: cover !important;\r\n            background-position: center !important;\r\n            background-repeat: no-repeat !important;\r\n            background-blend-mode: normal; \/* Changed to normal to ensure full image visibility *\/\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* --- BACKGROUND ANIMATIONS --- *\/\r\n        .bg-orb {\r\n            position: absolute;\r\n            width: 800px;\r\n            height: 800px;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(20, 30, 80, 0.25) 0%, transparent 70%);\r\n            filter: blur(100px);\r\n            z-index: 0;\r\n            pointer-events: none;\r\n            animation: orbFloat 30s infinite ease-in-out;\r\n        }\r\n\r\n        .orb-1 { top: -10%; left: -10%; animation-delay: 0s; }\r\n        .orb-2 { bottom: -10%; right: -10%; animation-delay: -5s; }\r\n\r\n        @keyframes orbFloat {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(50px, 50px) scale(1.2); }\r\n        }\r\n\r\n        .shooting-star {\r\n            position: absolute;\r\n            width: 2px;\r\n            height: 2px;\r\n            background: #fff;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            box-shadow: 0 0 20px rgba(255,255,255,1);\r\n            animation: shoot 5s linear infinite;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes shoot {\r\n            0% { transform: rotate(315deg) translateX(500px); opacity: 1; }\r\n            100% { transform: rotate(315deg) translateX(-1000px); opacity: 0; }\r\n        }\r\n\r\n        \/* Side Rail Branding *\/\r\n        #premium-hero-section .side-rail {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            height: 100%;\r\n            width: 80px;\r\n            border-right: 1px solid var(--accent-silver);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 5;\r\n        }\r\n\r\n        #premium-hero-section .side-rail span {\r\n            transform: rotate(-90deg);\r\n            white-space: nowrap;\r\n            font-size: 0.7rem;\r\n            letter-spacing: 0.6em;\r\n            text-transform: uppercase;\r\n            color: var(--text-secondary);\r\n        }\r\n\r\n        #premium-hero-section .stars-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        \/* CENTERED CONTENT COMPOSITION *\/\r\n        #premium-hero-section .main-content {\r\n            width: 100%;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            padding: 0 60px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        #premium-hero-section .index-marker {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 0.9rem;\r\n            color: var(--accent-gold);\r\n            margin-bottom: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            letter-spacing: 0.4em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        #premium-hero-section .index-marker::before,\r\n        #premium-hero-section .index-marker::after {\r\n            content: \"\";\r\n            width: 40px;\r\n            height: 1px;\r\n            background: var(--accent-gold);\r\n        }\r\n\r\n        #premium-hero-section .hero-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(3rem, 7vw, 6.2rem);\r\n            font-weight: 400;\r\n            line-height: 0.95;\r\n            margin-bottom: 40px;\r\n            letter-spacing: -0.02em;\r\n            color: #fff;\r\n        }\r\n\r\n        #premium-hero-section .hero-title span {\r\n            font-style: italic;\r\n            font-weight: 700;\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        #premium-hero-section .hero-description {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: clamp(1.2rem, 2.5vw, 1.6rem);\r\n            line-height: 1.5;\r\n            color: #fff !important;\r\n            max-width: 750px;\r\n            margin-bottom: 70px;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* --- NEW: PREMIUM BUTTON DESIGN --- *\/\r\n        #premium-hero-section .cta-container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 40px;\r\n        }\r\n\r\n        .btn-premium {\r\n            position: relative;\r\n            padding: 20px 50px;\r\n            font-size: 0.85rem;\r\n            font-weight: 500;\r\n            text-decoration: none !important;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.3em;\r\n            color: var(--text-primary) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: var(--ease-out-expo) 0.6s;\r\n            overflow: hidden;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Luxury Gold Fill Effect *\/\r\n        .btn-premium::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: var(--accent-gold);\r\n            transition: transform 0.6s var(--ease-out-expo);\r\n            z-index: -1;\r\n            transform: skewX(-20deg);\r\n        }\r\n\r\n        .btn-premium:hover {\r\n            color: #000 !important;\r\n            border-color: var(--accent-gold);\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 35px rgba(197, 160, 89, 0.15);\r\n        }\r\n\r\n        .btn-premium:hover::before {\r\n            transform: translateX(100%) skewX(-20deg) scaleX(1.5);\r\n        }\r\n\r\n        .btn-secondary-text {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 1.2rem;\r\n            color: var(--accent-gold) !important;\r\n            text-decoration: none !important;\r\n            border-bottom: 1px solid rgba(197, 160, 89, 0.3);\r\n            padding-bottom: 5px;\r\n            transition: var(--ease-out-expo) 0.4s;\r\n        }\r\n\r\n        .btn-secondary-text:hover {\r\n            border-bottom-color: var(--accent-gold);\r\n            opacity: 0.8;\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        \/* --- SCROLL HINT --- *\/\r\n        #premium-hero-section .scroll-hint {\r\n            position: absolute;\r\n            bottom: 40px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n            font-size: 0.7rem;\r\n            letter-spacing: 0.3em;\r\n            text-transform: uppercase;\r\n            color: var(--text-secondary);\r\n            z-index: 10;\r\n        }\r\n\r\n        #premium-hero-section .scroll-line {\r\n            width: 1px;\r\n            height: 60px;\r\n            background: var(--accent-silver);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #premium-hero-section .scroll-line::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: var(--accent-gold);\r\n            transform: translateY(-100%);\r\n            animation: scroll-anim-v 2.5s infinite;\r\n        }\r\n\r\n        @keyframes scroll-anim-v {\r\n            0% { transform: translateY(-100%); }\r\n            100% { transform: translateY(100%); }\r\n        }\r\n\r\n        \/* Entrance Reveal *\/\r\n        #premium-hero-section .reveal {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: opacity 1.5s var(--ease-out-expo), transform 1.5s var(--ease-out-expo);\r\n        }\r\n\r\n        #premium-hero-section .reveal.active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #premium-hero-section .main-content { padding: 0 20px; }\r\n            #premium-hero-section .side-rail { display: none; }\r\n            #premium-hero-section .cta-container { flex-direction: column; gap: 30px; }\r\n            .btn-premium { width: 100%; text-align: center; }\r\n        }\r\n    <\/style>\r\n\r\n   <section class=\"hero-layout\">\r\n    <!-- Background Elements -->\r\n    <div class=\"bg-orb orb-1\"><\/div>\r\n    <div class=\"bg-orb orb-2\"><\/div>\r\n    <div class=\"stars-bg\" id=\"wpStarsContainerV4\"><\/div>\r\n    \r\n    <div class=\"shooting-star\" style=\"top: 10%; left: 85%; animation-delay: 2s;\"><\/div>\r\n    <div class=\"shooting-star\" style=\"top: 20%; left: 15%; animation-delay: 8s;\"><\/div>\r\n\r\n    <div class=\"side-rail\"><span>CONNECT \u00a9 MICHAEL MARTINO<\/span><\/div>\r\n\r\n    <div class=\"main-content\">\r\n        <div class=\"index-marker reveal\">GET IN TOUCH<\/div>\r\n        \r\n        <h1 class=\"hero-title reveal\">\r\n            Let\u2019s Start a <br>\r\n            <span>Conversation<\/span><br>\r\n        <\/h1>\r\n        \r\n        <p class=\"hero-description reveal\">\r\n            Whether you have a question about my work, a media inquiry, or simply want to share your thoughts on a story, I\u2019d love to hear from you. Reach out and let\u2019s connect.\r\n        <\/p>\r\n        \r\n    <\/div>\r\n\r\n    <div class=\"scroll-hint\">\r\n        <span>Reach Out<\/span>\r\n        <div class=\"scroll-line\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n    <script>\r\n        (function() {\r\n            const container = document.getElementById('wpStarsContainerV4');\r\n            if (container) {\r\n                for (let i = 0; i < 150; i++) {\r\n                    const star = document.createElement('div');\r\n                    star.style.position = 'absolute';\r\n                    star.style.width = Math.random() * 2 + 'px';\r\n                    star.style.height = star.style.width;\r\n                    star.style.background = 'white';\r\n                    star.style.borderRadius = '50%';\r\n                    star.style.left = Math.random() * 100 + '%';\r\n                    star.style.top = Math.random() * 100 + '%';\r\n                    star.style.opacity = Math.random() * 0.4;\r\n                    container.appendChild(star);\r\n                }\r\n            }\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) entry.target.classList.add('active');\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            document.querySelectorAll('#premium-hero-section .reveal').forEach(el => observer.observe(el));\r\n        })();\r\n    <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fc0002 e-con-full e-flex e-con e-parent\" data-id=\"3fc0002\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb3bd08 elementor-widget elementor-widget-html\" data-id=\"bb3bd08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Inter:wght@200;300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"mm-premium-contact-section\">\r\n  <style>\r\n    #mm-premium-contact-section {\r\n      --am-gold: #c5a059;\r\n      --am-black: #050507;\r\n      --am-silver: rgba(255, 255, 255, 0.95);\r\n      --am-ease: cubic-bezier(0.19, 1, 0.22, 1);\r\n      \r\n      background-color: var(--am-black);\r\n      color: #ffffff;\r\n      font-family: 'Inter', sans-serif;\r\n      padding: 140px 5%;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    \/* --- ATMOSPHERE --- *\/\r\n    .am-contact-glow {\r\n      position: absolute;\r\n      top: 50%;\r\n      right: -10%;\r\n      width: 600px;\r\n      height: 600px;\r\n      background: radial-gradient(circle, rgba(197, 160, 89, 0.05) 0%, transparent 70%);\r\n      pointer-events: none;\r\n      z-index: 1;\r\n    }\r\n\r\n    .am-contact-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 120px;\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 10;\r\n    }\r\n\r\n    \/* --- LEFT SIDE: EDITORIAL TEXT --- *\/\r\n    .am-contact-info {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n\r\n    .am-tag {\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 0.75rem;\r\n      letter-spacing: 0.6em;\r\n      text-transform: uppercase;\r\n      color: var(--am-gold);\r\n      margin-bottom: 30px;\r\n      display: block;\r\n    }\r\n\r\n    .am-title {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: clamp(2.5rem, 5vw, 4.2rem);\r\n      line-height: 1.1;\r\n      font-weight: 400;\r\n      margin-bottom: 40px;\r\n      letter-spacing: -0.02em;\r\n      color: white !important;\r\n    }\r\n\r\n    .am-desc {\r\n      font-family: 'Cormorant Garamond', serif;\r\n      font-size: 1.6rem;\r\n      line-height: 1.6;\r\n      color: #fff !important;\r\n      max-width: 500px;\r\n      opacity: 0.7;\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    \/* Minimalist Socials *\/\r\n    .am-social-wrap {\r\n        display: flex;\r\n        gap: 30px;\r\n    }\r\n    .am-social-link {\r\n        color: var(--am-gold);\r\n        text-decoration: none !important;\r\n        font-size: 0.7rem;\r\n        letter-spacing: 0.3em;\r\n        text-transform: uppercase;\r\n        border-bottom: 1px solid rgba(197, 160, 89, 0.2);\r\n        padding-bottom: 5px;\r\n        transition: all 0.3s;\r\n    }\r\n    .am-social-link:hover {\r\n        border-color: var(--am-gold);\r\n        opacity: 0.8;\r\n        color: white !important;\r\n    }\r\n\r\n    \/* --- RIGHT SIDE: MINIMAL FORM --- *\/\r\n    .am-form-wrap {\r\n      background: rgba(255, 255, 255, 0.02);\r\n      backdrop-filter: blur(10px);\r\n      padding: 60px;\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .am-input-group {\r\n      position: relative;\r\n      margin-bottom: 40px;\r\n    }\r\n\r\n    .am-input-group input, \r\n    .am-input-group textarea {\r\n      width: 100%;\r\n      background: transparent;\r\n      border: none;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n      padding: 15px 0;\r\n      color: #fff;\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 0.95rem;\r\n      transition: border-color 0.4s;\r\n      outline: none;\r\n    }\r\n\r\n    .am-input-group label {\r\n      position: absolute;\r\n      top: 15px;\r\n      left: 0;\r\n      color: rgba(255, 255, 255, 0.4);\r\n      font-size: 0.75rem;\r\n      letter-spacing: 0.2em;\r\n      text-transform: uppercase;\r\n      pointer-events: none;\r\n      transition: all 0.4s var(--am-ease);\r\n    }\r\n\r\n    \/* Input Focus Logic *\/\r\n    .am-input-group input:focus ~ label,\r\n    .am-input-group input:not(:placeholder-shown) ~ label,\r\n    .am-input-group textarea:focus ~ label,\r\n    .am-input-group textarea:not(:placeholder-shown) ~ label {\r\n      top: -15px;\r\n      font-size: 0.65rem;\r\n      color: var(--am-gold);\r\n    }\r\n\r\n    .am-input-group input:focus, \r\n    .am-input-group textarea:focus {\r\n      border-color: var(--am-gold);\r\n    }\r\n\r\n    .am-submit-btn {\r\n      width: 100%;\r\n      background: transparent;\r\n      border: 1px solid var(--am-gold);\r\n      color: #fff;\r\n      padding: 20px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.4em;\r\n      font-size: 0.75rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: all 0.4s var(--am-ease);\r\n      position: relative;\r\n      overflow: hidden;\r\n      z-index: 1;\r\n    }\r\n\r\n    .am-submit-btn::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 100%; left: 0; width: 100%; height: 100%;\r\n      background: var(--am-gold);\r\n      transition: transform 0.4s var(--am-ease);\r\n      z-index: -1;\r\n    }\r\n\r\n    .am-submit-btn:hover { color: #000; }\r\n    .am-submit-btn:hover::before { transform: translateY(-100%); }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 1024px) {\r\n      .am-contact-grid { grid-template-columns: 1fr; gap: 80px; }\r\n      .am-contact-info { text-align: center; align-items: center; }\r\n      .am-form-wrap { padding: 40px 20px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"am-contact-glow\"><\/div>\r\n\r\n  <div class=\"am-contact-grid\">\r\n    <!-- LEFT: Editorial Info -->\r\n    <div class=\"am-contact-info\">\r\n      <span class=\"am-tag\">Inquiries<\/span>\r\n      <h2 class=\"am-title\">Collaboration <br>& Inquiries<\/h2>\r\n      <p class=\"am-desc\">For all press, media, and general inquiries, please fill out the form. I aim to respond to all thoughtful messages within 48 hours.<\/p>\r\n      \r\n      <div class=\"am-social-wrap\">\r\n        <a href=\"#\" class=\"am-social-link\">Instagram<\/a>\r\n        <a href=\"#\" class=\"am-social-link\">Facebook<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Minimalist Form -->\r\n    <div class=\"am-form-wrap\">\r\n      <form action=\"#\" method=\"POST\">\r\n        <div class=\"am-input-group\">\r\n          <input type=\"text\" id=\"name\" name=\"name\" placeholder=\" \" required>\r\n          <label for=\"name\">Full Name<\/label>\r\n        <\/div>\r\n        \r\n        <div class=\"am-input-group\">\r\n          <input type=\"email\" id=\"email\" name=\"email\" placeholder=\" \" required>\r\n          <label for=\"email\">Email Address<\/label>\r\n        <\/div>\r\n\r\n        <div class=\"am-input-group\">\r\n          <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\" \" required>\r\n          <label for=\"subject\">Subject<\/label>\r\n        <\/div>\r\n\r\n        <div class=\"am-input-group\">\r\n          <textarea id=\"message\" name=\"message\" rows=\"4\" placeholder=\" \" required><\/textarea>\r\n          <label for=\"message\">Your Message<\/label>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"am-submit-btn\">Send Message<\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d617620 e-flex e-con-boxed e-con e-parent\" data-id=\"d617620\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d26291a elementor-widget elementor-widget-html\" data-id=\"d26291a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GLOBAL EXECUTIVE CURSOR COMPONENT -->\r\n<!-- Place this in your Global Footer\/Header to apply the \"Luxury Physics\" across the site -->\r\n\r\n<style>\r\n    \/* 1. HIDE DEFAULT CURSOR *\/\r\n    a, button, [role=\"button\"], .am-hoverable, .rev-card, .pillar-row, .rev-premium-card, .btn-luxury {\r\n        cursor: none !important;\r\n    }\r\n\r\n    \/* 2. CURSOR STRUCTURE *\/\r\n    .am-cursor-manager {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        pointer-events: none;\r\n        z-index: 999999;\r\n        mix-blend-mode: normal;\r\n    }\r\n\r\n    \/* The Precision Dot (Moves Instantly) *\/\r\n    .am-cursor-dot {\r\n        position: absolute;\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #D4AE6A;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        transition: width 0.3s ease, height 0.3s ease, background 0.3s ease;\r\n    }\r\n\r\n    \/* The Luxury Aura (Follows with Lag) *\/\r\n    .am-cursor-aura {\r\n        position: absolute;\r\n        width: 14px;\r\n        height: 14px;\r\n        border: 1px solid rgba(212, 174, 106, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1), height 0.5s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.5s ease;\r\n    }\r\n\r\n    \/* Inner Icon Shell (Revealed on Hover) *\/\r\n    .am-cursor-core {\r\n        width: 0;\r\n        height: 0;\r\n        background: #D4AE6A;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        transform: scale(0);\r\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n        box-shadow: 0 0 20px rgba(212, 174, 106, 0.2);\r\n    }\r\n\r\n    .am-cursor-arrow {\r\n        width: 0;\r\n        height: 0;\r\n        fill: #000;\r\n        transform: rotate(45deg);\r\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n\r\n    \/* The Rotating Ring (Revealed on Hover) *\/\r\n    .am-cursor-ring {\r\n        position: absolute;\r\n        inset: -10px;\r\n        border: 1px dashed rgba(212, 174, 106, 0.2);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        transform: scale(0.8);\r\n        transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n        animation: am-spin 12s linear infinite;\r\n    }\r\n\r\n    \/* 3. CLASSY STATES *\/\r\n    \/* Hovering State *\/\r\n    .am-cursor-manager.is-hovering .am-cursor-dot {\r\n        width: 0; height: 0; opacity: 0;\r\n    }\r\n\r\n    .am-cursor-manager.is-hovering .am-cursor-aura {\r\n        width: 70px; height: 70px;\r\n        border-color: rgba(212, 174, 106, 0.1);\r\n    }\r\n\r\n    .am-cursor-manager.is-hovering .am-cursor-core {\r\n        width: 35px; height: 35px; opacity: 1; transform: scale(1);\r\n    }\r\n\r\n    .am-cursor-manager.is-hovering .am-cursor-arrow {\r\n        width: 14px; height: 14px;\r\n    }\r\n\r\n    .am-cursor-manager.is-hovering .am-cursor-ring {\r\n        opacity: 1; transform: scale(1);\r\n    }\r\n\r\n    \/* Clicking State (Classy Implosion) *\/\r\n    .am-cursor-manager.is-clicking .am-cursor-core {\r\n        transform: scale(0.8);\r\n    }\r\n    .am-cursor-manager.is-clicking .am-cursor-aura {\r\n        transform: translate(-50%, -50%) scale(1.2);\r\n        opacity: 0.5;\r\n    }\r\n\r\n    @keyframes am-spin {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* Prevent flickering *\/\r\n    .am-cursor-manager { pointer-events: none !important; }\r\n<\/style>\r\n\r\n<div class=\"am-cursor-manager\" id=\"amCursorManager\">\r\n    <div class=\"am-cursor-aura\" id=\"amAura\">\r\n        <div class=\"am-cursor-core\">\r\n            <svg class=\"am-cursor-arrow\" viewBox=\"0 0 24 24\">\r\n                <path d=\"M12,2L10.59,3.41L18.17,11H2V13H18.17L10.59,20.59L12,22L22,12L12,2Z\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n        <div class=\"am-cursor-ring\"><\/div>\r\n    <\/div>\r\n    <div class=\"am-cursor-dot\" id=\"amDot\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        const manager = document.getElementById('amCursorManager');\r\n        const dot = document.getElementById('amDot');\r\n        const aura = document.getElementById('amAura');\r\n        \r\n        let mouseX = 0, mouseY = 0;\r\n        let auraX = 0, auraY = 0;\r\n        \r\n        \/\/ Silky Smooth Physics: Aura follows with interpolation\r\n        const lerp = (start, end, amt) => (1 - amt) * start + amt * end;\r\n\r\n        document.addEventListener('mousemove', (e) => {\r\n            mouseX = e.clientX;\r\n            mouseY = e.clientY;\r\n            \r\n            \/\/ Dot follows instantly\r\n            dot.style.left = mouseX + 'px';\r\n            dot.style.top = mouseY + 'px';\r\n        });\r\n\r\n        \/\/ Animation Loop for the \"Aura\" Lag\r\n        const render = () => {\r\n            auraX = lerp(auraX, mouseX, 0.15); \/\/ 0.15 is the \"lag\" factor\r\n            auraY = lerp(auraY, mouseY, 0.15);\r\n            \r\n            aura.style.left = auraX + 'px';\r\n            aura.style.top = auraY + 'px';\r\n            \r\n            requestAnimationFrame(render);\r\n        };\r\n        render();\r\n\r\n        \/\/ Universal Hover Logic\r\n        const handleEnter = () => manager.classList.add('is-hovering');\r\n        const handleLeave = () => manager.classList.remove('is-hovering');\r\n\r\n        const updateTargets = () => {\r\n            const targets = document.querySelectorAll('a, button, .am-hoverable, .rev-card, .pillar-row, .rev-premium-card, .btn-luxury, [role=\"button\"]');\r\n            targets.forEach(el => {\r\n                el.removeEventListener('mouseenter', handleEnter);\r\n                el.removeEventListener('mouseleave', handleLeave);\r\n                el.addEventListener('mouseenter', handleEnter);\r\n                el.addEventListener('mouseleave', handleLeave);\r\n            });\r\n        };\r\n\r\n        updateTargets();\r\n        const observer = new MutationObserver(updateTargets);\r\n        observer.observe(document.body, { childList: true, subtree: true });\r\n\r\n        \/\/ Click States\r\n        document.addEventListener('mousedown', () => manager.classList.add('is-clicking'));\r\n        document.addEventListener('mouseup', () => manager.classList.remove('is-clicking'));\r\n\r\n        \/\/ Visibility Failsafe\r\n        document.addEventListener('mouseleave', () => manager.style.opacity = '0');\r\n        document.addEventListener('mouseenter', () => manager.style.opacity = '1');\r\n    })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\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>CONNECT \u00a9 MICHAEL MARTINO GET IN TOUCH Let\u2019s Start a Conversation Whether you have a question about my work, a [&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-411","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/wp-json\/wp\/v2\/pages\/411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/wp-json\/wp\/v2\/comments?post=411"}],"version-history":[{"count":7,"href":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/wp-json\/wp\/v2\/pages\/411\/revisions"}],"predecessor-version":[{"id":418,"href":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/wp-json\/wp\/v2\/pages\/411\/revisions\/418"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/michaelmartino\/index.php\/wp-json\/wp\/v2\/media?parent=411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}