Hai sbagliato porta \u2014 The Spiritual Machine<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Manrope:wght@400;500;700&display=swap');\n\n :root{\n --paper:#F6F3EA;\n --ink:#15150F;\n --olive:#5B6B41;\n --olive-soft:#8B9A6B;\n --citrus:#E15A2B;\n --line:rgba(21,21,15,0.10);\n }\n\n *{box-sizing:border-box;}\n\n html,body{\n margin:0; padding:0; width:100%; height:100%;\n background:var(--paper);\n font-family:'Manrope', sans-serif;\n color:var(--ink);\n overflow:hidden;\n }\n\n .tsm-stage{\n position:relative;\n width:100%; height:100vh;\n display:flex; flex-direction:column;\n align-items:center; justify-content:center;\n text-align:center;\n padding:2rem;\n }\n\n \/* icone botaniche a tratto, in stile TSM *\/\n .tsm-icon{\n position:absolute;\n stroke:var(--olive);\n fill:none;\n stroke-width:1.4;\n opacity:0.35;\n pointer-events:none;\n }\n .tsm-icon.citrus{ stroke:var(--citrus); }\n\n .tsm-eyebrow{\n font-family:'Space Grotesk', sans-serif;\n font-weight:700;\n text-transform:uppercase;\n letter-spacing:0.18em;\n font-size:0.72rem;\n color:var(--olive);\n margin-bottom:1.4rem;\n }\n\n .tsm-title{\n font-family:'Space Grotesk', sans-serif;\n font-weight:700;\n font-size:clamp(2.4rem, 7vw, 5rem);\n line-height:1.02;\n margin:0 0 1rem 0;\n letter-spacing:-0.01em;\n }\n .tsm-title span{ color:var(--citrus); }\n\n .tsm-sub{\n max-width:460px;\n font-size:1.05rem;\n line-height:1.5;\n color:rgba(21,21,15,0.68);\n margin:0 0 3rem 0;\n }\n\n .tsm-seal-wrap{\n position:relative;\n width:100%; max-width:600px;\n height:130px;\n display:flex; align-items:center; justify-content:center;\n }\n\n .tsm-seal{\n position:absolute;\n padding:1.1rem 2.6rem;\n background:var(--ink);\n color:var(--paper);\n border-radius:100px;\n font-family:'Space Grotesk', sans-serif;\n font-weight:700;\n font-size:1.05rem;\n letter-spacing:0.06em;\n cursor:pointer;\n user-select:none;\n box-shadow:0 8px 24px rgba(21,21,15,0.18);\n transition:left 0.3s cubic-bezier(.2,1.3,.4,1), top 0.3s cubic-bezier(.2,1.3,.4,1), transform 0.15s ease;\n left:50%; top:50%; transform:translate(-50%,-50%);\n white-space:nowrap;\n }\n .tsm-seal:active{ transform:translate(-50%,-50%) scale(0.95); }\n\n .tsm-taunt{\n margin-top:1.4rem;\n min-height:1.3em;\n font-size:0.95rem;\n font-weight:500;\n color:var(--olive);\n }\n\n .tsm-stat{\n margin-top:3rem;\n display:flex;\n flex-direction:column;\n align-items:center;\n }\n .tsm-stat-number{\n font-family:'Space Grotesk', sans-serif;\n font-weight:700;\n font-size:clamp(2rem, 5vw, 3.2rem);\n color:var(--ink);\n line-height:1;\n }\n .tsm-stat-label{\n margin-top:0.3rem;\n font-size:0.78rem;\n text-transform:uppercase;\n letter-spacing:0.12em;\n color:rgba(21,21,15,0.5);\n }\n\n .tsm-back{\n position:absolute;\n bottom:2rem;\n font-family:'Manrope', sans-serif;\n font-weight:500;\n font-size:0.85rem;\n color:rgba(21,21,15,0.45);\n text-decoration:none;\n border-bottom:1px solid rgba(21,21,15,0.25);\n padding-bottom:2px;\n transition:color 0.2s ease, border-color 0.2s ease;\n }\n .tsm-back:hover{ color:var(--ink); border-color:var(--ink); }\n\n @media (prefers-reduced-motion: reduce){\n .tsm-seal{ transition:none; }\n }\n\n @media (max-width:600px){\n .tsm-icon{ display:none; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"tsm-stage\" id=\"tsmStage\">\n\n \n <svg class=\"tsm-icon\" style=\"width:90px; top:8%; left:6%;\" viewBox=\"0 0 100 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M50 130 L50 20\" \/>\n <path d=\"M50 30 L30 15\" \/><path d=\"M50 30 L70 15\" \/>\n <path d=\"M50 50 L28 37\" \/><path d=\"M50 50 L72 37\" \/>\n <path d=\"M50 70 L30 57\" \/><path d=\"M50 70 L70 57\" \/>\n <path d=\"M50 90 L32 78\" \/><path d=\"M50 90 L68 78\" \/>\n <path d=\"M50 110 L34 99\" \/><path d=\"M50 110 L66 99\" \/>\n <\/svg>\n\n \n <svg class=\"tsm-icon citrus\" style=\"width:110px; bottom:10%; right:7%;\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"50\" r=\"44\" \/>\n <circle cx=\"50\" cy=\"50\" r=\"34\" \/>\n <path d=\"M50 16 L50 84\" \/><path d=\"M16 50 L84 50\" \/>\n <path d=\"M26 26 L74 74\" \/><path d=\"M74 26 L26 74\" \/>\n <\/svg>\n\n \n <svg class=\"tsm-icon\" style=\"width:60px; top:12%; right:10%;\" viewBox=\"0 0 100 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <ellipse cx=\"50\" cy=\"30\" rx=\"34\" ry=\"22\" \/>\n <path d=\"M50 8 L58 -4\" \/>\n <\/svg>\n\n <p class=\"tsm-eyebrow\">The Spiritual Machine \u00b7 Lab<\/p>\n <h1 class=\"tsm-title\">Vietato l'accesso<br>ai non distillatori<span>.<\/span><\/h1>\n <p class=\"tsm-sub\">Qui dentro si progettano ricette, non si guarda dalla vetrina. E no, quel bottone non lo prendi.<\/p>\n\n <div class=\"tsm-seal-wrap\" id=\"tsmSealWrap\">\n <div class=\"tsm-seal\" id=\"tsmSeal\">ENTRA<\/div>\n <\/div>\n\n <p class=\"tsm-taunt\" id=\"tsmTaunt\"> <\/p>\n\n <div class=\"tsm-stat\">\n <div class=\"tsm-stat-number\" id=\"tsmCounter\">0<\/div>\n <div class=\"tsm-stat-label\">Tentativi falliti<\/div>\n <\/div>\n\n <a href=\"https:\/\/thespiritualmachine.com\/\" class=\"tsm-back\">\u2190 torna al sito<\/a>\n<\/div>\n\n<script>\n(function(){\n const wrap = document.getElementById('tsmSealWrap');\n const seal = document.getElementById('tsmSeal');\n const taunt = document.getElementById('tsmTaunt');\n const counterEl = document.getElementById('tsmCounter');\n\n const lines = [\n \"Nemmeno stavolta.\",\n \"Il configuratore \u00e8 altrove.\",\n \"Bella mira, zero risultato.\",\n \"I pazzi siamo noi, non tu. Per ora.\",\n \"Prova pure, noi ridiamo.\",\n \"Ancora no.\",\n \"Ci risiamo?\",\n \"Manca poco. In realt\u00e0 no.\"\n ];\n\n let count = 0;\n\n function bump(){\n count++;\n counterEl.textContent = count;\n taunt.textContent = lines[Math.floor(Math.random()*lines.length)];\n }\n\n function moveSealAwayFrom(clientX, clientY){\n const r = wrap.getBoundingClientRect();\n const sealRect = seal.getBoundingClientRect();\n const sw = sealRect.width, sh = sealRect.height;\n const maxX = Math.max(0, r.width - sw);\n const maxY = Math.max(0, r.height - sh);\n\n const curCX = sealRect.left + sw\/2 - r.left;\n const curCY = sealRect.top + sh\/2 - r.top;\n const cursorX = clientX - r.left;\n const cursorY = clientY - r.top;\n\n let dx = curCX - cursorX;\n let dy = curCY - cursorY;\n let len = Math.sqrt(dx*dx + dy*dy) || 1;\n dx \/= len; dy \/= len;\n\n let newLeft = curCX - sw\/2 + dx * (130 + Math.random()*60);\n let newTop = curCY - sh\/2 + dy * (60 + Math.random()*40);\n\n if (newLeft < 0 || newLeft > maxX || newTop < 0 || newTop > maxY || len < 120){\n newLeft = Math.random() * maxX;\n newTop = Math.random() * maxY;\n }\n\n newLeft = Math.min(Math.max(newLeft,0), maxX);\n newTop = Math.min(Math.max(newTop,0), maxY);\n\n seal.style.left = newLeft + 'px';\n seal.style.top = newTop + 'px';\n seal.style.transform = 'translate(0,0)';\n\n bump();\n }\n\n const THRESHOLD = 100;\n\n function handleMove(clientX, clientY){\n const rect = seal.getBoundingClientRect();\n const cx = rect.left + rect.width\/2;\n const cy = rect.top + rect.height\/2;\n const dist = Math.hypot(clientX - cx, clientY - cy);\n if (dist < THRESHOLD){\n moveSealAwayFrom(clientX, clientY);\n }\n }\n\n window.addEventListener('mousemove', (e)=> handleMove(e.clientX, e.clientY));\n window.addEventListener('touchstart', (e)=>{\n const t = e.touches[0];\n if (t) handleMove(t.clientX, t.clientY);\n }, {passive:true});\n\n seal.addEventListener('click', (e)=>{\n e.preventDefault();\n moveSealAwayFrom(e.clientX, e.clientY);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hai sbagliato porta \u2014 The Spiritual Machine The Spiritual Machine \u00b7 Lab Vietato l’accessoai non distillatori. Qui dentro si progettano ricette, non si guarda dalla vetrina. E no, quel bottone non lo prendi. ENTRA 0 Tentativi falliti \u2190 torna al sito<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":5,"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n\n\nHai sbagliato porta \u2014 The Spiritual Machine<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Manrope:wght@400;500;700&display=swap');\n\n :root{\n --paper:#F6F3EA;\n --ink:#15150F;\n --olive:#5B6B41;\n --olive-soft:#8B9A6B;\n --citrus:#E15A2B;\n --line:rgba(21,21,15,0.10);\n }\n\n *{box-sizing:border-box;}\n\n html,body{\n margin:0; padding:0; width:100%; height:100%;\n background:var(--paper);\n font-family:'Manrope', sans-serif;\n color:var(--ink);\n overflow:hidden;\n }\n\n .tsm-stage{\n position:relative;\n width:100%; height:100vh;\n display:flex; flex-direction:column;\n align-items:center; justify-content:center;\n text-align:center;\n padding:2rem;\n }\n\n \/* icone botaniche a tratto, in stile TSM *\/\n .tsm-icon{\n position:absolute;\n stroke:var(--olive);\n fill:none;\n stroke-width:1.4;\n opacity:0.35;\n pointer-events:none;\n }\n .tsm-icon.citrus{ stroke:var(--citrus); }\n\n .tsm-eyebrow{\n font-family:'Space Grotesk', sans-serif;\n font-weight:700;\n text-transform:uppercase;\n letter-spacing:0.18em;\n font-size:0.72rem;\n color:var(--olive);\n margin-bottom:1.4rem;\n }\n\n .tsm-title{\n font-family:'Space Grotesk', sans-serif;\n font-weight:700;\n font-size:clamp(2.4rem, 7vw, 5rem);\n line-height:1.02;\n margin:0 0 1rem 0;\n letter-spacing:-0.01em;\n }\n .tsm-title span{ color:var(--citrus); }\n\n .tsm-sub{\n max-width:460px;\n font-size:1.05rem;\n line-height:1.5;\n color:rgba(21,21,15,0.68);\n margin:0 0 3rem 0;\n }\n\n .tsm-seal-wrap{\n position:relative;\n width:100%; max-width:600px;\n height:130px;\n display:flex; align-items:center; justify-content:center;\n }\n\n .tsm-seal{\n position:absolute;\n padding:1.1rem 2.6rem;\n background:var(--ink);\n color:var(--paper);\n border-radius:100px;\n font-family:'Space Grotesk', sans-serif;\n font-weight:700;\n font-size:1.05rem;\n letter-spacing:0.06em;\n cursor:pointer;\n user-select:none;\n box-shadow:0 8px 24px rgba(21,21,15,0.18);\n transition:left 0.3s cubic-bezier(.2,1.3,.4,1), top 0.3s cubic-bezier(.2,1.3,.4,1), transform 0.15s ease;\n left:50%; top:50%; transform:translate(-50%,-50%);\n white-space:nowrap;\n }\n .tsm-seal:active{ transform:translate(-50%,-50%) scale(0.95); }\n\n .tsm-taunt{\n margin-top:1.4rem;\n min-height:1.3em;\n font-size:0.95rem;\n font-weight:500;\n color:var(--olive);\n }\n\n .tsm-stat{\n margin-top:3rem;\n display:flex;\n flex-direction:column;\n align-items:center;\n }\n .tsm-stat-number{\n font-family:'Space Grotesk', sans-serif;\n font-weight:700;\n font-size:clamp(2rem, 5vw, 3.2rem);\n color:var(--ink);\n line-height:1;\n }\n .tsm-stat-label{\n margin-top:0.3rem;\n font-size:0.78rem;\n text-transform:uppercase;\n letter-spacing:0.12em;\n color:rgba(21,21,15,0.5);\n }\n\n .tsm-back{\n position:absolute;\n bottom:2rem;\n font-family:'Manrope', sans-serif;\n font-weight:500;\n font-size:0.85rem;\n color:rgba(21,21,15,0.45);\n text-decoration:none;\n border-bottom:1px solid rgba(21,21,15,0.25);\n padding-bottom:2px;\n transition:color 0.2s ease, border-color 0.2s ease;\n }\n .tsm-back:hover{ color:var(--ink); border-color:var(--ink); }\n\n @media (prefers-reduced-motion: reduce){\n .tsm-seal{ transition:none; }\n }\n\n @media (max-width:600px){\n .tsm-icon{ display:none; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"tsm-stage\" id=\"tsmStage\">\n\n \n <svg class=\"tsm-icon\" style=\"width:90px; top:8%; left:6%;\" viewBox=\"0 0 100 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M50 130 L50 20\" \/>\n <path d=\"M50 30 L30 15\" \/><path d=\"M50 30 L70 15\" \/>\n <path d=\"M50 50 L28 37\" \/><path d=\"M50 50 L72 37\" \/>\n <path d=\"M50 70 L30 57\" \/><path d=\"M50 70 L70 57\" \/>\n <path d=\"M50 90 L32 78\" \/><path d=\"M50 90 L68 78\" \/>\n <path d=\"M50 110 L34 99\" \/><path d=\"M50 110 L66 99\" \/>\n <\/svg>\n\n \n <svg class=\"tsm-icon citrus\" style=\"width:110px; bottom:10%; right:7%;\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"50\" r=\"44\" \/>\n <circle cx=\"50\" cy=\"50\" r=\"34\" \/>\n <path d=\"M50 16 L50 84\" \/><path d=\"M16 50 L84 50\" \/>\n <path d=\"M26 26 L74 74\" \/><path d=\"M74 26 L26 74\" \/>\n <\/svg>\n\n \n <svg class=\"tsm-icon\" style=\"width:60px; top:12%; right:10%;\" viewBox=\"0 0 100 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <ellipse cx=\"50\" cy=\"30\" rx=\"34\" ry=\"22\" \/>\n <path d=\"M50 8 L58 -4\" \/>\n <\/svg>\n\n <p class=\"tsm-eyebrow\">The Spiritual Machine \u00b7 Lab<\/p>\n <h1 class=\"tsm-title\">Vietato l'accesso<br>ai non distillatori<span>.<\/span><\/h1>\n <p class=\"tsm-sub\">Qui dentro si progettano ricette, non si guarda dalla vetrina. E no, quel bottone non lo prendi.<\/p>\n\n <div class=\"tsm-seal-wrap\" id=\"tsmSealWrap\">\n <div class=\"tsm-seal\" id=\"tsmSeal\">ENTRA<\/div>\n <\/div>\n\n <p class=\"tsm-taunt\" id=\"tsmTaunt\"> <\/p>\n\n <div class=\"tsm-stat\">\n <div class=\"tsm-stat-number\" id=\"tsmCounter\">0<\/div>\n <div class=\"tsm-stat-label\">Tentativi falliti<\/div>\n <\/div>\n\n <a href=\"https:\/\/thespiritualmachine.com\/\" class=\"tsm-back\">\u2190 torna al sito<\/a>\n<\/div>\n\n<script>\n(function(){\n const wrap = document.getElementById('tsmSealWrap');\n const seal = document.getElementById('tsmSeal');\n const taunt = document.getElementById('tsmTaunt');\n const counterEl = document.getElementById('tsmCounter');\n\n const lines = [\n \"Nemmeno stavolta.\",\n \"Il configuratore \u00e8 altrove.\",\n \"Bella mira, zero risultato.\",\n \"I pazzi siamo noi, non tu. Per ora.\",\n \"Prova pure, noi ridiamo.\",\n \"Ancora no.\",\n \"Ci risiamo?\",\n \"Manca poco. In realt\u00e0 no.\"\n ];\n\n let count = 0;\n\n function bump(){\n count++;\n counterEl.textContent = count;\n taunt.textContent = lines[Math.floor(Math.random()*lines.length)];\n }\n\n function moveSealAwayFrom(clientX, clientY){\n const r = wrap.getBoundingClientRect();\n const sealRect = seal.getBoundingClientRect();\n const sw = sealRect.width, sh = sealRect.height;\n const maxX = Math.max(0, r.width - sw);\n const maxY = Math.max(0, r.height - sh);\n\n const curCX = sealRect.left + sw\/2 - r.left;\n const curCY = sealRect.top + sh\/2 - r.top;\n const cursorX = clientX - r.left;\n const cursorY = clientY - r.top;\n\n let dx = curCX - cursorX;\n let dy = curCY - cursorY;\n let len = Math.sqrt(dx*dx + dy*dy) || 1;\n dx \/= len; dy \/= len;\n\n let newLeft = curCX - sw\/2 + dx * (130 + Math.random()*60);\n let newTop = curCY - sh\/2 + dy * (60 + Math.random()*40);\n\n if (newLeft < 0 || newLeft > maxX || newTop < 0 || newTop > maxY || len < 120){\n newLeft = Math.random() * maxX;\n newTop = Math.random() * maxY;\n }\n\n newLeft = Math.min(Math.max(newLeft,0), maxX);\n newTop = Math.min(Math.max(newTop,0), maxY);\n\n seal.style.left = newLeft + 'px';\n seal.style.top = newTop + 'px';\n seal.style.transform = 'translate(0,0)';\n\n bump();\n }\n\n const THRESHOLD = 100;\n\n function handleMove(clientX, clientY){\n const rect = seal.getBoundingClientRect();\n const cx = rect.left + rect.width\/2;\n const cy = rect.top + rect.height\/2;\n const dist = Math.hypot(clientX - cx, clientY - cy);\n if (dist < THRESHOLD){\n moveSealAwayFrom(clientX, clientY);\n }\n }\n\n window.addEventListener('mousemove', (e)=> handleMove(e.clientX, e.clientY));\n window.addEventListener('touchstart', (e)=>{\n const t = e.touches[0];\n if (t) handleMove(t.clientX, t.clientY);\n }, {passive:true});\n\n seal.addEventListener('click', (e)=>{\n e.preventDefault();\n moveSealAwayFrom(e.clientX, e.clientY);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hai sbagliato porta \u2014 The Spiritual Machine The Spiritual Machine \u00b7 Lab Vietato l’accessoai non distillatori. Qui dentro si progettano ricette, non si guarda dalla vetrina. E no, quel bottone non lo prendi. ENTRA 0 Tentativi falliti \u2190 torna al sito<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":5,"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/www.production.thespiritualmachine.com\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}