{"id":4834,"date":"2026-05-04T12:22:54","date_gmt":"2026-05-04T12:22:54","guid":{"rendered":"https:\/\/denisaalla.com\/?page_id=4834"},"modified":"2026-05-04T12:24:06","modified_gmt":"2026-05-04T12:24:06","slug":"tattoo-studio","status":"publish","type":"page","link":"https:\/\/denisaalla.com\/sq\/tattoo-studio\/","title":{"rendered":"Tattoo Studio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4834\" class=\"elementor elementor-4834\">\n\t\t\t\t<div class=\"elementor-element elementor-element-769ac80 e-con-full e-flex e-con e-parent\" data-id=\"769ac80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-534fee1 elementor-widget elementor-widget-html\" data-id=\"534fee1\" 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    <title>Ink & Iron | Luxury 3D Tattoo Studio<\/title>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=UnifrakturMaguntia&family=Inter:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --gold: #d4af37;\r\n            --dark: #0a0a0a;\r\n            --grey: #1a1a1a;\r\n            --light: #f5f5f5;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--dark);\r\n            color: var(--light);\r\n            font-family: 'Inter', sans-serif;\r\n            overflow-x: hidden;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        h1, h2, h3, .logo {\r\n            font-family: 'UnifrakturMaguntia', cursive;\r\n        }\r\n\r\n        #canvas-container {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100vh;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        nav {\r\n            position: fixed;\r\n            top: 0;\r\n            width: 100%;\r\n            padding: 2rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            z-index: 100;\r\n            background: linear-gradient(to bottom, rgba(10,10,10,0.8), transparent);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .logo {\r\n            font-size: 2rem;\r\n            color: var(--gold);\r\n            text-shadow: 0 0 15px rgba(212, 175, 55, 0.3);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .nav-links {\r\n            display: flex;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .nav-links a {\r\n            color: var(--light);\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            font-size: 0.75rem;\r\n            letter-spacing: 2px;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: var(--gold);\r\n        }\r\n\r\n        section {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            padding: 4rem 10%;\r\n            position: relative;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 4rem;\r\n            color: var(--gold);\r\n            margin-bottom: 3rem;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        \/* Hero *\/\r\n        .hero-content {\r\n            max-width: 700px;\r\n        }\r\n\r\n        .hero-content h1 {\r\n            font-size: 6rem;\r\n            line-height: 0.9;\r\n            margin-bottom: 2rem;\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n        }\r\n\r\n        .hero-content p {\r\n            font-size: 1.1rem;\r\n            color: #888;\r\n            margin-bottom: 2.5rem;\r\n            line-height: 1.6;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .btn {\r\n            display: inline-block;\r\n            padding: 1rem 2.5rem;\r\n            border: 1px solid var(--gold);\r\n            color: var(--gold);\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            transition: all 0.4s;\r\n            position: relative;\r\n            background: transparent;\r\n            cursor: pointer;\r\n            opacity: 0;\r\n        }\r\n\r\n        .btn:hover {\r\n            background: var(--gold);\r\n            color: var(--dark);\r\n            box-shadow: 0 0 30px rgba(212, 175, 55, 0.4);\r\n        }\r\n\r\n        \/* Artists *\/\r\n        .artist-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .artist-card {\r\n            background: rgba(26, 26, 26, 0.4);\r\n            border: 1px solid #333;\r\n            padding: 2rem;\r\n            text-align: center;\r\n            transition: all 0.4s;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .artist-card:hover {\r\n            border-color: var(--gold);\r\n            background: rgba(26, 26, 26, 0.7);\r\n        }\r\n\r\n        .artist-img-placeholder {\r\n            width: 120px;\r\n            height: 120px;\r\n            border-radius: 50%;\r\n            background: #222;\r\n            margin: 0 auto 1.5rem;\r\n            border: 1px solid var(--gold);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-family: 'UnifrakturMaguntia';\r\n            font-size: 2rem;\r\n            color: var(--gold);\r\n        }\r\n\r\n        \/* Experience\/Process *\/\r\n        .process-list {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .process-step {\r\n            opacity: 0;\r\n            transform: translateX(-20px);\r\n        }\r\n\r\n        .step-num {\r\n            font-family: 'UnifrakturMaguntia';\r\n            font-size: 3rem;\r\n            color: var(--gold);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        \/* Gallery *\/\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .gallery-item {\r\n            aspect-ratio: 4\/5;\r\n            background: var(--grey);\r\n            border: 1px solid #333;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            cursor: pointer;\r\n            opacity: 0;\r\n        }\r\n\r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            filter: grayscale(80%) brightness(0.8);\r\n            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .gallery-item:hover img {\r\n            filter: grayscale(0%) brightness(1);\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Testimonials *\/\r\n        .testimonial-slider {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .testimonial-item {\r\n            font-size: 1.5rem;\r\n            font-style: italic;\r\n            color: #ccc;\r\n            margin-bottom: 1rem;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* FAQ *\/\r\n        .faq-container {\r\n            max-width: 800px;\r\n        }\r\n\r\n        .faq-item {\r\n            border-bottom: 1px solid #222;\r\n            padding: 1.5rem 0;\r\n            opacity: 0;\r\n        }\r\n\r\n        .faq-question {\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 700;\r\n            font-size: 1.1rem;\r\n            margin-bottom: 0.5rem;\r\n            color: var(--gold);\r\n        }\r\n\r\n        .faq-answer {\r\n            color: #888;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Contact Box *\/\r\n        .contact-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n        }\r\n\r\n        .contact-box {\r\n            background: rgba(26, 26, 26, 0.5);\r\n            padding: 3rem;\r\n            border: 1px solid #333;\r\n            backdrop-filter: blur(10px);\r\n            opacity: 0;\r\n        }\r\n\r\n        footer {\r\n            padding: 4rem 10%;\r\n            border-top: 1px solid #222;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 0.8rem;\r\n            color: #555;\r\n        }\r\n\r\n        .socials {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .socials a {\r\n            color: #555;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .socials a:hover {\r\n            color: var(--gold);\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .contact-container { grid-template-columns: 1fr; }\r\n            .hero-content h1 { font-size: 4rem; }\r\n            .section-title { font-size: 3rem; }\r\n            .nav-links { display: none; }\r\n        }\r\n\r\n        \/* Custom Scrollbar *\/\r\n        ::-webkit-scrollbar { width: 5px; }\r\n        ::-webkit-scrollbar-track { background: var(--dark); }\r\n        ::-webkit-scrollbar-thumb { background: var(--gold); }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div id=\"canvas-container\"><\/div>\r\n\r\n    <nav>\r\n        <a href=\"#home\" class=\"logo\">Ink & Iron<\/a>\r\n        <div class=\"nav-links\">\r\n            <a href=\"#home\">Home<\/a>\r\n            <a href=\"#artists\">Artists<\/a>\r\n            <a href=\"#experience\">Process<\/a>\r\n            <a href=\"#gallery\">Portfolio<\/a>\r\n            <a href=\"#faq\">FAQ<\/a>\r\n            <a href=\"#contact\">Contact<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <main>\r\n        <!-- HERO -->\r\n        <section id=\"home\">\r\n            <div class=\"hero-content\">\r\n                <h1 id=\"hero-title\">Eternal Art.<br>Precision Skin.<\/h1>\r\n                <p id=\"hero-para\">Luxury tattooing at the intersection of dark aesthetics and anatomical flow. Every piece is a unique architectural study of the human form.<\/p>\r\n                <div id=\"hero-btn-wrap\">\r\n                    <a href=\"#gallery\" class=\"btn\">Explore Work<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- PHILOSOPHY -->\r\n        <section id=\"philosophy\">\r\n            <h2 class=\"section-title reveal\">The Philosophy<\/h2>\r\n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;\">\r\n                <p class=\"reveal\" style=\"font-size: 1.2rem; line-height: 1.8; color: #aaa;\">We believe the body is the ultimate gallery. Our studio operates as a private sanctuary for those seeking more than just a decoration\u2014we provide a transformational artistic experience. From the first consultation to the final needle stroke, precision is our only standard.<\/p>\r\n                <div class=\"reveal\" style=\"border-left: 1px solid var(--gold); padding-left: 2rem;\">\r\n                    <h3 style=\"font-size: 2rem; margin-bottom: 1rem; color: var(--gold);\">\"Nulla Dies Sine Linea\"<\/h3>\r\n                    <p style=\"color: #666;\">Not a day without a line. The eternal commitment to the craft of the mark.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- ARTISTS -->\r\n        <section id=\"artists\">\r\n            <h2 class=\"section-title reveal\">Master Residents<\/h2>\r\n            <div class=\"artist-grid\">\r\n                <div class=\"artist-card reveal\">\r\n                    <div class=\"artist-img-placeholder\">V<\/div>\r\n                    <h3 style=\"font-size: 1.5rem; color: var(--gold);\">Viktor Black<\/h3>\r\n                    <p style=\"color: #888; font-size: 0.9rem; margin: 1rem 0;\">Specialist in Bio-Mechanical & High-Contrast Blackwork.<\/p>\r\n                    <span style=\"font-size: 0.7rem; color: #555; letter-spacing: 1px;\">12 YEARS EXP<\/span>\r\n                <\/div>\r\n                <div class=\"artist-card reveal\">\r\n                    <div class=\"artist-img-placeholder\">E<\/div>\r\n                    <h3 style=\"font-size: 1.5rem; color: var(--gold);\">Elena Mortis<\/h3>\r\n                    <p style=\"color: #888; font-size: 0.9rem; margin: 1rem 0;\">Pioneer of Micro-Realism and Fine-Line Anatomical Illustration.<\/p>\r\n                    <span style=\"font-size: 0.7rem; color: #555; letter-spacing: 1px;\">8 YEARS EXP<\/span>\r\n                <\/div>\r\n                <div class=\"artist-card reveal\">\r\n                    <div class=\"artist-img-placeholder\">S<\/div>\r\n                    <h3 style=\"font-size: 1.5rem; color: var(--gold);\">Silas Thorne<\/h3>\r\n                    <p style=\"color: #888; font-size: 0.9rem; margin: 1rem 0;\">Reimagining Neo-Traditional forms through dark symbolism.<\/p>\r\n                    <span style=\"font-size: 0.7rem; color: #555; letter-spacing: 1px;\">15 YEARS EXP<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- PROCESS -->\r\n        <section id=\"experience\">\r\n            <h2 class=\"section-title reveal\">The Journey<\/h2>\r\n            <div class=\"process-list\">\r\n                <div class=\"process-step reveal\">\r\n                    <div class=\"step-num\">01.<\/div>\r\n                    <h3 style=\"margin-bottom: 1rem;\">Dialogue<\/h3>\r\n                    <p style=\"color: #777; font-size: 0.9rem;\">A deep consultation to understand the intent, placement, and story behind your piece.<\/p>\r\n                <\/div>\r\n                <div class=\"process-step reveal\">\r\n                    <div class=\"step-num\">02.<\/div>\r\n                    <h3 style=\"margin-bottom: 1rem;\">Synthesis<\/h3>\r\n                    <p style=\"color: #777; font-size: 0.9rem;\">The artist creates a custom anatomical design tailored specifically to your body's flow.<\/p>\r\n                <\/div>\r\n                <div class=\"process-step reveal\">\r\n                    <div class=\"step-num\">03.<\/div>\r\n                    <h3 style=\"margin-bottom: 1rem;\">Incarnation<\/h3>\r\n                    <p style=\"color: #777; font-size: 0.9rem;\">The tattooing session, held in a sterile, focused environment with premium equipment.<\/p>\r\n                <\/div>\r\n                <div class=\"process-step reveal\">\r\n                    <div class=\"step-num\">04.<\/div>\r\n                    <h3 style=\"margin-bottom: 1rem;\">Preservation<\/h3>\r\n                    <p style=\"color: #777; font-size: 0.9rem;\">Comprehensive aftercare guidance to ensure the mark remains vibrant for a lifetime.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- GALLERY -->\r\n        <section id=\"gallery\">\r\n            <h2 class=\"section-title reveal\">Curated Portfolio<\/h2>\r\n            <div class=\"gallery-grid\">\r\n                <div class=\"gallery-item reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/25349359\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\" alt=\"Tattoo 1\">\r\n                <\/div>\r\n                <div class=\"gallery-item reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/35554744\/pexels-photo-35554744.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\" alt=\"Tattoo 2\">\r\n                <\/div>\r\n                <div class=\"gallery-item reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/30775725\/pexels-photo-30775725.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\" alt=\"Tattoo 3\">\r\n                <\/div>\r\n                <div class=\"gallery-item reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/29211912\/pexels-photo-29211912.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\" alt=\"Tattoo 4\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- TESTIMONIALS -->\r\n        <section id=\"testimonials\">\r\n            <div class=\"testimonial-slider reveal\">\r\n                <p class=\"testimonial-item reveal\">\"An incredible attention to detail. The studio feels more like an high-end art gallery than a typical tattoo shop.\"<\/p>\r\n                <span style=\"color: var(--gold); letter-spacing: 2px; font-size: 0.8rem;\">\u2014 JULIAN R.<\/span>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- FAQ -->\r\n        <section id=\"faq\">\r\n            <h2 class=\"section-title reveal\">Common Enquiries<\/h2>\r\n            <div class=\"faq-container\">\r\n                <div class=\"faq-item reveal\">\r\n                    <p class=\"faq-question\">What is your booking lead time?<\/p>\r\n                    <p class=\"faq-answer\">Currently, our artists are booked 3-5 months in advance. We occasionally have cancellations announced on our social channels.<\/p>\r\n                <\/div>\r\n                <div class=\"faq-item reveal\">\r\n                    <p class=\"faq-question\">Do you offer cover-ups?<\/p>\r\n                    <p class=\"faq-answer\">Yes, though cover-ups require a specific consultation to assess the existing ink and skin condition.<\/p>\r\n                <\/div>\r\n                <div class=\"faq-item reveal\">\r\n                    <p class=\"faq-question\">Is the studio vegan friendly?<\/p>\r\n                    <p class=\"faq-answer\">Absolutely. We use 100% vegan-certified inks and cruelty-free aftercare products.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- CONTACT -->\r\n        <section id=\"contact\">\r\n            <div class=\"contact-container\">\r\n                <div class=\"reveal\">\r\n                    <h2 class=\"section-title\" style=\"margin-bottom: 1.5rem; opacity: 1; transform: none;\">Get In Touch<\/h2>\r\n                    <p style=\"color: #666; margin-bottom: 2rem;\">For all booking inquiries, please include your preferred artist, size, and body placement.<\/p>\r\n                    <p style=\"color: var(--gold);\">studio@inkandiron.com<\/p>\r\n                    <p style=\"color: #888;\">Los Angeles | Berlin<\/p>\r\n                <\/div>\r\n                <div class=\"contact-box reveal\">\r\n                    <form id=\"contact-form\" onsubmit=\"event.preventDefault();\">\r\n                        <input type=\"text\" placeholder=\"Full Name\" style=\"width: 100%; padding: 1rem; margin-bottom: 1rem; background: #222; border: 1px solid #333; color: white; font-family: inherit;\">\r\n                        <input type=\"email\" placeholder=\"Email Address\" style=\"width: 100%; padding: 1rem; margin-bottom: 1rem; background: #222; border: 1px solid #333; color: white; font-family: inherit;\">\r\n                        <textarea placeholder=\"Tell us about your project...\" rows=\"5\" style=\"width: 100%; padding: 1rem; margin-bottom: 1.5rem; background: #222; border: 1px solid #333; color: white; font-family: inherit; resize: none;\"><\/textarea>\r\n                        <button class=\"btn\" style=\"opacity: 1; width: 100%;\">Submit Inquiry<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <footer>\r\n        <div class=\"logo\" style=\"font-size: 1.2rem;\">Ink & Iron<\/div>\r\n        <div>\u00a9 2024 Ink & Iron Studio. All Marks Eternal.<\/div>\r\n        <div class=\"socials\">\r\n            <a href=\"#\">Instagram<\/a>\r\n            <a href=\"#\">Vimeo<\/a>\r\n            <a href=\"#\">Twitter<\/a>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ --- THREE.JS BACKGROUND ---\r\n        let scene, camera, renderer, particles, inkCloud;\r\n        const container = document.getElementById('canvas-container');\r\n\r\n        function initThree() {\r\n            scene = new THREE.Scene();\r\n            camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\r\n            renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\r\n            renderer.setSize(window.innerWidth, window.innerHeight);\r\n            renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n            container.appendChild(renderer.domElement);\r\n\r\n            \/\/ Floating Dust\/Particles\r\n            const particlesGeometry = new THREE.BufferGeometry();\r\n            const count = 2000;\r\n            const positions = new Float32Array(count * 3);\r\n            for(let i=0; i<count * 3; i++) {\r\n                positions[i] = (Math.random() - 0.5) * 15;\r\n            }\r\n            particlesGeometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\r\n            particles = new THREE.Points(particlesGeometry, new THREE.PointsMaterial({\r\n                size: 0.012,\r\n                color: 0xd4af37,\r\n                transparent: true,\r\n                opacity: 0.3\r\n            }));\r\n            scene.add(particles);\r\n\r\n            \/\/ Core 3D Geometry\r\n            const geometry = new THREE.TorusKnotGeometry(1.2, 0.4, 100, 16);\r\n            const material = new THREE.MeshPhongMaterial({\r\n                color: 0x0a0a0a,\r\n                wireframe: true,\r\n                emissive: 0xd4af37,\r\n                emissiveIntensity: 0.05\r\n            });\r\n            inkCloud = new THREE.Mesh(geometry, material);\r\n            scene.add(inkCloud);\r\n\r\n            const light = new THREE.PointLight(0xd4af37, 2, 10);\r\n            light.position.set(2, 2, 5);\r\n            scene.add(light);\r\n            scene.add(new THREE.AmbientLight(0x404040, 1.5));\r\n\r\n            camera.position.z = 5;\r\n        }\r\n\r\n        let mouseX = 0, mouseY = 0;\r\n        function animate() {\r\n            requestAnimationFrame(animate);\r\n            inkCloud.rotation.y += 0.002;\r\n            inkCloud.rotation.x += 0.001;\r\n            particles.rotation.y -= 0.0003;\r\n\r\n            camera.position.x += (mouseX * 0.4 - camera.position.x) * 0.05;\r\n            camera.position.y += (-mouseY * 0.4 - camera.position.y) * 0.05;\r\n            camera.lookAt(scene.position);\r\n\r\n            renderer.render(scene, camera);\r\n        }\r\n\r\n        window.addEventListener('mousemove', (e) => {\r\n            mouseX = (e.clientX \/ window.innerWidth) - 0.5;\r\n            mouseY = (e.clientY \/ window.innerHeight) - 0.5;\r\n        });\r\n\r\n        window.addEventListener('resize', () => {\r\n            camera.aspect = window.innerWidth \/ window.innerHeight;\r\n            camera.updateProjectionMatrix();\r\n            renderer.setSize(window.innerWidth, window.innerHeight);\r\n        });\r\n\r\n        \/\/ --- GSAP ANIMATIONS ---\r\n        function initAnimations() {\r\n            gsap.registerPlugin(ScrollTrigger);\r\n\r\n            \/\/ Hero Entrance\r\n            const tl = gsap.timeline();\r\n            tl.to(\"#hero-title\", { opacity: 1, y: 0, duration: 1.2, ease: \"power4.out\" })\r\n              .to(\"#hero-para\", { opacity: 1, y: 0, duration: 1, ease: \"power3.out\" }, \"-=0.8\")\r\n              .to(\".btn\", { opacity: 1, duration: 0.8 }, \"-=0.5\");\r\n\r\n            \/\/ Universal Scroll Reveal\r\n            gsap.utils.toArray(\".reveal\").forEach(el => {\r\n                gsap.to(el, {\r\n                    scrollTrigger: {\r\n                        trigger: el,\r\n                        start: \"top 90%\",\r\n                        toggleActions: \"play none none reverse\"\r\n                    },\r\n                    opacity: 1,\r\n                    y: 0,\r\n                    x: 0,\r\n                    duration: 1,\r\n                    ease: \"power2.out\"\r\n                });\r\n            });\r\n\r\n            \/\/ 3D Parallax Rotation on Scroll\r\n            gsap.to(inkCloud.rotation, {\r\n                scrollTrigger: {\r\n                    trigger: \"body\",\r\n                    start: \"top top\",\r\n                    end: \"bottom bottom\",\r\n                    scrub: 1.5\r\n                },\r\n                x: Math.PI * 2,\r\n                y: Math.PI\r\n            });\r\n            \r\n            gsap.to(inkCloud.scale, {\r\n                scrollTrigger: {\r\n                    trigger: \"#contact\",\r\n                    start: \"top bottom\",\r\n                    scrub: true\r\n                },\r\n                x: 1.5, y: 1.5, z: 1.5\r\n            });\r\n        }\r\n\r\n        window.onload = () => {\r\n            initThree();\r\n            animate();\r\n            initAnimations();\r\n        };\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Ink &#038; Iron | Luxury 3D Tattoo Studio Ink &#038; Iron Home Artists Process Portfolio FAQ Contact Eternal Art.Precision Skin. Luxury tattooing at the intersection of dark aesthetics and anatomical flow. Every piece is a unique architectural study of the human form. Explore Work The Philosophy We believe the body is the ultimate gallery. Our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-4834","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tattoo Studio - Denisa Alla<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/denisaalla.com\/sq\/tattoo-studio\/\" \/>\n<meta property=\"og:locale\" content=\"sq_AL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tattoo Studio - Denisa Alla\" \/>\n<meta property=\"og:description\" content=\"Ink &#038; Iron | Luxury 3D Tattoo Studio Ink &#038; Iron Home Artists Process Portfolio FAQ Contact Eternal Art.Precision Skin. Luxury tattooing at the intersection of dark aesthetics and anatomical flow. Every piece is a unique architectural study of the human form. Explore Work The Philosophy We believe the body is the ultimate gallery. Our [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/denisaalla.com\/sq\/tattoo-studio\/\" \/>\n<meta property=\"og:site_name\" content=\"Denisa Alla\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T12:24:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.pexels.com\/photos\/25349359\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/tattoo-studio\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/tattoo-studio\\\/\",\"name\":\"Tattoo Studio - Denisa Alla\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/tattoo-studio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/tattoo-studio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.pexels.com\\\/photos\\\/25349359\\\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\",\"datePublished\":\"2026-05-04T12:22:54+00:00\",\"dateModified\":\"2026-05-04T12:24:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/tattoo-studio\\\/#breadcrumb\"},\"inLanguage\":\"sq\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/denisaalla.com\\\/tattoo-studio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sq\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/tattoo-studio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.pexels.com\\\/photos\\\/25349359\\\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\",\"contentUrl\":\"https:\\\/\\\/images.pexels.com\\\/photos\\\/25349359\\\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/tattoo-studio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/denisaalla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tattoo Studio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"name\":\"Denisa Alla\",\"description\":\"Website Designer \\\/ Programmer\",\"publisher\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/denisaalla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sq\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\",\"name\":\"Denisa Alla\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sq\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"contentUrl\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"width\":800,\"height\":758,\"caption\":\"Denisa Alla\"},\"image\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tattoo Studio - Denisa Alla","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/denisaalla.com\/sq\/tattoo-studio\/","og_locale":"sq_AL","og_type":"article","og_title":"Tattoo Studio - Denisa Alla","og_description":"Ink &#038; Iron | Luxury 3D Tattoo Studio Ink &#038; Iron Home Artists Process Portfolio FAQ Contact Eternal Art.Precision Skin. Luxury tattooing at the intersection of dark aesthetics and anatomical flow. Every piece is a unique architectural study of the human form. Explore Work The Philosophy We believe the body is the ultimate gallery. Our [&hellip;]","og_url":"https:\/\/denisaalla.com\/sq\/tattoo-studio\/","og_site_name":"Denisa Alla","article_modified_time":"2026-05-04T12:24:06+00:00","og_image":[{"url":"https:\/\/images.pexels.com\/photos\/25349359\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/denisaalla.com\/tattoo-studio\/","url":"https:\/\/denisaalla.com\/tattoo-studio\/","name":"Tattoo Studio - Denisa Alla","isPartOf":{"@id":"https:\/\/denisaalla.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/denisaalla.com\/tattoo-studio\/#primaryimage"},"image":{"@id":"https:\/\/denisaalla.com\/tattoo-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/images.pexels.com\/photos\/25349359\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2","datePublished":"2026-05-04T12:22:54+00:00","dateModified":"2026-05-04T12:24:06+00:00","breadcrumb":{"@id":"https:\/\/denisaalla.com\/tattoo-studio\/#breadcrumb"},"inLanguage":"sq","potentialAction":[{"@type":"ReadAction","target":["https:\/\/denisaalla.com\/tattoo-studio\/"]}]},{"@type":"ImageObject","inLanguage":"sq","@id":"https:\/\/denisaalla.com\/tattoo-studio\/#primaryimage","url":"https:\/\/images.pexels.com\/photos\/25349359\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2","contentUrl":"https:\/\/images.pexels.com\/photos\/25349359\/pexels-photo-25349359.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2"},{"@type":"BreadcrumbList","@id":"https:\/\/denisaalla.com\/tattoo-studio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/denisaalla.com\/"},{"@type":"ListItem","position":2,"name":"Tattoo Studio"}]},{"@type":"WebSite","@id":"https:\/\/denisaalla.com\/#website","url":"https:\/\/denisaalla.com\/","name":"Denisa Alla","description":"Website Designer \/ Programmer","publisher":{"@id":"https:\/\/denisaalla.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/denisaalla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sq"},{"@type":"Organization","@id":"https:\/\/denisaalla.com\/#organization","name":"Denisa Alla","url":"https:\/\/denisaalla.com\/","logo":{"@type":"ImageObject","inLanguage":"sq","@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/","url":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","contentUrl":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","width":800,"height":758,"caption":"Denisa Alla"},"image":{"@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/comments?post=4834"}],"version-history":[{"count":4,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4834\/revisions"}],"predecessor-version":[{"id":4838,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4834\/revisions\/4838"}],"wp:attachment":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/media?parent=4834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}