\n \n \n Third Eye \u2013 A Documentary<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;1,700&family=Inter:wght@300;500&display=swap\" rel=\"stylesheet\">\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> html {\n scroll-behavior: smooth;\n }<\/p>\n<p> body, html {\n height: 100%;\n font-family: 'Inter', sans-serif;\n overflow-x: hidden;\n color: #f0f0f0;\n background: black;\n position: relative;\n }<\/p>\n<p> body::before {\n content: \"\";\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n pointer-events: none;\n background: linear-gradient(270deg, #0b0c27, #1a1030, #000000, #1a1030, #0b0c27);\n background-size: 1000% 1000%;\n filter: blur(20px);\n animation: gradientShift 40s ease infinite;\n z-index: -3;\n }<\/p>\n<p> @keyframes gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }<\/p>\n<p> body::after {\n content: \"\";\n position: fixed;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background: url('https:\/\/grainy-gradients.vercel.app\/noise.svg');\n opacity: 0.035;\n pointer-events: none;\n z-index: 10;\n }<\/p>\n<p> video.bg-video {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n object-fit: cover;\n z-index: -2;\n }<\/p>\n<p> .overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n z-index: -1;\n }<\/p>\n<p> header {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100vh;\n text-align: center;\n animation: fadeIn 2.5s ease forwards;\n }<\/p>\n<p> header h1 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n position: relative;\n animation: glitch 4s infinite ease-in-out;\n }<\/p>\n<p> @keyframes glitch {\n 0% { text-shadow: 1px 0 red, -1px 0 cyan; }\n 25% { text-shadow: -2px 1px red, 2px -1px cyan; }\n 50% { text-shadow: 1px -1px red, -1px 1px cyan; }\n 75% { text-shadow: -1px 2px red, 1px -2px cyan; }\n 100% { text-shadow: 1px 0 red, -1px 0 cyan; }\n }<\/p>\n<p> header h2 {\n font-weight: 300;\n margin-top: 1rem;\n letter-spacing: 0.1em;\n color: #ccc;\n font-size: 1rem;\n }<\/p>\n<p> .content {\n max-width: 900px;\n margin: 0 auto;\n padding: 6rem 2rem 3rem;\n }<\/p>\n<p> .section {\n margin-bottom: 4rem;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 1s ease-out, transform 1s ease-out;\n }<\/p>\n<p> .section.visible {\n opacity: 1;\n transform: translateY(0);\n }<\/p>\n<p> .section img {\n width: 100%;\n border-radius: 10px;\n margin-top: 2rem;\n box-shadow: 0 0 40px rgba(255,255,255,0.05);\n }<\/p>\n<p> p {\n font-size: 1.1rem;\n line-height: 1.8;\n }<\/p>\n<p> .quote {\n font-style: italic;\n font-size: 1.1rem;\n line-height: 1.8;\n margin-top: 0;\n padding-left: 0;\n border-left: none;\n color: #ddd;\n }<\/p>\n<p> .signature {\n margin-top: 1rem;\n text-align: left;\n color: #888;\n letter-spacing: 0.05em;\n font-size: 1rem;\n }<\/p>\n<p> @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <video autoplay muted loop class=\"bg-video\"><source src=\"your-background-video.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<div class=\"overlay\"><\/div>\n<header>\n<h1>THIRD EYE<\/h1>\n<h2>A documentary of inner visionaries<\/h2>\n<\/header>\n<div class=\"content\">\n<div class=\"section\">\n<p>A cycle of cinematic works dedicated to telling the invisible, drawing with light and shadow the secret forms of worlds beyond the veil of perception, where embracing the shadow makes a man whole and awakens his true essence.<\/p>\n<\/p><\/div>\n<div class=\"section\">\n<p>The protagonists of these works are not chosen. They let themselves be found.<\/p>\n<\/p><\/div>\n<div class=\"section\">\n<p>Each episode is the result of authentic relationships with individuals who operate on the border between matter and spirit: mentalists who do not perform but lead. Healers who promise nothing, yet transform. Hypnotists who do not speak but pass through you. Silent monks. Men and women capable of moving something within, simply by being.<\/p>\n<\/p><\/div>\n<div class=\"section\">\n<p>They seek no attention. They choose silence. And in that silence, things happen. Every encounter is unique and unrepeatable.<\/p>\n<\/p><\/div>\n<div class=\"section\">\n<p>Filming takes place in remote locations, private studios, temple-like homes, isolated nights. Often without lights, without crews, without words. Only the visual apparatus and those ready to be traversed. One enters a suspended space where reality is no longer linear: images layer, time expands, experience becomes subjective.<\/p>\n<\/p><\/div>\n<div class=\"section\">\n<p class=\"quote\">\n Carrying Third Eye forward means stepping each time into a blind zone, without guarantees.<br \/>\n Nothing is certain. Every opening is earned, every film a wound.<br \/>\n But when I manage to capture even a fragment of truth,<br \/>\n I remember why I was born.\n <\/p>\n<p class=\"signature\">Matteo Firpo<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n const sections = document.querySelectorAll('.section');<\/p>\n<p> const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, {\n threshold: 0.15\n });<\/p>\n<p> sections.forEach(section => {\n observer.observe(section);\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Third Eye \u2013 A Documentary THIRD EYE A documentary of inner visionaries A cycle of cinematic works dedicated to telling the invisible, drawing with light and shadow the secret forms of worlds beyond the veil of perception, where embracing the shadow makes a man whole and awakens his true essence. The protagonists of these works […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/occvltvm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":2,"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/occvltvm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}