{"id":21,"date":"2025-07-15T20:44:20","date_gmt":"2025-07-15T20:44:20","guid":{"rendered":"https:\/\/occvltvm.com\/wp\/?page_id=21"},"modified":"2025-07-15T22:19:01","modified_gmt":"2025-07-15T22:19:01","slug":"sdfghj","status":"publish","type":"page","link":"https:\/\/occvltvm.com\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-0c9c989a wp-block-group-is-layout-constrained\" style=\"min-height:0vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\"\/>\n<title>OCCVLTVM \u2013 A Documentary<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;1,700&amp;family=Inter:wght@300;500&amp;display=swap\" rel=\"stylesheet\"\/>\n<style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    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    }\n\n    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    }\n\n    @keyframes gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n\n    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.15;\n      pointer-events: none;\n      z-index: 10;\n    }\n\n    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    }\n\n    .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    }\n\n    header {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100vh;\n      text-align: center;\n      opacity: 0;\n      animation: fadeInUp 2.5s ease-out forwards;\n    }\n\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    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    }\n\n    @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    }\n\n    header h2 {\n      font-weight: 300;\n      margin-top: 1rem;\n      letter-spacing: 0.1em;\n      color: #ccc;\n      font-size: 1rem;\n    }\n\n    .content {\n      max-width: 900px;\n      margin: 0 auto;\n      padding: 6rem 2rem 3rem;\n    }\n\n    .section {\n      margin-bottom: 4rem;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: opacity 1s ease-out, transform 1s ease-out;\n    }\n\n    .section.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .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    }\n\n    p {\n      font-size: 1.1rem;\n      line-height: 1.8;\n    }\n\n    .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    }\n\n    .signature {\n      margin-top: 1rem;\n      text-align: left;\n      color: #888;\n      letter-spacing: 0.05em;\n      font-size: 1rem;\n    }\n\n    \/* Custom cursor *\/\n    body {\n      cursor: url('https:\/\/cur.cursors-4u.net\/cursors\/cur-9\/cur816.cur'), auto;\n    }\n\n    \/* Parallax effect *\/\n    .parallax {\n      will-change: transform;\n      transition: transform 0.2s ease-out;\n    }\n  \n.fake-heading {\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  text-align: center;\n  margin-top: 10vh;\n  color: #f0f0f0;\n}\n\n.fake-subtitle {\n  font-weight: 300;\n  margin-top: 1rem;\n  letter-spacing: 0.1em;\n  color: #ccc;\n  font-size: 1rem;\n  text-align: center;\n}\n\n.fake-heading {\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  text-align: center;\n  margin-top: 4vh;\n  margin-bottom: 1vh;\n  padding: 0 2vw;\n  color: #f0f0f0;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n\n.fake-subtitle {\n  font-weight: 300;\n  margin-top: 0;\n  margin-bottom: 6vh;\n  letter-spacing: 0.1em;\n  color: #ccc;\n  font-size: 1rem;\n  text-align: center;\n  padding: 0 2vw;\n}\n\n.content {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 4rem 1rem 3rem;\n}\n\n\n\/* Responsive tuning for mobile *\/\n@media (max-width: 768px) {\n  .fake-heading {\n    font-size: 2.2rem;\n    margin-top: 12vh;\n    padding: 0 5vw;\n  }\n\n  .fake-subtitle {\n    font-size: 0.9rem;\n    padding: 0 5vw;\n    margin-bottom: 5vh;\n  }\n\n  .content {\n    padding: 2rem 1rem 3rem;\n  }\n}\n\n.film-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background: url('https:\/\/i.imgur.com\/tFXpVkb.png');\n  background-size: cover;\n  opacity: 0.08;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.button-container {\n  text-align: center;\n  margin-top: 4rem;\n}\n\n.cta-button {\n  display: inline-block;\n  padding: 0.75rem 2rem;\n  border: 1px solid #000;\n  color: #000;\n  background: #f0f0f0;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-size: 1rem;\n  border-radius: 4px;\n  text-decoration: none;\n  transition: all 0.3s ease;\n}\n\n.cta-button:hover {\n  background: #000;\n  color: #f0f0f0;\n}\n\n.cta-button {\n  background: #000 !important;\n  color: #f0f0f0 !important;\n  border: 1px solid #000 !important;\n}\n\n.cta-button:hover {\n  background: #111 !important;\n  border-color: #111 !important;\n}\n\n.fake-heading {\n  margin-top: 4vh !important;\n}\n\n.cta-button {\n  border: 1px solid #444 !important;\n}\n\n.cta-button:hover {\n  border-color: #666 !important;\n}\n\n@media (max-width: 768px) {\n  .fake-heading {\n    margin-top: 4vh !important;\n  }\n}\n\n\/* Reset margini e padding del body *\/\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  position: relative;\n}\n\n\/* Riduzione margine superiore titolo *\/\n.fake-heading {\n  margin-top: 0vh !important;\n  padding-top: 2vh;\n}\n\nhtml, body {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  height: 100% !important;\n  overflow-x: hidden !important;\n}\n\n.fake-heading {\n  margin: 0 !important;\n  padding: 1vh 2vw 0 2vw !important;\n  position: relative !important;\n  top: 0 !important;\n}\n<\/style>\n<style>\nheader, footer, h1, h2 {\n  display: none !important;\n}\n<\/style><\/head>\n<body>\n<video autoplay=\"\" class=\"bg-video\" loop=\"\" muted=\"\">\n<source src=\"occvltvm-background.mp4\" type=\"video\/mp4\"\/>\n<\/video>\n<div class=\"overlay\"><\/div><div class=\"film-overlay\"><\/div>\n<header class=\"parallax\">\n<h2 style=\"font-family: 'Playfair Display', serif; font-size: 3.5rem; letter-spacing: 0.08em; text-transform: uppercase; position: relative; animation: glitch 4s infinite ease-in-out;\">OCCVLTVM<\/h2>\n<h2>Stories Never Revelated<\/h2>\n<\/header>\n<div class=\"fake-heading\">OCCVLTVM<\/div><div class=\"fake-subtitle\">Stories Never Revelated<\/div><div class=\"content\">\n<div class=\"section parallax\">\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<\/div>\n<div class=\"section parallax\">\n<p>The protagonists of these works are not chosen. They let themselves be found.<\/p>\n<\/div>\n<div class=\"section parallax\">\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<\/div>\n<div class=\"section parallax\">\n<p>They seek no attention. They choose silence. And in that silence, things happen. Every encounter is unique and unrepeatable.<\/p>\n<\/div>\n<div class=\"section parallax\">\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<\/div>\n<div class=\"section parallax\">\n<p class=\"quote\">\n        Carrying OCCVLTVM 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<\/div>\n<div class=\"button-container\"><a class=\"cta-button\" href=\"#\">Check it out<\/a><\/div><\/div>\n<script>\n    const sections = document.querySelectorAll('.section');\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.15 });\n    sections.forEach(section => observer.observe(section));\n\n    \/\/ Parallax effect\n    document.addEventListener('scroll', () => {\n      const scrolled = window.scrollY;\n      document.querySelectorAll('.parallax').forEach(el => {\n        el.style.transform = `translateY(${scrolled * 0.05}px)`;\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>OCCVLTVM \u2013 A Documentary OCCVLTVM Stories Never Revelated OCCVLTVM Stories Never Revelated 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 [&hellip;]<\/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-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/pages\/21","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=21"}],"version-history":[{"count":35,"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/occvltvm.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/occvltvm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}