{"id":2544,"date":"2026-08-31T15:50:16","date_gmt":"2026-08-31T13:50:16","guid":{"rendered":"https:\/\/www.thespeakeasybook.com\/?page_id=2544"},"modified":"2026-09-04T11:52:53","modified_gmt":"2026-09-04T09:52:53","slug":"gn","status":"publish","type":"page","link":"https:\/\/www.thespeakeasybook.com\/en\/gn\/","title":{"rendered":"The Graphic Novel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2544\" class=\"elementor elementor-2544\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22d164f e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"22d164f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5edb0 elementor-widget elementor-widget-html\" data-id=\"fc5edb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"speakeasy-language-switcher\" data-no-translation>\r\n    <a data-lang=\"it\" href=\"https:\/\/www.thespeakeasybook.com\/gn\">IT<\/a>\r\n    <a data-lang=\"en\" href=\"https:\/\/www.thespeakeasybook.com\/en\/gn\/\">EN<\/a>\r\n    <a data-lang=\"fr\" href=\"https:\/\/www.thespeakeasybook.com\/fr\/gn\/\">FR<\/a>\r\n    <a data-lang=\"es\" href=\"https:\/\/www.thespeakeasybook.com\/es\/gn\/\">ES<\/a>\r\n<\/div>\r\n\r\n<style>\r\n#speakeasy-language-switcher {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 38px;\r\n    width: 100%;\r\n}\r\n\r\n#speakeasy-language-switcher a {\r\n    font-family: \"Cinzel\", serif !important;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.08em;\r\n    color: #d6aa6a !important;\r\n    text-decoration: none !important;\r\n\r\n    \/* LINGUE NON ATTIVE *\/\r\n    opacity: 0.40 !important;\r\n\r\n    transition: opacity .2s ease;\r\n}\r\n\r\n\/* LINGUA ATTIVA *\/\r\n#speakeasy-language-switcher a.is-active {\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* HOVER DELLE ALTRE *\/\r\n#speakeasy-language-switcher a:not(.is-active):hover {\r\n    opacity: 0.70 !important;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    #speakeasy-language-switcher {\r\n        gap: 18px;\r\n    }\r\n\r\n    #speakeasy-language-switcher a {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const links = document.querySelectorAll(\r\n        \"#speakeasy-language-switcher a\"\r\n    );\r\n\r\n    let lang = (\r\n        document.documentElement.lang || \"it\"\r\n    ).toLowerCase().substring(0,2);\r\n\r\n    links.forEach(function(link) {\r\n        link.classList.remove(\"is-active\");\r\n\r\n        if (link.dataset.lang === lang) {\r\n            link.classList.add(\"is-active\");\r\n        }\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74335b4 e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"74335b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2633b8f elementor-widget elementor-widget-html\" data-id=\"2633b8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"speakeasy-language-switcher\" data-no-translation>\r\n    <a data-lang=\"it\" href=\"https:\/\/www.thespeakeasybook.com\/gn\">IT<\/a>\r\n    <a data-lang=\"en\" href=\"https:\/\/www.thespeakeasybook.com\/en\/gn\/\">EN<\/a>\r\n    <a data-lang=\"fr\" href=\"https:\/\/www.thespeakeasybook.com\/fr\/gn\/\">FR<\/a>\r\n    <a data-lang=\"es\" href=\"https:\/\/www.thespeakeasybook.com\/es\/gn\/\">ES<\/a>\r\n<\/div>\r\n\r\n<style>\r\n#speakeasy-language-switcher {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 38px;\r\n    width: 100%;\r\n}\r\n\r\n#speakeasy-language-switcher a {\r\n    font-family: \"Cinzel\", serif !important;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.08em;\r\n    color: #d6aa6a !important;\r\n    text-decoration: none !important;\r\n\r\n    \/* LINGUE NON ATTIVE *\/\r\n    opacity: 0.40 !important;\r\n\r\n    transition: opacity .2s ease;\r\n}\r\n\r\n\/* LINGUA ATTIVA *\/\r\n#speakeasy-language-switcher a.is-active {\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* HOVER DELLE ALTRE *\/\r\n#speakeasy-language-switcher a:not(.is-active):hover {\r\n    opacity: 0.70 !important;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    #speakeasy-language-switcher {\r\n        gap: 18px;\r\n    }\r\n\r\n    #speakeasy-language-switcher a {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const links = document.querySelectorAll(\r\n        \"#speakeasy-language-switcher a\"\r\n    );\r\n\r\n    let lang = (\r\n        document.documentElement.lang || \"it\"\r\n    ).toLowerCase().substring(0,2);\r\n\r\n    links.forEach(function(link) {\r\n        link.classList.remove(\"is-active\");\r\n\r\n        if (link.dataset.lang === lang) {\r\n            link.classList.add(\"is-active\");\r\n        }\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e5c4b1 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"1e5c4b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2a51285 e-con-full e-flex e-con e-child\" data-id=\"2a51285\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86fa64b elementor-widget elementor-widget-image\" data-id=\"86fa64b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.thespeakeasybook.com\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2417\" height=\"496\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold.webp\" class=\"attachment-full size-full wp-image-1235\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold.webp 2417w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-300x62.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-1024x210.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-768x158.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-1536x315.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-2048x420.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-18x4.webp 18w\" sizes=\"(max-width: 2417px) 100vw, 2417px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85cd9b5 e-con-full e-flex e-con e-child\" data-id=\"85cd9b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5dcba3 elementor-nav-menu__align-center elementor-nav-menu--dropdown-none elementor-widget elementor-widget-nav-menu\" data-id=\"a5dcba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-a5dcba3\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1852\"><a href=\"https:\/\/thespeakeasybook.com\/book\" class=\"elementor-item\">IL ROMANZO<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1853\"><a href=\"http:\/\/thespeakeasybook.com\/gn\" class=\"elementor-item\">THE GRAPHIC NOVEL<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1854\"><a href=\"http:\/\/thespeakeasybook.com\/soundtrack\" class=\"elementor-item\">SOUNDTRACK<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-a5dcba3\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1852\"><a href=\"https:\/\/thespeakeasybook.com\/book\" class=\"elementor-item\" tabindex=\"-1\">IL ROMANZO<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1853\"><a href=\"http:\/\/thespeakeasybook.com\/gn\" class=\"elementor-item\" tabindex=\"-1\">THE GRAPHIC NOVEL<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1854\"><a href=\"http:\/\/thespeakeasybook.com\/soundtrack\" class=\"elementor-item\" tabindex=\"-1\">SOUNDTRACK<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bf6444 e-con-full e-flex e-con e-child\" data-id=\"3bf6444\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11ba126 elementor-shape-circle elementor-grid-5 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"11ba126\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-f1e85f2\" href=\"https:\/\/www.facebook.com\/alessio.nastro.siniscalchi\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-f34cf05\" href=\"https:\/\/www.instagram.com\/alessio_nastro\/\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-threads elementor-repeater-item-ad7c65d\" href=\"https:\/\/www.threads.com\/@alessio_nastro\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Threads<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-threads\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-e7836ce\" href=\"https:\/\/x.com\/alessionastro\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">X-twitter<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-x-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-e3ec306\" href=\"https:\/\/www.linkedin.com\/in\/alessio-nastro-siniscalchi-a0843238\/\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-325511e e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"325511e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa74700 elementor-widget elementor-widget-image\" data-id=\"aa74700\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.thespeakeasybook.com\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2417\" height=\"496\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold.webp\" class=\"attachment-full size-full wp-image-1235\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold.webp 2417w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-300x62.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-1024x210.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-768x158.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-1536x315.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-2048x420.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/logo-def-gold-18x4.webp 18w\" sizes=\"(max-width: 2417px) 100vw, 2417px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a1b6e6 elementor-nav-menu--stretch elementor-nav-menu__text-align-center elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"5a1b6e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;dropdown&quot;,&quot;full_width&quot;:&quot;stretch&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-5a1b6e6\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1852\"><a href=\"https:\/\/thespeakeasybook.com\/book\" class=\"elementor-item\" tabindex=\"-1\">IL ROMANZO<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1853\"><a href=\"http:\/\/thespeakeasybook.com\/gn\" class=\"elementor-item\" tabindex=\"-1\">THE GRAPHIC NOVEL<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1854\"><a href=\"http:\/\/thespeakeasybook.com\/soundtrack\" class=\"elementor-item\" tabindex=\"-1\">SOUNDTRACK<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06ab048 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"06ab048\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-65d2892 e-con-full e-flex e-con e-child\" data-id=\"65d2892\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38ce557 elementor-widget elementor-widget-html\" data-id=\"38ce557\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   SPEAKEASY \u2014 THE GRAPHIC NOVEL\r\n   HERO DESKTOP\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero {\r\n\r\n    \/* ======================================================\r\n       DIMENSIONI GENERALI\r\n       ====================================================== *\/\r\n\r\n    --hero-width: 720px;\r\n\r\n    --hero-padding-top: 45px;\r\n    --hero-padding-right: 20px;\r\n    --hero-padding-bottom: 45px;\r\n    --hero-padding-left: 20px;\r\n\r\n\r\n    \/* ======================================================\r\n       COLORI\r\n       ====================================================== *\/\r\n\r\n    --gold: #D4AF7A;\r\n    --gold-soft: #B78A50;\r\n    --cream: #E7DED0;\r\n\r\n    \/* PULSANTE *\/\r\n    --button-bg: #B98245;\r\n    --button-text: #120D08;\r\n\r\n    --button-hover-bg: #D4AF7A;\r\n    --button-hover-text: #0D0A06;\r\n\r\n\r\n    \/* ======================================================\r\n       FONT\r\n       ====================================================== *\/\r\n\r\n    --font-title: \"Cinzel\", serif;\r\n    --font-body: \"Cormorant Garamond\", serif;\r\n\r\n\r\n    \/* ======================================================\r\n       SOPRATITOLO\r\n       ====================================================== *\/\r\n\r\n    --eyebrow-size: 18px;\r\n    --eyebrow-weight: 500;\r\n    --eyebrow-spacing: 0.22em;\r\n    --eyebrow-margin-bottom: 20px;\r\n\r\n\r\n    \/* ======================================================\r\n       TITOLO PRINCIPALE\r\n       ====================================================== *\/\r\n\r\n    --title-size: 69px;\r\n    --title-weight: 500;\r\n    --title-line-height: 1.10;\r\n    --title-spacing: -0.025em;\r\n\r\n\r\n    \/* ======================================================\r\n       LINEA DECORATIVA\r\n       ====================================================== *\/\r\n\r\n    --rule-width: 425px;\r\n    --rule-margin-top: 25px;\r\n    --rule-margin-bottom: 25px;\r\n\r\n\r\n    \/* ======================================================\r\n       CLAIM\r\n       ====================================================== *\/\r\n\r\n    --lead-size: 28px;\r\n    --lead-line-height: 1.32;\r\n    --lead-weight: 400;\r\n    --lead-margin-bottom: 32px;\r\n\r\n\r\n    \/* ======================================================\r\n       VOLUME\r\n       ====================================================== *\/\r\n\r\n    --volume-size: 22px;\r\n    --volume-weight: 500;\r\n    --volume-spacing: 0.22em;\r\n    --volume-margin-bottom: 16px;\r\n\r\n\r\n    \/* ======================================================\r\n       PROSSIMAMENTE\r\n       ====================================================== *\/\r\n\r\n    --status-size: 16px;\r\n    --status-weight: 400;\r\n    --status-spacing: 0.34em;\r\n\r\n    --status-line-width: 48px;\r\n    --status-gap: 20px;\r\n\r\n    --status-margin-bottom: 32px;\r\n\r\n\r\n    \/* ======================================================\r\n       PULSANTE\r\n       ====================================================== *\/\r\n\r\n    --button-width: 390px;\r\n    --button-height: 66px;\r\n\r\n    --button-font-size: 17px;\r\n    --button-font-weight: 600;\r\n    --button-letter-spacing: 0.11em;\r\n\r\n    --button-radius: 3px;\r\n\r\n\r\n    \/* ====================================================== *\/\r\n\r\n    width: 100%;\r\n    max-width: var(--hero-width);\r\n\r\n    padding:\r\n        var(--hero-padding-top)\r\n        var(--hero-padding-right)\r\n        var(--hero-padding-bottom)\r\n        var(--hero-padding-left);\r\n\r\n    box-sizing: border-box;\r\n\r\n    text-align: left;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SOPRATITOLO\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__eyebrow {\r\n\r\n    margin: 0 0 var(--eyebrow-margin-bottom);\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--eyebrow-size);\r\n    font-weight: var(--eyebrow-weight);\r\n\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: var(--eyebrow-spacing);\r\n\r\n    color: var(--gold);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TITOLO\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__title {\r\n\r\n    margin: 0;\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--title-size);\r\n    font-weight: var(--title-weight);\r\n\r\n    line-height: var(--title-line-height);\r\n\r\n    letter-spacing: var(--title-spacing);\r\n\r\n    color: var(--gold);\r\n\r\n    text-shadow:\r\n        0 2px 12px rgba(0,0,0,.55);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   LINEA DECORATIVA\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__rule {\r\n\r\n    width: var(--rule-width);\r\n    max-width: 100%;\r\n\r\n    margin:\r\n        var(--rule-margin-top)\r\n        0\r\n        var(--rule-margin-bottom);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n.spk-gn-hero__rule::before,\r\n.spk-gn-hero__rule::after {\r\n\r\n    content: \"\";\r\n\r\n    height: 1px;\r\n\r\n    flex: 1;\r\n\r\n    background: var(--gold-soft);\r\n}\r\n\r\n\r\n.spk-gn-hero__diamond {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    margin: 0 5px;\r\n\r\n    border: 1px solid var(--gold-soft);\r\n\r\n    box-sizing: border-box;\r\n\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CLAIM\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__lead {\r\n\r\n    margin: 0 0 var(--lead-margin-bottom);\r\n\r\n    font-family: var(--font-body);\r\n\r\n    font-size: var(--lead-size);\r\n    font-weight: var(--lead-weight);\r\n\r\n    font-style: italic;\r\n\r\n    line-height: var(--lead-line-height);\r\n\r\n    color: var(--cream);\r\n\r\n    text-shadow:\r\n        0 2px 10px rgba(0,0,0,.65);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   BLOCCO CENTRATO\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__release {\r\n\r\n    width: var(--button-width);\r\n    max-width: 100%;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   VOLUME I \u2014 CHICAGO\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__volume {\r\n\r\n    margin: 0 0 var(--volume-margin-bottom);\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--volume-size);\r\n    font-weight: var(--volume-weight);\r\n\r\n    line-height: 1.35;\r\n\r\n    letter-spacing: var(--volume-spacing);\r\n\r\n    color: var(--gold);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PROSSIMAMENTE\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__status {\r\n\r\n    margin: 0 0 var(--status-margin-bottom);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: var(--status-gap);\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--status-size);\r\n    font-weight: var(--status-weight);\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: var(--status-spacing);\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n.spk-gn-hero__status::before,\r\n.spk-gn-hero__status::after {\r\n\r\n    content: \"\";\r\n\r\n    width: var(--status-line-width);\r\n    height: 1px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        var(--status-line-width);\r\n}\r\n\r\n\r\n.spk-gn-hero__status::before {\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--gold-soft)\r\n        );\r\n}\r\n\r\n\r\n.spk-gn-hero__status::after {\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--gold-soft),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PULSANTE PIENO\r\n   STILE SOUNDTRACK\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__cta {\r\n\r\n    width: var(--button-width);\r\n    height: var(--button-height);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0 30px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid rgba(212,175,122,.45);\r\n\r\n    border-radius: var(--button-radius);\r\n\r\n    background: var(--button-bg);\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--button-font-size);\r\n    font-weight: var(--button-font-weight);\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: var(--button-letter-spacing);\r\n\r\n    color: var(--button-text);\r\n\r\n    text-decoration: none;\r\n\r\n    box-shadow:\r\n        0 5px 18px rgba(0,0,0,.22);\r\n\r\n    transition:\r\n        background-color .28s ease,\r\n        box-shadow .28s ease,\r\n        transform .28s ease;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   HOVER\r\n   ========================================================== *\/\r\n\r\n.spk-gn-hero__cta:hover {\r\n\r\n    background: var(--button-hover-bg);\r\n\r\n    color: var(--button-hover-text);\r\n\r\n    box-shadow:\r\n        0 7px 24px rgba(0,0,0,.30),\r\n        0 0 20px rgba(212,175,122,.10);\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   LAPTOP \/ DESKTOP PI\u00d9 PICCOLO\r\n   ========================================================== *\/\r\n\r\n@media (max-width: 1250px) {\r\n\r\n    .spk-gn-hero {\r\n\r\n        --hero-width: 630px;\r\n\r\n        --title-size: 58px;\r\n\r\n        --eyebrow-size: 16px;\r\n\r\n        --lead-size: 25px;\r\n\r\n        --volume-size: 20px;\r\n\r\n        --button-width: 360px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"spk-gn-hero\">\r\n\r\n\r\n    <!-- SOPRATITOLO -->\r\n\r\n    <div class=\"spk-gn-hero__eyebrow\">\r\n        SPEAKEASY - THE GRAPHIC NOVEL\r\n    <\/div>\r\n\r\n\r\n    <!-- TITOLO -->\r\n\r\n    <h1 class=\"spk-gn-hero__title\">\r\n        CHICAGO \u00c8<br>\r\n        SOLO L\u2019INIZIO.\r\n    <\/h1>\r\n\r\n\r\n    <!-- LINEA -->\r\n\r\n    <div class=\"spk-gn-hero__rule\">\r\n        <span class=\"spk-gn-hero__diamond\"><\/span>\r\n    <\/div>\r\n\r\n\r\n    <!-- CLAIM -->\r\n\r\n    <div class=\"spk-gn-hero__lead\">\r\n        Sei volumi. Sei citt\u00e0.<br>\r\n        Un\u2019unica storia da attraversare con gli occhi.\r\n    <\/div>\r\n\r\n\r\n    <!-- BLOCCO VOLUME -->\r\n\r\n    <div class=\"spk-gn-hero__release\">\r\n\r\n\r\n        <div class=\"spk-gn-hero__volume\">\r\n            VOLUME I \u2014 CHICAGO\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spk-gn-hero__status\">\r\n            PROSSIMAMENTE\r\n        <\/div>\r\n\r\n\r\n        <a\r\n            class=\"spk-gn-hero__cta\"\r\n            href=\"#volume-1\"\r\n            aria-label=\"Scopri il Volume I - Chicago\"\r\n        >\r\n            SCOPRI IL VOLUME I\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e71ffaf e-con-full e-flex e-con e-child\" data-id=\"e71ffaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-138cd3f e-transform elementor-widget elementor-widget-image\" data-id=\"138cd3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.07,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#volume-1\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1122\" height=\"1402\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1.webp\" class=\"attachment-full size-full wp-image-2667\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1.webp 1122w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1-240x300.webp 240w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1-819x1024.webp 819w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1-768x960.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1-10x12.webp 10w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d522abe e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"d522abe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8648e80 elementor-widget elementor-widget-html\" data-id=\"8648e80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   SPEAKEASY \u2014 THE GRAPHIC NOVEL\r\n   HERO MOBILE\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile {\r\n\r\n    \/* ======================================================\r\n       DIMENSIONI GENERALI\r\n       ====================================================== *\/\r\n\r\n    --hero-width: 430px;\r\n\r\n    --hero-padding-top: 34px;\r\n    --hero-padding-right: 22px;\r\n    --hero-padding-bottom: 38px;\r\n    --hero-padding-left: 22px;\r\n\r\n\r\n    \/* ======================================================\r\n       COLORI\r\n       ====================================================== *\/\r\n\r\n    --gold: #D4AF7A;\r\n    --gold-soft: #B78A50;\r\n    --cream: #E7DED0;\r\n\r\n    \/* PULSANTE *\/\r\n    --button-bg: #B98245;\r\n    --button-text: #120D08;\r\n\r\n    --button-hover-bg: #D4AF7A;\r\n    --button-hover-text: #0D0A06;\r\n\r\n\r\n    \/* ======================================================\r\n       FONT\r\n       ====================================================== *\/\r\n\r\n    --font-title: \"Cinzel\", serif;\r\n    --font-body: \"Cormorant Garamond\", serif;\r\n\r\n\r\n    \/* ======================================================\r\n       SOPRATITOLO\r\n       ====================================================== *\/\r\n\r\n    --eyebrow-size: 12px;\r\n    --eyebrow-weight: 500;\r\n    --eyebrow-spacing: 0.18em;\r\n    --eyebrow-margin-bottom: 18px;\r\n\r\n\r\n    \/* ======================================================\r\n       TITOLO PRINCIPALE\r\n       ====================================================== *\/\r\n\r\n    --title-size: 42px;\r\n    --title-weight: 500;\r\n    --title-line-height: 1.10;\r\n    --title-spacing: -0.025em;\r\n\r\n\r\n    \/* ======================================================\r\n       LINEA DECORATIVA\r\n       ====================================================== *\/\r\n\r\n    --rule-width: 260px;\r\n    --rule-margin-top: 22px;\r\n    --rule-margin-bottom: 22px;\r\n\r\n\r\n    \/* ======================================================\r\n       CLAIM\r\n       ====================================================== *\/\r\n\r\n    --lead-size: 21px;\r\n    --lead-line-height: 1.28;\r\n    --lead-weight: 400;\r\n    --lead-margin-bottom: 30px;\r\n\r\n\r\n    \/* ======================================================\r\n       VOLUME\r\n       ====================================================== *\/\r\n\r\n    --volume-size: 16px;\r\n    --volume-weight: 500;\r\n    --volume-spacing: 0.17em;\r\n    --volume-margin-bottom: 15px;\r\n\r\n\r\n    \/* ======================================================\r\n       PROSSIMAMENTE\r\n       ====================================================== *\/\r\n\r\n    --status-size: 12px;\r\n    --status-weight: 400;\r\n    --status-spacing: 0.26em;\r\n\r\n    --status-line-width: 34px;\r\n    --status-gap: 13px;\r\n\r\n    --status-margin-bottom: 28px;\r\n\r\n\r\n    \/* ======================================================\r\n       PULSANTE\r\n       ====================================================== *\/\r\n\r\n    --button-width: 320px;\r\n    --button-height: 58px;\r\n\r\n    --button-font-size: 14px;\r\n    --button-font-weight: 600;\r\n    --button-letter-spacing: 0.08em;\r\n\r\n    --button-radius: 3px;\r\n\r\n\r\n    \/* ====================================================== *\/\r\n\r\n    width: 100%;\r\n    max-width: var(--hero-width);\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        var(--hero-padding-top)\r\n        var(--hero-padding-right)\r\n        var(--hero-padding-bottom)\r\n        var(--hero-padding-left);\r\n\r\n    box-sizing: border-box;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SOPRATITOLO\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile__eyebrow {\r\n\r\n    margin: 0 0 var(--eyebrow-margin-bottom);\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--eyebrow-size);\r\n    font-weight: var(--eyebrow-weight);\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: var(--eyebrow-spacing);\r\n\r\n    color: var(--gold);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TITOLO\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile__title {\r\n\r\n    margin: 0;\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--title-size);\r\n    font-weight: var(--title-weight);\r\n\r\n    line-height: var(--title-line-height);\r\n\r\n    letter-spacing: var(--title-spacing);\r\n\r\n    color: var(--gold);\r\n\r\n    text-shadow:\r\n        0 2px 12px rgba(0,0,0,.58);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   LINEA DECORATIVA\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile__rule {\r\n\r\n    width: var(--rule-width);\r\n    max-width: 90%;\r\n\r\n    margin:\r\n        var(--rule-margin-top)\r\n        auto\r\n        var(--rule-margin-bottom);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n.spk-gn-mobile__rule::before,\r\n.spk-gn-mobile__rule::after {\r\n\r\n    content: \"\";\r\n\r\n    height: 1px;\r\n\r\n    flex: 1;\r\n\r\n    background: var(--gold-soft);\r\n}\r\n\r\n\r\n.spk-gn-mobile__diamond {\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    margin: 0 5px;\r\n\r\n    border: 1px solid var(--gold-soft);\r\n\r\n    box-sizing: border-box;\r\n\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CLAIM\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile__lead {\r\n\r\n    margin: 0 0 var(--lead-margin-bottom);\r\n\r\n    font-family: var(--font-body);\r\n\r\n    font-size: var(--lead-size);\r\n    font-weight: var(--lead-weight);\r\n\r\n    font-style: italic;\r\n\r\n    line-height: var(--lead-line-height);\r\n\r\n    color: var(--cream);\r\n\r\n    text-shadow:\r\n        0 2px 10px rgba(0,0,0,.70);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   BLOCCO VOLUME\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile__release {\r\n\r\n    width: 100%;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   VOLUME I \u2014 CHICAGO\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile__volume {\r\n\r\n    margin: 0 0 var(--volume-margin-bottom);\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--volume-size);\r\n    font-weight: var(--volume-weight);\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: var(--volume-spacing);\r\n\r\n    color: var(--gold);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PROSSIMAMENTE\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile__status {\r\n\r\n    margin: 0 0 var(--status-margin-bottom);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: var(--status-gap);\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--status-size);\r\n    font-weight: var(--status-weight);\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: var(--status-spacing);\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n.spk-gn-mobile__status::before,\r\n.spk-gn-mobile__status::after {\r\n\r\n    content: \"\";\r\n\r\n    width: var(--status-line-width);\r\n    height: 1px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        var(--status-line-width);\r\n}\r\n\r\n\r\n.spk-gn-mobile__status::before {\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--gold-soft)\r\n        );\r\n}\r\n\r\n\r\n.spk-gn-mobile__status::after {\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--gold-soft),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PULSANTE\r\n   ========================================================== *\/\r\n\r\n.spk-gn-mobile__cta {\r\n\r\n    width: var(--button-width);\r\n    max-width: 100%;\r\n\r\n    height: var(--button-height);\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0 20px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid rgba(212,175,122,.45);\r\n\r\n    border-radius: var(--button-radius);\r\n\r\n    background: var(--button-bg);\r\n\r\n    font-family: var(--font-title);\r\n\r\n    font-size: var(--button-font-size);\r\n    font-weight: var(--button-font-weight);\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: var(--button-letter-spacing);\r\n\r\n    color: var(--button-text);\r\n\r\n    text-decoration: none;\r\n\r\n    box-shadow:\r\n        0 5px 18px rgba(0,0,0,.25);\r\n\r\n    transition:\r\n        background-color .25s ease,\r\n        color .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n\/* TOUCH \/ HOVER *\/\r\n\r\n.spk-gn-mobile__cta:hover,\r\n.spk-gn-mobile__cta:active {\r\n\r\n    background: var(--button-hover-bg);\r\n\r\n    color: var(--button-hover-text);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SMARTPHONE PICCOLI\r\n   ========================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .spk-gn-mobile {\r\n\r\n        --hero-padding-right: 18px;\r\n        --hero-padding-left: 18px;\r\n\r\n        --eyebrow-size: 11px;\r\n\r\n        --title-size: 37px;\r\n\r\n        --rule-width: 225px;\r\n\r\n        --lead-size: 19px;\r\n\r\n        --volume-size: 14px;\r\n\r\n        --status-size: 11px;\r\n\r\n        --status-line-width: 26px;\r\n        --status-gap: 10px;\r\n\r\n        --button-width: 290px;\r\n        --button-height: 54px;\r\n\r\n        --button-font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SMARTPHONE MOLTO PICCOLI\r\n   ========================================================== *\/\r\n\r\n@media (max-width: 340px) {\r\n\r\n    .spk-gn-mobile {\r\n\r\n        --title-size: 34px;\r\n\r\n        --lead-size: 18px;\r\n\r\n        --volume-size: 13px;\r\n\r\n        --button-width: 270px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"spk-gn-mobile\">\r\n\r\n\r\n    <!-- SOPRATITOLO -->\r\n\r\n    <div class=\"spk-gn-mobile__eyebrow\">\r\n\r\n        SPEAKEASY - THE GRAPHIC NOVEL\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TITOLO -->\r\n\r\n    <h1 class=\"spk-gn-mobile__title\">\r\n\r\n        CHICAGO \u00c8<br>\r\n        SOLO L\u2019INIZIO.\r\n\r\n    <\/h1>\r\n\r\n\r\n    <!-- LINEA -->\r\n\r\n    <div class=\"spk-gn-mobile__rule\">\r\n\r\n        <span class=\"spk-gn-mobile__diamond\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CLAIM -->\r\n\r\n    <div class=\"spk-gn-mobile__lead\">\r\n\r\n        Sei volumi. Sei citt\u00e0.<br>\r\n        Un\u2019unica storia da attraversare<br>\r\n        con gli occhi.\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BLOCCO VOLUME -->\r\n\r\n    <div class=\"spk-gn-mobile__release\">\r\n\r\n\r\n        <div class=\"spk-gn-mobile__volume\">\r\n\r\n            VOLUME I \u2014 CHICAGO\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spk-gn-mobile__status\">\r\n\r\n            PROSSIMAMENTE\r\n\r\n        <\/div>\r\n\r\n\r\n        <a\r\n            class=\"spk-gn-mobile__cta\"\r\n            href=\"#volume-1-mobile\"\r\n            aria-label=\"Scopri il Volume I - Chicago\"\r\n        >\r\n\r\n            SCOPRI IL VOLUME I\r\n\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a3fee elementor-widget elementor-widget-image\" data-id=\"c8a3fee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.thespeakeasybook.com\/gn\/#volume-1-mobile\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1122\" height=\"1402\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1.webp\" class=\"attachment-full size-full wp-image-2667\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1.webp 1122w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1-240x300.webp 240w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1-819x1024.webp 819w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1-768x960.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/mockup-hero-1-10x12.webp 10w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c01aca1 e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"c01aca1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33caf08 elementor-widget elementor-widget-html\" data-id=\"33caf08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPEAKEASY - THE GRAPHIC NOVEL\r\n     STEP 2 - IL PROGETTO\r\n========================================================= -->\r\n\r\n<section class=\"gn-project\" id=\"gn-project\">\r\n\r\n    <div class=\"gn-project__inner\">\r\n\r\n        <!-- =========================\r\n             COLONNA SINISTRA - IMMAGINE\r\n        ========================== -->\r\n\r\n        <div class=\"gn-project__visual\">\r\n\r\n            <div class=\"gn-project__frame\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"gn-project__image\"\r\n                    src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/immagine-gn-hero-2.webp\"\r\n                    alt=\"Cassie Grant - Chicago 1922\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <!-- Cornice Art D\u00e9co -->\r\n\r\n                <span class=\"gn-frame-line gn-frame-line--top\"><\/span>\r\n                <span class=\"gn-frame-line gn-frame-line--right\"><\/span>\r\n                <span class=\"gn-frame-line gn-frame-line--bottom\"><\/span>\r\n                <span class=\"gn-frame-line gn-frame-line--left\"><\/span>\r\n\r\n                <!-- Angoli -->\r\n\r\n                <span class=\"gn-frame-corner gn-frame-corner--tl\"><\/span>\r\n                <span class=\"gn-frame-corner gn-frame-corner--tr\"><\/span>\r\n                <span class=\"gn-frame-corner gn-frame-corner--bl\"><\/span>\r\n                <span class=\"gn-frame-corner gn-frame-corner--br\"><\/span>\r\n\r\n                <!-- Diamanti cornice -->\r\n\r\n                <span class=\"gn-frame-diamond gn-frame-diamond--top\"><\/span>\r\n                <span class=\"gn-frame-diamond gn-frame-diamond--bottom\"><\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             COLONNA DESTRA - TESTO\r\n        ========================== -->\r\n\r\n        <div class=\"gn-project__content\">\r\n\r\n            <div class=\"gn-project__eyebrow\">\r\n                IL PROGETTO\r\n            <\/div>\r\n\r\n            <div class=\"gn-project__mini-divider\">\r\n                <span><\/span>\r\n                <i><\/i>\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"gn-project__title\">\r\n                <span>UNA STORIA.<\/span>\r\n                <span>UN ALTRO MODO<\/span>\r\n                <span>DI VIVERLA.<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"gn-project__ornament\">\r\n\r\n                <span><\/span>\r\n\r\n                <div class=\"gn-project__ornament-symbol\"><\/div>\r\n\r\n                <span><\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"gn-project__copy\">\r\n\r\n                <p>\r\n                    <strong>SPEAKEASY - THE GRAPHIC NOVEL<\/strong>\r\n                    nasce dalle pagine del romanzo per trasformarne\r\n                    luoghi, personaggi e atmosfere in un'esperienza visiva.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Non una semplice trasposizione, ma un viaggio\r\n                    complementare attraverso la stessa storia:\r\n                    <em>sei volumi, sei citt\u00e0 e un unico racconto.<\/em>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"gn-project__closing-line\"><\/div>\r\n\r\n            <div class=\"gn-project__closing\">\r\n                <span>Il romanzo racconta.<\/span>\r\n                <span>La Graphic Novel ti porta dentro la scena.<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f854f5 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"2f854f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef901c9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ef901c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPEAKEASY - THE GRAPHIC NOVEL\r\n     STEP 2 - IL PROGETTO\r\n========================================================= -->\r\n\r\n<section class=\"gn-project\" id=\"gn-project\">\r\n\r\n    <div class=\"gn-project__inner\">\r\n\r\n        <!-- =========================\r\n             COLONNA SINISTRA - IMMAGINE\r\n        ========================== -->\r\n\r\n        <div class=\"gn-project__visual\">\r\n\r\n            <div class=\"gn-project__frame\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"gn-project__image\"\r\n                    src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/immagine-gn-hero-2.webp\"\r\n                    alt=\"Cassie Grant - Chicago 1922\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <!-- Cornice Art D\u00e9co -->\r\n\r\n                <span class=\"gn-frame-line gn-frame-line--top\"><\/span>\r\n                <span class=\"gn-frame-line gn-frame-line--right\"><\/span>\r\n                <span class=\"gn-frame-line gn-frame-line--bottom\"><\/span>\r\n                <span class=\"gn-frame-line gn-frame-line--left\"><\/span>\r\n\r\n                <!-- Angoli -->\r\n\r\n                <span class=\"gn-frame-corner gn-frame-corner--tl\"><\/span>\r\n                <span class=\"gn-frame-corner gn-frame-corner--tr\"><\/span>\r\n                <span class=\"gn-frame-corner gn-frame-corner--bl\"><\/span>\r\n                <span class=\"gn-frame-corner gn-frame-corner--br\"><\/span>\r\n\r\n                <!-- Diamanti cornice -->\r\n\r\n                <span class=\"gn-frame-diamond gn-frame-diamond--top\"><\/span>\r\n                <span class=\"gn-frame-diamond gn-frame-diamond--bottom\"><\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             COLONNA DESTRA - TESTO\r\n        ========================== -->\r\n\r\n        <div class=\"gn-project__content\">\r\n\r\n            <div class=\"gn-project__eyebrow\">\r\n                IL PROGETTO\r\n            <\/div>\r\n\r\n            <div class=\"gn-project__mini-divider\">\r\n                <span><\/span>\r\n                <i><\/i>\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"gn-project__title\">\r\n                <span>UNA STORIA.<\/span>\r\n                <span>UN ALTRO MODO<\/span>\r\n                <span>DI VIVERLA.<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"gn-project__ornament\">\r\n\r\n                <span><\/span>\r\n\r\n                <div class=\"gn-project__ornament-symbol\"><\/div>\r\n\r\n                <span><\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"gn-project__copy\">\r\n\r\n                <p>\r\n                    <strong>SPEAKEASY - THE GRAPHIC NOVEL<\/strong>\r\n                    nasce dalle pagine del romanzo per trasformarne\r\n                    luoghi, personaggi e atmosfere in un'esperienza visiva.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Non una semplice trasposizione, ma un viaggio\r\n                    complementare attraverso la stessa storia:\r\n                    <em>sei volumi, sei citt\u00e0 e un unico racconto.<\/em>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"gn-project__closing-line\"><\/div>\r\n\r\n            <div class=\"gn-project__closing\">\r\n                <span>Il romanzo racconta.<\/span>\r\n                <span>La Graphic Novel ti porta dentro la scena.<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d64bd7e elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"d64bd7e\" data-element_type=\"container\" data-e-type=\"container\" id=\"volume-1\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7e885c8 e-con-full e-flex e-con e-child\" data-id=\"7e885c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afd5402 elementor-widget elementor-widget-html\" data-id=\"afd5402\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 3 - VOLUME I \/ CHICAGO\r\n   BLOCCO TESTI DESKTOP\r\n============================================================ *\/\r\n\r\n.gn-h3-copy {\r\n\r\n    --h3-gold: #c99752;\r\n    --h3-gold-light: #ddb77b;\r\n    --h3-ivory: #eee3d2;\r\n    --h3-text: #e3d6c4;\r\n\r\n    width: 100%;\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    color: var(--h3-text);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   VOLUME I\r\n============================================================ *\/\r\n\r\n.gn-h3-volume {\r\n\r\n    margin: 0 0 17px;\r\n\r\n    color: var(--h3-gold);\r\n\r\n    font-size: 19px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.38em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CHICAGO\r\n============================================================ *\/\r\n\r\n.gn-h3-title {\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    color: var(--h3-gold-light);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: clamp(76px, 6.1vw, 104px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 0.86;\r\n\r\n    letter-spacing: -0.025em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   1905 - 1924\r\n============================================================ *\/\r\n\r\n.gn-h3-years {\r\n\r\n    width: 365px;\r\n    max-width: 78%;\r\n\r\n    margin: 31px 0 28px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n}\r\n\r\n\r\n.gn-h3-years span {\r\n\r\n    flex: 1;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(201,151,82,0.18),\r\n            rgba(201,151,82,0.85)\r\n        );\r\n}\r\n\r\n\r\n.gn-h3-years span:last-child {\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(201,151,82,0.85),\r\n            rgba(201,151,82,0.18)\r\n        );\r\n}\r\n\r\n\r\n.gn-h3-years strong {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    color: var(--h3-gold);\r\n\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.25em;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DOVE TUTTO HA INIZIO\r\n============================================================ *\/\r\n\r\n.gn-h3-tagline {\r\n\r\n    margin: 0 0 27px;\r\n\r\n    color: var(--h3-ivory);\r\n\r\n    font-size: clamp(27px, 2vw, 34px);\r\n\r\n    font-weight: 500;\r\n    font-style: italic;\r\n\r\n    line-height: 1.1;\r\n\r\n    letter-spacing: 0.025em;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TESTO\r\n============================================================ *\/\r\n\r\n.gn-h3-text {\r\n\r\n    width: 100%;\r\n    max-width: 590px;\r\n\r\n    color: var(--h3-text);\r\n\r\n    font-size: clamp(19px, 1.42vw, 23px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.52;\r\n}\r\n\r\n\r\n.gn-h3-text p {\r\n\r\n    margin: 0 0 19px;\r\n    padding: 0;\r\n}\r\n\r\n\r\n.gn-h3-text p:last-child {\r\n\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n.gn-h3-text em {\r\n\r\n    color: var(--h3-gold-light);\r\n\r\n    font-weight: 500;\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ORNAMENTO\r\n============================================================ *\/\r\n\r\n.gn-h3-signature {\r\n\r\n    width: 190px;\r\n\r\n    margin: 30px 0 23px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\r\n.gn-h3-signature-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(201,151,82,0.72);\r\n}\r\n\r\n\r\n.gn-h3-signature-diamond {\r\n\r\n    display: block;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    margin: 0 10px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--h3-gold);\r\n\r\n    transform: rotate(45deg);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROSSIMAMENTE\r\n============================================================ *\/\r\n\r\n.gn-h3-status {\r\n\r\n    margin: 0 0 25px;\r\n\r\n    color: var(--h3-gold-light);\r\n\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.34em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CTA\r\n============================================================ *\/\r\n\r\n.gn-h3-button {\r\n\r\n    display: inline-flex;\r\n\r\n    min-width: 310px;\r\n    height: 64px;\r\n\r\n    padding: 0 34px;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #c99048;\r\n\r\n    border: 1px solid #c99048;\r\n\r\n    color: #100d09;\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.13em;\r\n\r\n    text-decoration: none !important;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        color 0.25s ease,\r\n        border-color 0.25s ease;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h3-button:hover {\r\n\r\n    background: transparent;\r\n\r\n    border-color: var(--h3-gold-light);\r\n\r\n    color: var(--h3-gold-light);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SOLO DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gn-h3-copy {\r\n        display: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     SPEAKEASY - THE GRAPHIC NOVEL\r\n     HERO 3 - VOLUME I \/ CHICAGO\r\n     BLOCCO TESTI DESKTOP\r\n========================================================= -->\r\n\r\n<div class=\"gn-h3-copy\">\r\n\r\n    <div class=\"gn-h3-volume\">\r\n        VOLUME I\r\n    <\/div>\r\n\r\n    <h2 class=\"gn-h3-title\">\r\n        CHICAGO\r\n    <\/h2>\r\n\r\n    <div class=\"gn-h3-years\">\r\n        <span><\/span>\r\n        <strong>1905 - 1924<\/strong>\r\n        <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gn-h3-tagline\">\r\n        DOVE TUTTO HA INIZIO.\r\n    <\/div>\r\n\r\n    <div class=\"gn-h3-text\">\r\n\r\n        <p>\r\n            Dalle strade povere di <em>Washington Street<\/em>\r\n            alle luci dei locali del South Side.\r\n        <\/p>\r\n\r\n        <p>\r\n            Il primo volume segue Cassie attraverso gli anni\r\n            che trasformano una bambina piena di sogni\r\n            nella giovane donna pronta a lasciare Chicago\r\n            e conquistare il proprio futuro.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"gn-h3-signature\">\r\n        <span class=\"gn-h3-signature-line\"><\/span>\r\n        <span class=\"gn-h3-signature-diamond\"><\/span>\r\n        <span class=\"gn-h3-signature-line\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gn-h3-status\">\r\n        PROSSIMAMENTE\r\n    <\/div>\r\n\r\n    <a class=\"gn-h3-button\" href=\"#entra-nella-storia\">\r\n        ENTRA NELLA STORIA\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89515a1 e-con-full e-flex e-con e-child\" data-id=\"89515a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8ee07b elementor-widget elementor-widget-image\" data-id=\"c8ee07b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#entra-nella-storia\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1122\" height=\"1402\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp.webp\" class=\"attachment-full size-full wp-image-2837\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp.webp 1122w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp-240x300.webp 240w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp-819x1024.webp 819w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp-768x960.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp-10x12.webp 10w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-551abb2 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"551abb2\" data-element_type=\"container\" data-e-type=\"container\" id=\"volume-1-mobile\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-feb4082 e-con-full e-flex e-con e-child\" data-id=\"feb4082\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17632fe elementor-widget elementor-widget-html\" data-id=\"17632fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 3 - VOLUME I \/ CHICAGO\r\n   BLOCCO TESTI MOBILE\r\n============================================================ *\/\r\n\r\n.gn-h3m-copy {\r\n\r\n    --h3m-gold: #c99752;\r\n    --h3m-gold-light: #ddb77b;\r\n    --h3m-ivory: #eee3d2;\r\n    --h3m-text: #e3d6c4;\r\n\r\n    display: none;\r\n\r\n    width: 100%;\r\n    max-width: 520px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 22px;\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    color: var(--h3m-text);\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gn-h3m-copy {\r\n        display: block;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       VOLUME I\r\n    ======================================================== *\/\r\n\r\n    .gn-h3m-volume {\r\n\r\n        margin: 0 0 14px;\r\n\r\n        color: var(--h3m-gold);\r\n\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: 0.34em;\r\n\r\n        text-transform: uppercase;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CHICAGO\r\n    ======================================================== *\/\r\n\r\n    .gn-h3m-title {\r\n\r\n        margin: 0;\r\n        padding: 0;\r\n\r\n        color: var(--h3m-gold-light);\r\n\r\n        font-family:\r\n            \"Cormorant Garamond\",\r\n            Georgia,\r\n            serif;\r\n\r\n        font-size: clamp(58px, 18vw, 78px);\r\n\r\n        font-weight: 400;\r\n\r\n        line-height: 0.9;\r\n\r\n        letter-spacing: -0.025em;\r\n\r\n        text-transform: uppercase;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       1905 - 1924\r\n    ======================================================== *\/\r\n\r\n    .gn-h3m-years {\r\n\r\n        width: min(320px, 88%);\r\n\r\n        margin: 26px auto 25px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .gn-h3m-years span {\r\n\r\n        display: block;\r\n\r\n        flex: 1;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(201,151,82,0.15),\r\n                rgba(201,151,82,0.85)\r\n            );\r\n    }\r\n\r\n\r\n    .gn-h3m-years span:last-child {\r\n\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(201,151,82,0.85),\r\n                rgba(201,151,82,0.15)\r\n            );\r\n    }\r\n\r\n\r\n    .gn-h3m-years strong {\r\n\r\n        flex: 0 0 auto;\r\n\r\n        color: var(--h3m-gold);\r\n\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: 0.20em;\r\n\r\n        white-space: nowrap;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       DOVE TUTTO HA INIZIO\r\n    ======================================================== *\/\r\n\r\n    .gn-h3m-tagline {\r\n\r\n        margin: 0 0 24px;\r\n\r\n        color: var(--h3m-ivory);\r\n\r\n        font-size: clamp(25px, 7vw, 31px);\r\n\r\n        font-weight: 500;\r\n        font-style: italic;\r\n\r\n        line-height: 1.12;\r\n\r\n        letter-spacing: 0.015em;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       TESTO\r\n    ======================================================== *\/\r\n\r\n    .gn-h3m-text {\r\n\r\n        width: 100%;\r\n        max-width: 450px;\r\n\r\n        margin: 0 auto;\r\n\r\n        color: var(--h3m-text);\r\n\r\n        font-size: 19px;\r\n        font-weight: 400;\r\n\r\n        line-height: 1.48;\r\n    }\r\n\r\n\r\n    .gn-h3m-text p {\r\n\r\n        margin: 0 0 20px;\r\n        padding: 0;\r\n    }\r\n\r\n\r\n    .gn-h3m-text p:last-child {\r\n\r\n        margin-bottom: 0;\r\n    }\r\n\r\n\r\n    .gn-h3m-text em {\r\n\r\n        color: var(--h3m-gold-light);\r\n\r\n        font-weight: 500;\r\n        font-style: italic;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       ORNAMENTO\r\n    ======================================================== *\/\r\n\r\n    .gn-h3m-signature {\r\n\r\n        width: 180px;\r\n\r\n        margin: 28px auto 22px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    .gn-h3m-signature-line {\r\n\r\n        display: block;\r\n\r\n        flex: 1;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            rgba(201,151,82,0.72);\r\n    }\r\n\r\n\r\n    .gn-h3m-signature-diamond {\r\n\r\n        display: block;\r\n\r\n        width: 8px;\r\n        height: 8px;\r\n\r\n        margin: 0 10px;\r\n\r\n        border:\r\n            1px solid\r\n            var(--h3m-gold);\r\n\r\n        transform: rotate(45deg);\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       PROSSIMAMENTE\r\n    ======================================================== *\/\r\n\r\n    .gn-h3m-status {\r\n\r\n        margin: 0 0 24px;\r\n\r\n        color: var(--h3m-gold-light);\r\n\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: 0.30em;\r\n\r\n        text-transform: uppercase;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CTA\r\n    ======================================================== *\/\r\n\r\n    .gn-h3m-button {\r\n\r\n        display: flex;\r\n\r\n        width: min(100%, 360px);\r\n        min-height: 58px;\r\n\r\n        margin: 0 auto;\r\n\r\n        padding: 14px 25px;\r\n\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        background: #c99048;\r\n\r\n        border: 1px solid #c99048;\r\n\r\n        color: #100d09;\r\n\r\n        font-family:\r\n            \"Cormorant Garamond\",\r\n            Georgia,\r\n            serif;\r\n\r\n        font-size: 17px;\r\n        font-weight: 600;\r\n\r\n        line-height: 1.1;\r\n\r\n        letter-spacing: 0.12em;\r\n\r\n        text-decoration: none !important;\r\n\r\n        text-transform: uppercase;\r\n\r\n        transition:\r\n            background-color 0.25s ease,\r\n            color 0.25s ease,\r\n            border-color 0.25s ease;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    .gn-h3m-button:hover,\r\n    .gn-h3m-button:focus {\r\n\r\n        background: transparent;\r\n\r\n        border-color: var(--h3m-gold-light);\r\n\r\n        color: var(--h3m-gold-light);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE PICCOLO\r\n============================================================ *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .gn-h3m-copy {\r\n\r\n        padding-left: 17px;\r\n        padding-right: 17px;\r\n    }\r\n\r\n\r\n    .gn-h3m-title {\r\n\r\n        font-size: clamp(52px, 17vw, 68px);\r\n    }\r\n\r\n\r\n    .gn-h3m-text {\r\n\r\n        font-size: 18px;\r\n\r\n        line-height: 1.46;\r\n    }\r\n\r\n\r\n    .gn-h3m-tagline {\r\n\r\n        font-size: 24px;\r\n    }\r\n\r\n\r\n    .gn-h3m-button {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 56px;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     SPEAKEASY - THE GRAPHIC NOVEL\r\n     HERO 3 - VOLUME I \/ CHICAGO\r\n     BLOCCO TESTI MOBILE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h3m-copy\">\r\n\r\n    <div class=\"gn-h3m-volume\">\r\n        VOLUME I\r\n    <\/div>\r\n\r\n    <h2 class=\"gn-h3m-title\">\r\n        CHICAGO\r\n    <\/h2>\r\n\r\n    <div class=\"gn-h3m-years\">\r\n\r\n        <span><\/span>\r\n\r\n        <strong>1905 - 1924<\/strong>\r\n\r\n        <span><\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"gn-h3m-tagline\">\r\n        DOVE TUTTO HA INIZIO.\r\n    <\/div>\r\n\r\n    <div class=\"gn-h3m-text\">\r\n\r\n        <p>\r\n            Dalle strade povere di <em>Washington Street<\/em>\r\n            alle luci dei locali del South Side.\r\n        <\/p>\r\n\r\n        <p>\r\n            Il primo volume segue Cassie attraverso gli anni\r\n            che trasformano una bambina piena di sogni\r\n            nella giovane donna pronta a lasciare Chicago\r\n            e conquistare il proprio futuro.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"gn-h3m-signature\">\r\n\r\n        <span class=\"gn-h3m-signature-line\"><\/span>\r\n\r\n        <span class=\"gn-h3m-signature-diamond\"><\/span>\r\n\r\n        <span class=\"gn-h3m-signature-line\"><\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"gn-h3m-status\">\r\n        PROSSIMAMENTE\r\n    <\/div>\r\n\r\n    <a\r\n        class=\"gn-h3m-button\"\r\n        href=\"#entra-nella-storia-mobile\"\r\n    >\r\n        ENTRA NELLA STORIA\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e86b2a2 e-con-full e-flex e-con e-child\" data-id=\"e86b2a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddf6ff7 elementor-widget elementor-widget-image\" data-id=\"ddf6ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#entra-nella-storia-mobile\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1122\" height=\"1402\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp.webp\" class=\"attachment-full size-full wp-image-2837\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp.webp 1122w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp-240x300.webp 240w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp-819x1024.webp 819w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp-768x960.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie_2-hero-3_trasp-10x12.webp 10w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76081ea e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"76081ea\" data-element_type=\"container\" data-e-type=\"container\" id=\"entra-nella-storia\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-265792f elementor-widget elementor-widget-image\" data-id=\"265792f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a028ee8 elementor-widget elementor-widget-heading\" data-id=\"a028ee8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ENTRA NELLA STORIA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-104d609 elementor-widget elementor-widget-heading\" data-id=\"104d609\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Un primo sguardo dentro<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d4d601 elementor-widget elementor-widget-heading\" data-id=\"2d4d601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SPEAKEASY - THE GRAPHIC NOVEL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47dc7a1 elementor-widget elementor-widget-html\" data-id=\"47dc7a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 4 - GALLERIA TAVOLE DESKTOP\r\n   + LIGHTBOX\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   GALLERIA\r\n============================================================ *\/\r\n\r\n.gn-h4-gallery-dk {\r\n    position: relative;\r\n\r\n    width: min(100%, 1440px);\r\n    min-height: 860px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 25px 35px 70px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TAVOLA\r\n============================================================ *\/\r\n\r\n.gn-h4-card {\r\n    position: absolute;\r\n\r\n    width: 21.5%;\r\n    max-width: 315px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    background: transparent;\r\n    border: none;\r\n\r\n    box-shadow:\r\n        0 18px 40px rgba(0, 0, 0, 0.42);\r\n\r\n    overflow: visible;\r\n\r\n    cursor: zoom-in;\r\n\r\n    transform-origin: center center;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE IMMAGINE\r\n============================================================ *\/\r\n\r\n.gn-h4-image-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 2 \/ 3;\r\n\r\n    overflow: hidden;\r\n\r\n    background: transparent;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE\r\n============================================================ *\/\r\n\r\n.gn-h4-card img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    object-fit: cover;\r\n    object-position: 50% 50%;\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DISPOSIZIONE DESKTOP\r\n============================================================ *\/\r\n\r\n\r\n\/* TAVOLA 1 *\/\r\n\r\n.gn-h4-card--1 {\r\n    top: 88px;\r\n    left: 7.2%;\r\n\r\n    transform: rotate(-4.5deg);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* TAVOLA 2 - PRINCIPALE *\/\r\n\r\n.gn-h4-card--2 {\r\n    width: 25.5%;\r\n    max-width: 370px;\r\n\r\n    top: 25px;\r\n    left: 37.2%;\r\n\r\n    transform: rotate(0deg);\r\n\r\n    z-index: 6;\r\n}\r\n\r\n\r\n\/* TAVOLA 3 *\/\r\n\r\n.gn-h4-card--3 {\r\n    top: 305px;\r\n    left: 10.2%;\r\n\r\n    transform: rotate(-3.6deg);\r\n\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* TAVOLA 4 *\/\r\n\r\n.gn-h4-card--4 {\r\n    top: 92px;\r\n    left: 69.5%;\r\n\r\n    transform: rotate(4deg);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* TAVOLA 5 *\/\r\n\r\n.gn-h4-card--5 {\r\n    top: 315px;\r\n    left: 66.1%;\r\n\r\n    transform: rotate(4.5deg);\r\n\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HOVER TAVOLE\r\n============================================================ *\/\r\n\r\n.gn-h4-card:hover {\r\n    box-shadow:\r\n        0 24px 55px rgba(0, 0, 0, 0.58);\r\n}\r\n\r\n\r\n.gn-h4-card--1:hover {\r\n    transform:\r\n        rotate(-4.5deg)\r\n        translateY(-8px)\r\n        scale(1.018);\r\n\r\n    z-index: 15;\r\n}\r\n\r\n\r\n.gn-h4-card--2:hover {\r\n    transform:\r\n        translateY(-8px)\r\n        scale(1.018);\r\n\r\n    z-index: 15;\r\n}\r\n\r\n\r\n.gn-h4-card--3:hover {\r\n    transform:\r\n        rotate(-3.6deg)\r\n        translateY(-8px)\r\n        scale(1.018);\r\n\r\n    z-index: 15;\r\n}\r\n\r\n\r\n.gn-h4-card--4:hover {\r\n    transform:\r\n        rotate(4deg)\r\n        translateY(-8px)\r\n        scale(1.018);\r\n\r\n    z-index: 15;\r\n}\r\n\r\n\r\n.gn-h4-card--5:hover {\r\n    transform:\r\n        rotate(4.5deg)\r\n        translateY(-8px)\r\n        scale(1.018);\r\n\r\n    z-index: 15;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   POSIZIONE INDIVIDUALE IMMAGINI\r\n============================================================ *\/\r\n\r\n.gn-h4-card--1 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n.gn-h4-card--2 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n.gn-h4-card--3 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n.gn-h4-card--4 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n.gn-h4-card--5 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h4-lightbox {\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 35px 90px;\r\n\r\n    background:\r\n        rgba(0, 0, 0, 0.94);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity .28s ease,\r\n        visibility .28s ease;\r\n\r\n    box-sizing: border-box;\r\n\r\n    cursor: zoom-out;\r\n}\r\n\r\n\r\n.gn-h4-lightbox.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE GRANDE\r\n============================================================ *\/\r\n\r\n.gn-h4-lightbox__image {\r\n    display: block;\r\n\r\n    width: auto;\r\n    height: auto;\r\n\r\n    max-width: min(88vw, 900px);\r\n    max-height: 91vh;\r\n\r\n    object-fit: contain;\r\n\r\n    box-shadow:\r\n        0 25px 80px rgba(0, 0, 0, .75);\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PULSANTE CHIUSURA\r\n   TRASPARENTE - NESSUN HOVER\r\n============================================================ *\/\r\n\r\n.gn-h4-lightbox .gn-h4-lightbox__close,\r\n.gn-h4-lightbox .gn-h4-lightbox__close:hover,\r\n.gn-h4-lightbox .gn-h4-lightbox__close:focus,\r\n.gn-h4-lightbox .gn-h4-lightbox__close:active {\r\n\r\n    position: fixed;\r\n\r\n    top: 23px;\r\n    right: 30px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n\r\n    color: rgba(201, 154, 91, 0.72) !important;\r\n\r\n    font-family: Georgia, serif !important;\r\n\r\n    font-size: 42px !important;\r\n    font-weight: 300 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FRECCE LIGHTBOX\r\n   TRASPARENTI - NESSUN HOVER\r\n============================================================ *\/\r\n\r\n.gn-h4-lightbox .gn-h4-lightbox__arrow,\r\n.gn-h4-lightbox .gn-h4-lightbox__arrow:hover,\r\n.gn-h4-lightbox .gn-h4-lightbox__arrow:focus,\r\n.gn-h4-lightbox .gn-h4-lightbox__arrow:active {\r\n\r\n    position: fixed;\r\n\r\n    top: 50%;\r\n\r\n    z-index: 5;\r\n\r\n    width: 55px;\r\n    height: 70px;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n\r\n    color: rgba(201, 154, 91, 0.72) !important;\r\n\r\n    font-family: Georgia, serif !important;\r\n\r\n    font-size: 50px !important;\r\n    font-weight: 300 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transform: translateY(-50%) !important;\r\n\r\n    transition: none !important;\r\n}\r\n\r\n\r\n\/* FRECCIA SINISTRA *\/\r\n\r\n.gn-h4-lightbox__prev {\r\n    left: 22px;\r\n}\r\n\r\n\r\n\/* FRECCIA DESTRA *\/\r\n\r\n.gn-h4-lightbox__next {\r\n    right: 22px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTATORE\r\n============================================================ *\/\r\n\r\n.gn-h4-lightbox__counter {\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    color:\r\n        rgba(201, 154, 91, 0.72);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 14px;\r\n\r\n    letter-spacing: .20em;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET LARGE\r\n============================================================ *\/\r\n\r\n@media (max-width: 1280px) {\r\n\r\n    .gn-h4-gallery-dk {\r\n        min-height: 810px;\r\n\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n\r\n    .gn-h4-card {\r\n        width: 22.5%;\r\n    }\r\n\r\n\r\n    .gn-h4-card--2 {\r\n        width: 26%;\r\n    }\r\n\r\n\r\n    .gn-h4-card--1 {\r\n        left: 5.8%;\r\n        top: 92px;\r\n    }\r\n\r\n\r\n    .gn-h4-card--2 {\r\n        left: 36.5%;\r\n        top: 28px;\r\n    }\r\n\r\n\r\n    .gn-h4-card--3 {\r\n        left: 8.5%;\r\n        top: 295px;\r\n    }\r\n\r\n\r\n    .gn-h4-card--4 {\r\n        left: 70.2%;\r\n        top: 96px;\r\n    }\r\n\r\n\r\n    .gn-h4-card--5 {\r\n        left: 66.6%;\r\n        top: 305px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n   QUESTO BLOCCO DESKTOP VIENE NASCOSTO\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gn-h4-gallery-dk {\r\n        display: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     GALLERIA\r\n========================================================= -->\r\n\r\n<div class=\"gn-h4-gallery-dk\">\r\n\r\n\r\n    <!-- TAVOLA 1 -->\r\n\r\n    <figure\r\n        class=\"gn-h4-card gn-h4-card--1\"\r\n        data-index=\"0\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 1\"\r\n    >\r\n\r\n        <div class=\"gn-h4-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-01.webp\"\r\n                alt=\"Tavola 1\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n\r\n    <!-- TAVOLA 2 -->\r\n\r\n    <figure\r\n        class=\"gn-h4-card gn-h4-card--2\"\r\n        data-index=\"1\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 2\"\r\n    >\r\n\r\n        <div class=\"gn-h4-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-02.webp\"\r\n                alt=\"Tavola 2\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n\r\n    <!-- TAVOLA 3 -->\r\n\r\n    <figure\r\n        class=\"gn-h4-card gn-h4-card--3\"\r\n        data-index=\"2\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 3\"\r\n    >\r\n\r\n        <div class=\"gn-h4-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-03.webp\"\r\n                alt=\"Tavola 3\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n\r\n    <!-- TAVOLA 4 -->\r\n\r\n    <figure\r\n        class=\"gn-h4-card gn-h4-card--4\"\r\n        data-index=\"3\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 4\"\r\n    >\r\n\r\n        <div class=\"gn-h4-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-04.webp\"\r\n                alt=\"Tavola 4\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n\r\n    <!-- TAVOLA 5 -->\r\n\r\n    <figure\r\n        class=\"gn-h4-card gn-h4-card--5\"\r\n        data-index=\"4\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 5\"\r\n    >\r\n\r\n        <div class=\"gn-h4-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-05.webp\"\r\n                alt=\"Tavola 5\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"gn-h4-lightbox\"\r\n    id=\"gn-h4-lightbox\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <button\r\n        class=\"gn-h4-lightbox__close\"\r\n        type=\"button\"\r\n        aria-label=\"Chiudi anteprima\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n    <button\r\n        class=\"gn-h4-lightbox__arrow gn-h4-lightbox__prev\"\r\n        type=\"button\"\r\n        aria-label=\"Tavola precedente\"\r\n    >\r\n        \u2039\r\n    <\/button>\r\n\r\n\r\n    <img decoding=\"async\"\r\n        class=\"gn-h4-lightbox__image\"\r\n        src=\"\"\r\n        alt=\"\"\r\n        draggable=\"false\"\r\n    >\r\n\r\n\r\n    <button\r\n        class=\"gn-h4-lightbox__arrow gn-h4-lightbox__next\"\r\n        type=\"button\"\r\n        aria-label=\"Tavola successiva\"\r\n    >\r\n        \u203a\r\n    <\/button>\r\n\r\n\r\n    <div class=\"gn-h4-lightbox__counter\"><\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const cards =\r\n        Array.from(\r\n            document.querySelectorAll(\".gn-h4-card\")\r\n        );\r\n\r\n    const lightbox =\r\n        document.getElementById(\"gn-h4-lightbox\");\r\n\r\n    if (!cards.length || !lightbox) return;\r\n\r\n\r\n    const lightboxImage =\r\n        lightbox.querySelector(\r\n            \".gn-h4-lightbox__image\"\r\n        );\r\n\r\n    const closeButton =\r\n        lightbox.querySelector(\r\n            \".gn-h4-lightbox__close\"\r\n        );\r\n\r\n    const prevButton =\r\n        lightbox.querySelector(\r\n            \".gn-h4-lightbox__prev\"\r\n        );\r\n\r\n    const nextButton =\r\n        lightbox.querySelector(\r\n            \".gn-h4-lightbox__next\"\r\n        );\r\n\r\n    const counter =\r\n        lightbox.querySelector(\r\n            \".gn-h4-lightbox__counter\"\r\n        );\r\n\r\n\r\n    let currentIndex = 0;\r\n\r\n\r\n    \/* ========================================================\r\n       MOSTRA IMMAGINE\r\n    ======================================================== *\/\r\n\r\n    function showImage(index) {\r\n\r\n        currentIndex = index;\r\n\r\n        const sourceImage =\r\n            cards[currentIndex]\r\n            .querySelector(\"img\");\r\n\r\n\r\n        lightboxImage.src =\r\n            sourceImage.src;\r\n\r\n        lightboxImage.alt =\r\n            sourceImage.alt;\r\n\r\n\r\n        counter.textContent =\r\n            (currentIndex + 1)\r\n            + \" \/ \"\r\n            + cards.length;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       APERTURA LIGHTBOX\r\n    ======================================================== *\/\r\n\r\n    function openLightbox(index) {\r\n\r\n        showImage(index);\r\n\r\n        lightbox.classList.add(\r\n            \"is-open\"\r\n        );\r\n\r\n        lightbox.setAttribute(\r\n            \"aria-hidden\",\r\n            \"false\"\r\n        );\r\n\r\n        document.body.style.overflow =\r\n            \"hidden\";\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CHIUSURA LIGHTBOX\r\n    ======================================================== *\/\r\n\r\n    function closeLightbox() {\r\n\r\n        lightbox.classList.remove(\r\n            \"is-open\"\r\n        );\r\n\r\n        lightbox.setAttribute(\r\n            \"aria-hidden\",\r\n            \"true\"\r\n        );\r\n\r\n        document.body.style.overflow =\r\n            \"\";\r\n\r\n        setTimeout(function () {\r\n\r\n            if (\r\n                !lightbox.classList\r\n                .contains(\"is-open\")\r\n            ) {\r\n\r\n                lightboxImage.src = \"\";\r\n\r\n            }\r\n\r\n        }, 300);\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       PRECEDENTE\r\n    ======================================================== *\/\r\n\r\n    function previousImage() {\r\n\r\n        currentIndex =\r\n            (\r\n                currentIndex\r\n                - 1\r\n                + cards.length\r\n            )\r\n            % cards.length;\r\n\r\n        showImage(currentIndex);\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       SUCCESSIVA\r\n    ======================================================== *\/\r\n\r\n    function nextImage() {\r\n\r\n        currentIndex =\r\n            (\r\n                currentIndex\r\n                + 1\r\n            )\r\n            % cards.length;\r\n\r\n        showImage(currentIndex);\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CLICK SULLE TAVOLE\r\n    ======================================================== *\/\r\n\r\n    cards.forEach(function (card, index) {\r\n\r\n        card.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                openLightbox(index);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ACCESSIBILIT\u00c0 TASTIERA *\/\r\n\r\n        card.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.key === \"Enter\"\r\n                    ||\r\n                    event.key === \" \"\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                    openLightbox(index);\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n    \/* ========================================================\r\n       PULSANTE X\r\n    ======================================================== *\/\r\n\r\n    closeButton.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            event.stopPropagation();\r\n\r\n            closeLightbox();\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       FRECCIA SINISTRA\r\n    ======================================================== *\/\r\n\r\n    prevButton.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            event.stopPropagation();\r\n\r\n            previousImage();\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       FRECCIA DESTRA\r\n    ======================================================== *\/\r\n\r\n    nextButton.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            event.stopPropagation();\r\n\r\n            nextImage();\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       CLICK SULLO SFONDO NERO = CHIUSURA\r\n    ======================================================== *\/\r\n\r\n    lightbox.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target === lightbox\r\n            ) {\r\n\r\n                closeLightbox();\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       COMANDI TASTIERA\r\n    ======================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function (event) {\r\n\r\n            if (\r\n                !lightbox.classList\r\n                .contains(\"is-open\")\r\n            ) return;\r\n\r\n\r\n            if (event.key === \"Escape\") {\r\n\r\n                closeLightbox();\r\n\r\n            }\r\n\r\n\r\n            if (event.key === \"ArrowLeft\") {\r\n\r\n                previousImage();\r\n\r\n            }\r\n\r\n\r\n            if (event.key === \"ArrowRight\") {\r\n\r\n                nextImage();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO TASTO DESTRO\r\n       SOLO GALLERIA + LIGHTBOX\r\n    ======================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"contextmenu\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target.closest(\r\n                    \".gn-h4-gallery-dk\"\r\n                )\r\n                ||\r\n                event.target.closest(\r\n                    \".gn-h4-lightbox\"\r\n                )\r\n            ) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO TRASCINAMENTO IMMAGINI\r\n    ======================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"dragstart\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target.closest(\r\n                    \".gn-h4-gallery-dk\"\r\n                )\r\n                ||\r\n                event.target.closest(\r\n                    \".gn-h4-lightbox\"\r\n                )\r\n            ) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5624e3c elementor-widget elementor-widget-heading\" data-id=\"5624e3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Questa \u00e8 soltanto una parte della storia.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f574f98 e-transform elementor-widget elementor-widget-image\" data-id=\"f574f98\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_flipY_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05b3669 elementor-widget elementor-widget-heading\" data-id=\"05b3669\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VOLUME I - CHICAGO \u2022 PROSSIMAMENTE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d48b269 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"d48b269\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-711c285 elementor-widget elementor-widget-image\" data-id=\"711c285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee32914 elementor-widget elementor-widget-heading\" data-id=\"ee32914\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dalle parole alle immagini<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3cab7e elementor-widget elementor-widget-heading\" data-id=\"b3cab7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Una scena nasce prima sulla pagina.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59a1409 elementor-widget elementor-widget-heading\" data-id=\"59a1409\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Poi prende forma, luce  e volto.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d6da63 elementor-widget elementor-widget-html\" data-id=\"6d6da63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   FASE 5 - DALLE PAROLE ALLE IMMAGINI\r\n   DESKTOP - 3 RIGHE\r\n\r\n   LIGHTBOX:\r\n   - ESTRATTI: APERTURA SENZA ZOOM\r\n   - TAVOLE: APERTURA + ZOOM 100%\r\n\r\n   PROTEZIONE IMMAGINI\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE GENERALE\r\n============================================================ *\/\r\n\r\n.gn-h5-compare {\r\n\r\n    --h5-gold: #c99550;\r\n    --h5-gold-light: #dcb77e;\r\n    --h5-ivory: #eee1ce;\r\n    --h5-line: rgba(201, 149, 80, 0.34);\r\n\r\n    width: min(100%, 1500px);\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 28px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SINGOLA RIGA\r\n============================================================ *\/\r\n\r\n.gn-h5-row {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        150px\r\n        minmax(360px, 470px)\r\n        62px\r\n        minmax(0, 1fr);\r\n\r\n    align-items: center;\r\n\r\n    column-gap: 24px;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 300px;\r\n\r\n    padding: 20px 0;\r\n\r\n    border-bottom:\r\n        1px solid var(--h5-line);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h5-row:first-child {\r\n\r\n    border-top:\r\n        1px solid var(--h5-line);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   META\r\n============================================================ *\/\r\n\r\n.gn-h5-meta {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n}\r\n\r\n\r\n.gn-h5-number {\r\n\r\n    margin: 0 0 18px;\r\n\r\n    color: var(--h5-gold-light);\r\n\r\n    font-size: 60px;\r\n    font-weight: 400;\r\n\r\n    line-height: .9;\r\n\r\n    letter-spacing: .02em;\r\n}\r\n\r\n\r\n.gn-h5-place {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--h5-gold);\r\n\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1.25;\r\n\r\n    letter-spacing: .055em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.gn-h5-year {\r\n\r\n    margin: 5px 0 0;\r\n\r\n    color: var(--h5-gold-light);\r\n\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .08em;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ESTRATTO DAL ROMANZO\r\n   CLICCABILE - MA NESSUNO ZOOM NEL LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h5-excerpt {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1.62 \/ 1;\r\n\r\n    margin: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #e8ddc8;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0, 0, 0, .25);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        box-shadow .25s ease;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h5-excerpt:hover {\r\n\r\n    box-shadow:\r\n        0 16px 38px rgba(0, 0, 0, .38);\r\n}\r\n\r\n\r\n.gn-h5-excerpt img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        var(--excerpt-x, 50%)\r\n        var(--excerpt-y, 50%);\r\n\r\n    transform:\r\n        scale(var(--excerpt-zoom, 1));\r\n\r\n    transform-origin:\r\n        var(--excerpt-x, 50%)\r\n        var(--excerpt-y, 50%);\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FRECCIA\r\n============================================================ *\/\r\n\r\n.gn-h5-arrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--h5-gold);\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 48px;\r\n    font-weight: 300;\r\n\r\n    line-height: 1;\r\n\r\n    opacity: .88;\r\n\r\n    user-select: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   STRIP TAVOLA\r\n============================================================ *\/\r\n\r\n.gn-h5-panel {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 2.25 \/ 1;\r\n\r\n    margin: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #080a0c;\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0, 0, 0, .34);\r\n\r\n    cursor: zoom-in;\r\n\r\n    transition:\r\n        box-shadow .25s ease;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h5-panel:hover {\r\n\r\n    box-shadow:\r\n        0 18px 42px rgba(0, 0, 0, .48);\r\n}\r\n\r\n\r\n.gn-h5-panel img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        var(--pos-x, 50%)\r\n        var(--pos-y, 50%);\r\n\r\n    transform:\r\n        scale(var(--zoom, 1));\r\n\r\n    transform-origin:\r\n        var(--pos-x, 50%)\r\n        var(--pos-y, 50%);\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LIGHTBOX UNICO\r\n============================================================ *\/\r\n\r\n.gn-h5-lightbox {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 9999999;\r\n\r\n    background:\r\n        rgba(0, 0, 0, .95);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        visibility .25s ease;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h5-lightbox.is-open {\r\n\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   VIEWPORT\r\n============================================================ *\/\r\n\r\n.gn-h5-lightbox__viewport {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        35px\r\n        70px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    scrollbar-width: thin;\r\n\r\n    scrollbar-color:\r\n        rgba(201, 154, 91, .40)\r\n        rgba(0, 0, 0, .20);\r\n}\r\n\r\n\r\n.gn-h5-lightbox__viewport::-webkit-scrollbar {\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n\r\n\r\n.gn-h5-lightbox__viewport::-webkit-scrollbar-track {\r\n\r\n    background:\r\n        rgba(0, 0, 0, .20);\r\n}\r\n\r\n\r\n.gn-h5-lightbox__viewport::-webkit-scrollbar-thumb {\r\n\r\n    background:\r\n        rgba(201, 154, 91, .40);\r\n\r\n    border-radius: 8px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE LIGHTBOX\r\n   STATO NORMALE\r\n============================================================ *\/\r\n\r\n.gn-h5-lightbox__image {\r\n\r\n    display: block;\r\n\r\n    width: auto !important;\r\n    height: auto !important;\r\n\r\n    max-width: 92vw !important;\r\n    max-height: 92vh !important;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: contain;\r\n\r\n    box-shadow:\r\n        0 25px 80px rgba(0, 0, 0, .78);\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n\r\n    cursor: default;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SOLO LE TAVOLE POSSONO ESSERE ZOOMATE\r\n============================================================ *\/\r\n\r\n.gn-h5-lightbox.can-zoom\r\n.gn-h5-lightbox__image {\r\n\r\n    cursor: zoom-in;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ZOOM 100% SOLO TAVOLE\r\n============================================================ *\/\r\n\r\n.gn-h5-lightbox.can-zoom.is-zoomed\r\n.gn-h5-lightbox__viewport {\r\n\r\n    display: block;\r\n\r\n    overflow: auto;\r\n\r\n    padding:\r\n        35px\r\n        70px;\r\n}\r\n\r\n\r\n.gn-h5-lightbox.can-zoom.is-zoomed\r\n.gn-h5-lightbox__image {\r\n\r\n    max-width: none !important;\r\n    max-height: none !important;\r\n\r\n    margin: 0 auto;\r\n\r\n    cursor: zoom-out;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   X CHIUSURA\r\n============================================================ *\/\r\n\r\n.gn-h5-lightbox .gn-h5-lightbox__close,\r\n.gn-h5-lightbox .gn-h5-lightbox__close:hover,\r\n.gn-h5-lightbox .gn-h5-lightbox__close:focus,\r\n.gn-h5-lightbox .gn-h5-lightbox__close:active {\r\n\r\n    position: fixed;\r\n\r\n    top: 22px;\r\n    right: 28px;\r\n\r\n    z-index: 20;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n\r\n    color:\r\n        rgba(201, 154, 91, .76) !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif !important;\r\n\r\n    font-size: 44px !important;\r\n    font-weight: 300 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .gn-h5-row {\r\n\r\n        grid-template-columns:\r\n            125px\r\n            minmax(300px, 390px)\r\n            48px\r\n            minmax(0, 1fr);\r\n\r\n        column-gap: 18px;\r\n\r\n        min-height: 270px;\r\n    }\r\n\r\n\r\n    .gn-h5-number {\r\n\r\n        font-size: 52px;\r\n    }\r\n\r\n\r\n    .gn-h5-place {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .gn-h5-arrow {\r\n\r\n        font-size: 42px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SOLO DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gn-h5-compare {\r\n\r\n        display: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     FASE 5 - TRE RIGHE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h5-compare\">\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGA 01\r\n    ====================================================== -->\r\n\r\n    <div class=\"gn-h5-row\">\r\n\r\n\r\n        <div class=\"gn-h5-meta\">\r\n\r\n            <div class=\"gn-h5-number\">\r\n                01\r\n            <\/div>\r\n\r\n            <div class=\"gn-h5-place\">\r\n                Ristorante dei Williamson\r\n            <\/div>\r\n\r\n            <div class=\"gn-h5-year\">\r\n                1908\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ESTRATTO CLICCABILE - SENZA ZOOM -->\r\n\r\n        <figure\r\n            class=\"gn-h5-excerpt gn-h5-lightbox-trigger\"\r\n            data-lightbox-type=\"excerpt\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri l'estratto 01\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/estratto-testo-1.webp\"\r\n                alt=\"Estratto dal romanzo SPEAKEASY 01\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --excerpt-x: 50%;\r\n                    --excerpt-y: 50%;\r\n                    --excerpt-zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n        <div\r\n            class=\"gn-h5-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            \u2192\r\n        <\/div>\r\n\r\n\r\n        <!-- TAVOLA CLICCABILE - CON ZOOM -->\r\n\r\n        <figure\r\n            class=\"gn-h5-panel gn-h5-lightbox-trigger\"\r\n            data-lightbox-type=\"panel\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri la tavola 01\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-01.webp\"\r\n                alt=\"Tavola Graphic Novel 01\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --pos-x: 50%;\r\n                    --pos-y: 17%;\r\n                    --zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGA 02\r\n    ====================================================== -->\r\n\r\n    <div class=\"gn-h5-row\">\r\n\r\n\r\n        <div class=\"gn-h5-meta\">\r\n\r\n            <div class=\"gn-h5-number\">\r\n                02\r\n            <\/div>\r\n\r\n            <div class=\"gn-h5-place\">\r\n                accademia volkova\r\n            <\/div>\r\n\r\n            <div class=\"gn-h5-year\">\r\n                1919\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ESTRATTO CLICCABILE - SENZA ZOOM -->\r\n\r\n        <figure\r\n            class=\"gn-h5-excerpt gn-h5-lightbox-trigger\"\r\n            data-lightbox-type=\"excerpt\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri l'estratto 02\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/estratto-testo-2.webp\"\r\n                alt=\"Estratto dal romanzo SPEAKEASY 02\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --excerpt-x: 50%;\r\n                    --excerpt-y: 50%;\r\n                    --excerpt-zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n        <div\r\n            class=\"gn-h5-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            \u2192\r\n        <\/div>\r\n\r\n\r\n        <!-- TAVOLA CLICCABILE - CON ZOOM -->\r\n\r\n        <figure\r\n            class=\"gn-h5-panel gn-h5-lightbox-trigger\"\r\n            data-lightbox-type=\"panel\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri la tavola 02\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-riga-2.webp\"\r\n                alt=\"Tavola Graphic Novel 02\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --pos-x: 50%;\r\n                    --pos-y: 39%;\r\n                    --zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGA 03\r\n    ====================================================== -->\r\n\r\n    <div class=\"gn-h5-row\">\r\n\r\n\r\n        <div class=\"gn-h5-meta\">\r\n\r\n            <div class=\"gn-h5-number\">\r\n                03\r\n            <\/div>\r\n\r\n            <div class=\"gn-h5-place\">\r\n                silver moon\r\n            <\/div>\r\n\r\n            <div class=\"gn-h5-year\">\r\n                1921\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ESTRATTO CLICCABILE - SENZA ZOOM -->\r\n\r\n        <figure\r\n            class=\"gn-h5-excerpt gn-h5-lightbox-trigger\"\r\n            data-lightbox-type=\"excerpt\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri l'estratto 03\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/estratto-testo-3.webp\"\r\n                alt=\"Estratto dal romanzo SPEAKEASY 03\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --excerpt-x: 50%;\r\n                    --excerpt-y: 50%;\r\n                    --excerpt-zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n        <div\r\n            class=\"gn-h5-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            \u2192\r\n        <\/div>\r\n\r\n\r\n        <!-- TAVOLA CLICCABILE - CON ZOOM -->\r\n\r\n        <figure\r\n            class=\"gn-h5-panel gn-h5-lightbox-trigger\"\r\n            data-lightbox-type=\"panel\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri la tavola 03\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-riga-3.webp\"\r\n                alt=\"Tavola Graphic Novel 03\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --pos-x: 50%;\r\n                    --pos-y: 38%;\r\n                    --zoom: 1.15\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX UNICO\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"gn-h5-lightbox\"\r\n    id=\"gn-h5-lightbox\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <button\r\n        class=\"gn-h5-lightbox__close\"\r\n        type=\"button\"\r\n        aria-label=\"Chiudi l'anteprima\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n    <div class=\"gn-h5-lightbox__viewport\">\r\n\r\n        <img decoding=\"async\"\r\n            class=\"gn-h5-lightbox__image\"\r\n            src=\"\"\r\n            alt=\"\"\r\n            draggable=\"false\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\/* ============================================================\r\n   SPEAKEASY - HERO 5\r\n\r\n   ESTRATTI:\r\n   LIGHTBOX SENZA ZOOM\r\n\r\n   TAVOLE:\r\n   LIGHTBOX + ZOOM 100%\r\n\r\n   PROTEZIONE IMMAGINI\r\n============================================================ *\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const hero5 =\r\n        document.querySelector(\r\n            \".gn-h5-compare\"\r\n        );\r\n\r\n\r\n    const lightbox =\r\n        document.getElementById(\r\n            \"gn-h5-lightbox\"\r\n        );\r\n\r\n\r\n    if (!hero5 || !lightbox) return;\r\n\r\n\r\n    const triggers =\r\n        Array.from(\r\n            hero5.querySelectorAll(\r\n                \".gn-h5-lightbox-trigger\"\r\n            )\r\n        );\r\n\r\n\r\n    const viewport =\r\n        lightbox.querySelector(\r\n            \".gn-h5-lightbox__viewport\"\r\n        );\r\n\r\n\r\n    const lightboxImage =\r\n        lightbox.querySelector(\r\n            \".gn-h5-lightbox__image\"\r\n        );\r\n\r\n\r\n    const closeButton =\r\n        lightbox.querySelector(\r\n            \".gn-h5-lightbox__close\"\r\n        );\r\n\r\n\r\n    let currentCanZoom = false;\r\n\r\n\r\n    \/* ========================================================\r\n       RESET ZOOM\r\n    ======================================================== *\/\r\n\r\n    function resetZoom() {\r\n\r\n        lightbox.classList.remove(\r\n            \"is-zoomed\"\r\n        );\r\n\r\n\r\n        lightboxImage.style.width =\r\n            \"\";\r\n\r\n\r\n        lightboxImage.style.height =\r\n            \"\";\r\n\r\n\r\n        viewport.scrollLeft = 0;\r\n\r\n        viewport.scrollTop = 0;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       APERTURA\r\n    ======================================================== *\/\r\n\r\n    function openLightbox(trigger) {\r\n\r\n        const sourceImage =\r\n            trigger.querySelector(\"img\");\r\n\r\n\r\n        if (!sourceImage) return;\r\n\r\n\r\n        resetZoom();\r\n\r\n\r\n        \/* ------------------------------------------\r\n           SOLO LE TAVOLE POSSONO ZOOMARE\r\n        ------------------------------------------ *\/\r\n\r\n        currentCanZoom =\r\n            trigger.dataset.lightboxType\r\n            ===\r\n            \"panel\";\r\n\r\n\r\n        if (currentCanZoom) {\r\n\r\n            lightbox.classList.add(\r\n                \"can-zoom\"\r\n            );\r\n\r\n        } else {\r\n\r\n            lightbox.classList.remove(\r\n                \"can-zoom\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* ------------------------------------------\r\n           CARICA IMMAGINE ORIGINALE\r\n        ------------------------------------------ *\/\r\n\r\n        lightboxImage.src =\r\n            sourceImage.currentSrc\r\n            ||\r\n            sourceImage.src;\r\n\r\n\r\n        lightboxImage.alt =\r\n            sourceImage.alt;\r\n\r\n\r\n        lightbox.classList.add(\r\n            \"is-open\"\r\n        );\r\n\r\n\r\n        lightbox.setAttribute(\r\n            \"aria-hidden\",\r\n            \"false\"\r\n        );\r\n\r\n\r\n        document.body.style.overflow =\r\n            \"hidden\";\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CHIUSURA\r\n    ======================================================== *\/\r\n\r\n    function closeLightbox() {\r\n\r\n        resetZoom();\r\n\r\n\r\n        currentCanZoom = false;\r\n\r\n\r\n        lightbox.classList.remove(\r\n            \"can-zoom\"\r\n        );\r\n\r\n\r\n        lightbox.classList.remove(\r\n            \"is-open\"\r\n        );\r\n\r\n\r\n        lightbox.setAttribute(\r\n            \"aria-hidden\",\r\n            \"true\"\r\n        );\r\n\r\n\r\n        document.body.style.overflow =\r\n            \"\";\r\n\r\n\r\n        setTimeout(function () {\r\n\r\n            if (\r\n                !lightbox.classList\r\n                .contains(\"is-open\")\r\n            ) {\r\n\r\n                lightboxImage.src = \"\";\r\n\r\n            }\r\n\r\n        }, 280);\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       ZOOM 100%\r\n       SOLO TAVOLE\r\n    ======================================================== *\/\r\n\r\n    function zoomTo100() {\r\n\r\n        if (!currentCanZoom) return;\r\n\r\n\r\n        if (\r\n            !lightboxImage.naturalWidth\r\n            ||\r\n            !lightboxImage.naturalHeight\r\n        ) return;\r\n\r\n\r\n        lightbox.classList.add(\r\n            \"is-zoomed\"\r\n        );\r\n\r\n\r\n        lightboxImage.style.width =\r\n            lightboxImage.naturalWidth\r\n            + \"px\";\r\n\r\n\r\n        lightboxImage.style.height =\r\n            lightboxImage.naturalHeight\r\n            + \"px\";\r\n\r\n\r\n        requestAnimationFrame(\r\n            function () {\r\n\r\n                viewport.scrollLeft =\r\n                    Math.max(\r\n                        0,\r\n                        (\r\n                            viewport.scrollWidth\r\n                            -\r\n                            viewport.clientWidth\r\n                        )\r\n                        \/ 2\r\n                    );\r\n\r\n\r\n                viewport.scrollTop =\r\n                    Math.max(\r\n                        0,\r\n                        (\r\n                            viewport.scrollHeight\r\n                            -\r\n                            viewport.clientHeight\r\n                        )\r\n                        \/ 2\r\n                    );\r\n\r\n            }\r\n        );\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CLICK SULL'IMMAGINE LIGHTBOX\r\n\r\n       ESTRATTO:\r\n       NON FA NULLA\r\n\r\n       TAVOLA:\r\n       FIT \u2194 100%\r\n    ======================================================== *\/\r\n\r\n    lightboxImage.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            event.stopPropagation();\r\n\r\n\r\n            if (!currentCanZoom) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                lightbox.classList\r\n                .contains(\"is-zoomed\")\r\n            ) {\r\n\r\n                resetZoom();\r\n\r\n            } else {\r\n\r\n                zoomTo100();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       APERTURA\r\n    ======================================================== *\/\r\n\r\n    triggers.forEach(\r\n        function (trigger) {\r\n\r\n            trigger.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    openLightbox(\r\n                        trigger\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            trigger.addEventListener(\r\n                \"keydown\",\r\n                function (event) {\r\n\r\n                    if (\r\n                        event.key === \"Enter\"\r\n                        ||\r\n                        event.key === \" \"\r\n                    ) {\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n                        openLightbox(\r\n                            trigger\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       X\r\n    ======================================================== *\/\r\n\r\n    closeButton.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            event.stopPropagation();\r\n\r\n            closeLightbox();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       CLICK SUL NERO\r\n    ======================================================== *\/\r\n\r\n    lightbox.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target === lightbox\r\n                ||\r\n                event.target === viewport\r\n            ) {\r\n\r\n                closeLightbox();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       ESC\r\n    ======================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function (event) {\r\n\r\n            if (\r\n                !lightbox.classList\r\n                .contains(\"is-open\")\r\n            ) return;\r\n\r\n\r\n            if (\r\n                event.key === \"Escape\"\r\n            ) {\r\n\r\n                closeLightbox();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO TASTO DESTRO\r\n       HERO\r\n    ======================================================== *\/\r\n\r\n    hero5.addEventListener(\r\n        \"contextmenu\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target.closest(\"img\")\r\n            ) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO TASTO DESTRO\r\n       LIGHTBOX\r\n    ======================================================== *\/\r\n\r\n    lightbox.addEventListener(\r\n        \"contextmenu\",\r\n        function (event) {\r\n\r\n            event.preventDefault();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO DRAG HERO\r\n    ======================================================== *\/\r\n\r\n    hero5.addEventListener(\r\n        \"dragstart\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target.closest(\"img\")\r\n            ) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO DRAG LIGHTBOX\r\n    ======================================================== *\/\r\n\r\n    lightbox.addEventListener(\r\n        \"dragstart\",\r\n        function (event) {\r\n\r\n            event.preventDefault();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO SELEZIONE\r\n    ======================================================== *\/\r\n\r\n    document\r\n        .querySelectorAll(\r\n            \".gn-h5-compare img, .gn-h5-lightbox img\"\r\n        )\r\n        .forEach(function (img) {\r\n\r\n            img.setAttribute(\r\n                \"draggable\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            img.style.userSelect =\r\n                \"none\";\r\n\r\n\r\n            img.style.webkitUserSelect =\r\n                \"none\";\r\n\r\n\r\n            img.style.webkitUserDrag =\r\n                \"none\";\r\n\r\n        });\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO CTRL+S \/ CMD+S\r\n    ======================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function (event) {\r\n\r\n            const lightboxOpen =\r\n                lightbox.classList\r\n                .contains(\"is-open\");\r\n\r\n\r\n            const insideHero =\r\n                hero5.matches(\":hover\")\r\n                ||\r\n                hero5.contains(\r\n                    document.activeElement\r\n                );\r\n\r\n\r\n            if (\r\n                !lightboxOpen\r\n                &&\r\n                !insideHero\r\n            ) return;\r\n\r\n\r\n            if (\r\n                (\r\n                    event.ctrlKey\r\n                    ||\r\n                    event.metaKey\r\n                )\r\n                &&\r\n                event.key\r\n                    .toLowerCase()\r\n                    ===\r\n                    \"s\"\r\n            ) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-174200c elementor-widget elementor-widget-heading\" data-id=\"174200c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Volume I - Chicago \u00e8 solo l'inizio.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd4ab8 e-transform elementor-widget elementor-widget-image\" data-id=\"dbd4ab8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_flipY_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cca7095 e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"cca7095\" data-element_type=\"container\" data-e-type=\"container\" id=\"entra-nella-storia-mobile\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec09449 elementor-widget elementor-widget-image\" data-id=\"ec09449\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa29fe elementor-widget elementor-widget-heading\" data-id=\"5fa29fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ENTRA NELLA STORIA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91e6545 elementor-widget elementor-widget-heading\" data-id=\"91e6545\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Un primo sguardo dentro<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-243ed52 elementor-widget elementor-widget-heading\" data-id=\"243ed52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SPEAKEASY - THE GRAPHIC NOVEL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-858f6fc elementor-widget elementor-widget-html\" data-id=\"858f6fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 4 - GALLERIA MOBILE\r\n   5 TAVOLE 2:3 + LIGHTBOX\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   BLOCCO MOBILE\r\n============================================================ *\/\r\n\r\n.gn-h4m-gallery {\r\n    display: none;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 520px;\r\n\r\n    min-height: 1180px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 20px 14px 45px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ATTIVO SOLO SU MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gn-h4m-gallery {\r\n        display: block;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TAVOLA GENERICA\r\n============================================================ *\/\r\n\r\n.gn-h4m-card {\r\n    position: absolute;\r\n\r\n    width: 43%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    background: transparent;\r\n    border: none;\r\n\r\n    box-shadow:\r\n        0 15px 34px rgba(0, 0, 0, 0.48);\r\n\r\n    overflow: visible;\r\n\r\n    cursor: zoom-in;\r\n\r\n    transform-origin: center center;\r\n\r\n    transition:\r\n        transform .32s ease,\r\n        box-shadow .32s ease;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE IMMAGINE\r\n============================================================ *\/\r\n\r\n.gn-h4m-image-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 2 \/ 3;\r\n\r\n    overflow: hidden;\r\n\r\n    background: transparent;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE\r\n============================================================ *\/\r\n\r\n.gn-h4m-card img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    object-fit: cover;\r\n    object-position: 50% 50%;\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DISPOSIZIONE MOBILE\r\n============================================================ *\/\r\n\r\n\r\n\/* ------------------------------------------------------------\r\n   TAVOLA 1 - ALTO SINISTRA\r\n------------------------------------------------------------ *\/\r\n\r\n.gn-h4m-card--1 {\r\n    top: 35px;\r\n    left: 6%;\r\n\r\n    transform:\r\n        rotate(-4deg);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* ------------------------------------------------------------\r\n   TAVOLA 2 - ALTO DESTRA\r\n   leggermente pi\u00f9 bassa della prima\r\n------------------------------------------------------------ *\/\r\n\r\n.gn-h4m-card--2 {\r\n    top: 135px;\r\n    right: 5%;\r\n\r\n    transform:\r\n        rotate(4deg);\r\n\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* ------------------------------------------------------------\r\n   TAVOLA 3 - CENTRALE \/ PROTAGONISTA\r\n------------------------------------------------------------ *\/\r\n\r\n.gn-h4m-card--3 {\r\n    width: 57%;\r\n\r\n    top: 385px;\r\n    left: 50%;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        rotate(0deg);\r\n\r\n    z-index: 6;\r\n\r\n    box-shadow:\r\n        0 20px 46px rgba(0, 0, 0, 0.56);\r\n}\r\n\r\n\r\n\/* ------------------------------------------------------------\r\n   TAVOLA 4 - BASSO SINISTRA\r\n------------------------------------------------------------ *\/\r\n\r\n.gn-h4m-card--4 {\r\n    top: 720px;\r\n    left: 5%;\r\n\r\n    transform:\r\n        rotate(-4deg);\r\n\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* ------------------------------------------------------------\r\n   TAVOLA 5 - BASSO DESTRA\r\n------------------------------------------------------------ *\/\r\n\r\n.gn-h4m-card--5 {\r\n    top: 825px;\r\n    right: 5%;\r\n\r\n    transform:\r\n        rotate(4deg);\r\n\r\n    z-index: 4;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   POSIZIONE INTERNA SINGOLE IMMAGINI\r\n============================================================ *\/\r\n\r\n.gn-h4m-card--1 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n.gn-h4m-card--2 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n.gn-h4m-card--3 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n.gn-h4m-card--4 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n.gn-h4m-card--5 img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TOUCH \/ ACTIVE\r\n   NIENTE HOVER INVASIVO SU MOBILE\r\n============================================================ *\/\r\n\r\n.gn-h4m-card:active {\r\n    box-shadow:\r\n        0 18px 42px rgba(0, 0, 0, 0.58);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SCHERMI MOBILE PI\u00d9 PICCOLI\r\n============================================================ *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .gn-h4m-gallery {\r\n        min-height: 1080px;\r\n\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n    }\r\n\r\n\r\n    .gn-h4m-card {\r\n        width: 42%;\r\n    }\r\n\r\n\r\n    .gn-h4m-card--1 {\r\n        top: 25px;\r\n        left: 5%;\r\n    }\r\n\r\n\r\n    .gn-h4m-card--2 {\r\n        top: 120px;\r\n        right: 4%;\r\n    }\r\n\r\n\r\n    .gn-h4m-card--3 {\r\n        width: 56%;\r\n\r\n        top: 350px;\r\n    }\r\n\r\n\r\n    .gn-h4m-card--4 {\r\n        top: 660px;\r\n        left: 4%;\r\n    }\r\n\r\n\r\n    .gn-h4m-card--5 {\r\n        top: 755px;\r\n        right: 4%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LIGHTBOX MOBILE\r\n============================================================ *\/\r\n\r\n.gn-h4m-lightbox {\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 9999999;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        55px\r\n        46px\r\n        45px;\r\n\r\n    background:\r\n        rgba(0, 0, 0, 0.96);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        visibility .25s ease;\r\n\r\n    box-sizing: border-box;\r\n\r\n    cursor: zoom-out;\r\n}\r\n\r\n\r\n.gn-h4m-lightbox.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h4m-lightbox__image {\r\n    display: block;\r\n\r\n    width: auto;\r\n    height: auto;\r\n\r\n    max-width: 88vw;\r\n    max-height: 88vh;\r\n\r\n    object-fit: contain;\r\n\r\n    box-shadow:\r\n        0 22px 70px rgba(0, 0, 0, .82);\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   X CHIUSURA\r\n   TRASPARENTE\r\n============================================================ *\/\r\n\r\n.gn-h4m-lightbox .gn-h4m-lightbox__close,\r\n.gn-h4m-lightbox .gn-h4m-lightbox__close:hover,\r\n.gn-h4m-lightbox .gn-h4m-lightbox__close:focus,\r\n.gn-h4m-lightbox .gn-h4m-lightbox__close:active {\r\n\r\n    position: fixed;\r\n\r\n    top: 14px;\r\n    right: 16px;\r\n\r\n    z-index: 10;\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n\r\n    color:\r\n        rgba(201, 154, 91, 0.72) !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif !important;\r\n\r\n    font-size: 40px !important;\r\n    font-weight: 300 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FRECCE LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h4m-lightbox .gn-h4m-lightbox__arrow,\r\n.gn-h4m-lightbox .gn-h4m-lightbox__arrow:hover,\r\n.gn-h4m-lightbox .gn-h4m-lightbox__arrow:focus,\r\n.gn-h4m-lightbox .gn-h4m-lightbox__arrow:active {\r\n\r\n    position: fixed;\r\n\r\n    top: 50%;\r\n\r\n    z-index: 10;\r\n\r\n    width: 42px;\r\n    height: 70px;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n\r\n    color:\r\n        rgba(201, 154, 91, 0.72) !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif !important;\r\n\r\n    font-size: 48px !important;\r\n    font-weight: 300 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transform:\r\n        translateY(-50%) !important;\r\n\r\n    transition: none !important;\r\n}\r\n\r\n\r\n.gn-h4m-lightbox__prev {\r\n    left: 3px;\r\n}\r\n\r\n\r\n.gn-h4m-lightbox__next {\r\n    right: 3px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTATORE LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h4m-lightbox__counter {\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n    bottom: 15px;\r\n\r\n    z-index: 10;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    color:\r\n        rgba(201, 154, 91, 0.72);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 13px;\r\n\r\n    letter-spacing: .18em;\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 4 - GALLERIA MOBILE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h4m-gallery\">\r\n\r\n\r\n    <!-- =====================================================\r\n         TAVOLA 1\r\n    ====================================================== -->\r\n\r\n    <figure\r\n        class=\"gn-h4m-card gn-h4m-card--1\"\r\n        data-index=\"0\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 1\"\r\n    >\r\n\r\n        <div class=\"gn-h4m-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-01.webp\"\r\n                alt=\"Tavola 1\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         TAVOLA 2\r\n    ====================================================== -->\r\n\r\n    <figure\r\n        class=\"gn-h4m-card gn-h4m-card--2\"\r\n        data-index=\"1\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 2\"\r\n    >\r\n\r\n        <div class=\"gn-h4m-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-03.webp\"\r\n                alt=\"Tavola 2\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         TAVOLA 3 - CENTRALE\r\n    ====================================================== -->\r\n\r\n    <figure\r\n        class=\"gn-h4m-card gn-h4m-card--3\"\r\n        data-index=\"2\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 3\"\r\n    >\r\n\r\n        <div class=\"gn-h4m-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-02.webp\"\r\n                alt=\"Tavola 3\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         TAVOLA 4\r\n    ====================================================== -->\r\n\r\n    <figure\r\n        class=\"gn-h4m-card gn-h4m-card--4\"\r\n        data-index=\"3\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 4\"\r\n    >\r\n\r\n        <div class=\"gn-h4m-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-04.webp\"\r\n                alt=\"Tavola 4\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         TAVOLA 5\r\n    ====================================================== -->\r\n\r\n    <figure\r\n        class=\"gn-h4m-card gn-h4m-card--5\"\r\n        data-index=\"4\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri tavola 5\"\r\n    >\r\n\r\n        <div class=\"gn-h4m-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-05.webp\"\r\n                alt=\"Tavola 5\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/figure>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX MOBILE\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"gn-h4m-lightbox\"\r\n    id=\"gn-h4m-lightbox\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <button\r\n        class=\"gn-h4m-lightbox__close\"\r\n        type=\"button\"\r\n        aria-label=\"Chiudi anteprima\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n    <button\r\n        class=\"gn-h4m-lightbox__arrow gn-h4m-lightbox__prev\"\r\n        type=\"button\"\r\n        aria-label=\"Tavola precedente\"\r\n    >\r\n        \u2039\r\n    <\/button>\r\n\r\n\r\n    <img decoding=\"async\"\r\n        class=\"gn-h4m-lightbox__image\"\r\n        src=\"\"\r\n        alt=\"\"\r\n        draggable=\"false\"\r\n    >\r\n\r\n\r\n    <button\r\n        class=\"gn-h4m-lightbox__arrow gn-h4m-lightbox__next\"\r\n        type=\"button\"\r\n        aria-label=\"Tavola successiva\"\r\n    >\r\n        \u203a\r\n    <\/button>\r\n\r\n\r\n    <div class=\"gn-h4m-lightbox__counter\"><\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const mobileCards =\r\n        Array.from(\r\n            document.querySelectorAll(\r\n                \".gn-h4m-card\"\r\n            )\r\n        );\r\n\r\n    const mobileLightbox =\r\n        document.getElementById(\r\n            \"gn-h4m-lightbox\"\r\n        );\r\n\r\n    if (\r\n        !mobileCards.length\r\n        ||\r\n        !mobileLightbox\r\n    ) return;\r\n\r\n\r\n    const mobileImage =\r\n        mobileLightbox.querySelector(\r\n            \".gn-h4m-lightbox__image\"\r\n        );\r\n\r\n\r\n    const closeButton =\r\n        mobileLightbox.querySelector(\r\n            \".gn-h4m-lightbox__close\"\r\n        );\r\n\r\n\r\n    const prevButton =\r\n        mobileLightbox.querySelector(\r\n            \".gn-h4m-lightbox__prev\"\r\n        );\r\n\r\n\r\n    const nextButton =\r\n        mobileLightbox.querySelector(\r\n            \".gn-h4m-lightbox__next\"\r\n        );\r\n\r\n\r\n    const counter =\r\n        mobileLightbox.querySelector(\r\n            \".gn-h4m-lightbox__counter\"\r\n        );\r\n\r\n\r\n    let currentIndex = 0;\r\n\r\n\r\n    \/* ========================================================\r\n       MOSTRA TAVOLA\r\n    ======================================================== *\/\r\n\r\n    function showMobileImage(index) {\r\n\r\n        currentIndex = index;\r\n\r\n        const sourceImage =\r\n            mobileCards[currentIndex]\r\n            .querySelector(\"img\");\r\n\r\n\r\n        mobileImage.src =\r\n            sourceImage.src;\r\n\r\n\r\n        mobileImage.alt =\r\n            sourceImage.alt;\r\n\r\n\r\n        counter.textContent =\r\n            (currentIndex + 1)\r\n            + \" \/ \"\r\n            + mobileCards.length;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       APERTURA\r\n    ======================================================== *\/\r\n\r\n    function openMobileLightbox(index) {\r\n\r\n        showMobileImage(index);\r\n\r\n        mobileLightbox.classList.add(\r\n            \"is-open\"\r\n        );\r\n\r\n        mobileLightbox.setAttribute(\r\n            \"aria-hidden\",\r\n            \"false\"\r\n        );\r\n\r\n        document.body.style.overflow =\r\n            \"hidden\";\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CHIUSURA\r\n    ======================================================== *\/\r\n\r\n    function closeMobileLightbox() {\r\n\r\n        mobileLightbox.classList.remove(\r\n            \"is-open\"\r\n        );\r\n\r\n        mobileLightbox.setAttribute(\r\n            \"aria-hidden\",\r\n            \"true\"\r\n        );\r\n\r\n        document.body.style.overflow =\r\n            \"\";\r\n\r\n        setTimeout(function () {\r\n\r\n            if (\r\n                !mobileLightbox\r\n                .classList\r\n                .contains(\"is-open\")\r\n            ) {\r\n\r\n                mobileImage.src = \"\";\r\n\r\n            }\r\n\r\n        }, 280);\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       PRECEDENTE\r\n    ======================================================== *\/\r\n\r\n    function previousMobileImage() {\r\n\r\n        currentIndex =\r\n            (\r\n                currentIndex\r\n                - 1\r\n                + mobileCards.length\r\n            )\r\n            % mobileCards.length;\r\n\r\n        showMobileImage(\r\n            currentIndex\r\n        );\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       SUCCESSIVA\r\n    ======================================================== *\/\r\n\r\n    function nextMobileImage() {\r\n\r\n        currentIndex =\r\n            (\r\n                currentIndex\r\n                + 1\r\n            )\r\n            % mobileCards.length;\r\n\r\n        showMobileImage(\r\n            currentIndex\r\n        );\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CLICK TAVOLE\r\n    ======================================================== *\/\r\n\r\n    mobileCards.forEach(\r\n        function (card, index) {\r\n\r\n            card.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    openMobileLightbox(\r\n                        index\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            card.addEventListener(\r\n                \"keydown\",\r\n                function (event) {\r\n\r\n                    if (\r\n                        event.key === \"Enter\"\r\n                        ||\r\n                        event.key === \" \"\r\n                    ) {\r\n\r\n                        event.preventDefault();\r\n\r\n                        openMobileLightbox(\r\n                            index\r\n                        );\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       X\r\n    ======================================================== *\/\r\n\r\n    closeButton.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            event.stopPropagation();\r\n\r\n            closeMobileLightbox();\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       FRECCIA SX\r\n    ======================================================== *\/\r\n\r\n    prevButton.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            event.stopPropagation();\r\n\r\n            previousMobileImage();\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       FRECCIA DX\r\n    ======================================================== *\/\r\n\r\n    nextButton.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            event.stopPropagation();\r\n\r\n            nextMobileImage();\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       CLICK SUL NERO\r\n    ======================================================== *\/\r\n\r\n    mobileLightbox.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target\r\n                ===\r\n                mobileLightbox\r\n            ) {\r\n\r\n                closeMobileLightbox();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO TASTO DESTRO\r\n    ======================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"contextmenu\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target.closest(\r\n                    \".gn-h4m-gallery\"\r\n                )\r\n                ||\r\n                event.target.closest(\r\n                    \".gn-h4m-lightbox\"\r\n                )\r\n            ) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ========================================================\r\n       BLOCCO DRAG\r\n    ======================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"dragstart\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.target.closest(\r\n                    \".gn-h4m-gallery\"\r\n                )\r\n                ||\r\n                event.target.closest(\r\n                    \".gn-h4m-lightbox\"\r\n                )\r\n            ) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba2792 elementor-widget elementor-widget-heading\" data-id=\"4ba2792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Questa \u00e8 soltanto una parte della storia.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bed1e2 e-transform elementor-widget elementor-widget-image\" data-id=\"1bed1e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_flipY_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53af790 elementor-widget elementor-widget-heading\" data-id=\"53af790\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VOLUME I - CHICAGO \u2022 PROSSIMAMENTE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7cf9774 e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"7cf9774\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cbc12f elementor-widget elementor-widget-image\" data-id=\"9cbc12f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f54d114 elementor-widget elementor-widget-heading\" data-id=\"f54d114\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dalle parole alle immagini<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5578cd elementor-widget elementor-widget-heading\" data-id=\"d5578cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Una scena nasce prima sulla pagina.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-462b399 elementor-widget elementor-widget-heading\" data-id=\"462b399\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Poi prende forma, luce  e volto.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-052e209 elementor-widget elementor-widget-html\" data-id=\"052e209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   FASE 5 - DALLE PAROLE ALLE IMMAGINI\r\n\r\n   MOBILE MASTER\r\n\r\n   STRUTTURA:\r\n   META\r\n   ESTRATTO\r\n   \u2193\r\n   TAVOLA\r\n\r\n   LIGHTBOX:\r\n   - ESTRATTI: ZOOM 100%\r\n   - TAVOLE: ZOOM 100%\r\n\r\n   PROTEZIONE IMMAGINI\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   NASCOSTO SU DESKTOP\r\n============================================================ *\/\r\n\r\n.gn-h5m-compare {\r\n\r\n    display: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gn-h5m-compare {\r\n\r\n        --h5m-gold: #c99550;\r\n        --h5m-gold-light: #dcb77e;\r\n        --h5m-ivory: #eee1ce;\r\n        --h5m-line: rgba(201, 149, 80, 0.34);\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        margin: 0 auto;\r\n\r\n        padding: 0 18px;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       SINGOLA SCENA\r\n    ======================================================== *\/\r\n\r\n    .gn-h5m-row {\r\n\r\n        position: relative;\r\n\r\n        width: 100%;\r\n\r\n        margin: 0;\r\n\r\n        padding:\r\n            30px\r\n            0\r\n            34px;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--h5m-line);\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    .gn-h5m-row:first-child {\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--h5m-line);\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       META\r\n       NUMERO + LUOGO + ANNO\r\n    ======================================================== *\/\r\n\r\n    .gn-h5m-meta {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        width: 100%;\r\n\r\n        margin:\r\n            0\r\n            auto\r\n            20px;\r\n\r\n        font-family:\r\n            \"Cormorant Garamond\",\r\n            Georgia,\r\n            serif;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n\r\n    .gn-h5m-number {\r\n\r\n        flex: 0 0 auto;\r\n\r\n        margin:\r\n            0\r\n            22px\r\n            0\r\n            0;\r\n\r\n        color:\r\n            var(--h5m-gold-light);\r\n\r\n        font-size:\r\n            clamp(46px, 14vw, 58px);\r\n\r\n        font-weight: 400;\r\n\r\n        line-height: .85;\r\n\r\n        letter-spacing: .01em;\r\n    }\r\n\r\n\r\n    .gn-h5m-meta-copy {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: flex-start;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    .gn-h5m-place {\r\n\r\n        margin: 0;\r\n\r\n        max-width: 230px;\r\n\r\n        color:\r\n            var(--h5m-gold);\r\n\r\n        font-size:\r\n              clamp(13px, 3.8vw, 15px);\r\n\r\n        font-weight: 500;\r\n\r\n        line-height: 1.18;\r\n\r\n        letter-spacing: .055em;\r\n\r\n        text-transform: uppercase;\r\n    }\r\n\r\n\r\n    .gn-h5m-year {\r\n\r\n        margin:\r\n            6px\r\n            0\r\n            0;\r\n\r\n        color:\r\n            var(--h5m-gold-light);\r\n\r\n        font-size:\r\n            16px;\r\n\r\n        font-weight: 500;\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: .09em;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       ESTRATTO DAL ROMANZO\r\n    ======================================================== *\/\r\n\r\n    .gn-h5m-excerpt {\r\n\r\n        position: relative;\r\n\r\n        width: 100%;\r\n\r\n        aspect-ratio: 1.62 \/ 1;\r\n\r\n        margin: 0;\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            #e8ddc8;\r\n\r\n        box-shadow:\r\n            0 12px 28px\r\n            rgba(0, 0, 0, .28);\r\n\r\n        cursor: pointer;\r\n\r\n        box-sizing: border-box;\r\n\r\n        -webkit-tap-highlight-color:\r\n            transparent;\r\n    }\r\n\r\n\r\n    .gn-h5m-excerpt img {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        margin: 0;\r\n\r\n        object-fit: cover;\r\n\r\n        object-position:\r\n            var(--m-excerpt-x, 50%)\r\n            var(--m-excerpt-y, 50%);\r\n\r\n        transform:\r\n            scale(\r\n                var(--m-excerpt-zoom, 1)\r\n            );\r\n\r\n        transform-origin:\r\n            var(--m-excerpt-x, 50%)\r\n            var(--m-excerpt-y, 50%);\r\n\r\n        user-select: none;\r\n\r\n        -webkit-user-select: none;\r\n        -webkit-user-drag: none;\r\n        -webkit-touch-callout: none;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       FRECCIA VERTICALE\r\n    ======================================================== *\/\r\n\r\n    .gn-h5m-arrow {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        width: 100%;\r\n\r\n        height: 46px;\r\n\r\n        margin: 2px 0;\r\n\r\n        color:\r\n            var(--h5m-gold);\r\n\r\n        font-family:\r\n            Georgia,\r\n            serif;\r\n\r\n        font-size: 35px;\r\n\r\n        font-weight: 300;\r\n\r\n        line-height: 1;\r\n\r\n        opacity: .88;\r\n\r\n        user-select: none;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       STRIP TAVOLA MOBILE\r\n    ======================================================== *\/\r\n\r\n    .gn-h5m-panel {\r\n\r\n        position: relative;\r\n\r\n        width: 100%;\r\n\r\n        aspect-ratio: 1.55 \/ 1;\r\n\r\n        margin: 0;\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            #080a0c;\r\n\r\n        box-shadow:\r\n            0 14px 32px\r\n            rgba(0, 0, 0, .36);\r\n\r\n        cursor: zoom-in;\r\n\r\n        box-sizing: border-box;\r\n\r\n        -webkit-tap-highlight-color:\r\n            transparent;\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       POSIZIONE TAVOLA MOBILE\r\n\r\n       --m-pos-x\r\n       --m-pos-y\r\n       --m-zoom\r\n    ======================================================== *\/\r\n\r\n    .gn-h5m-panel img {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        margin: 0;\r\n\r\n        object-fit: cover;\r\n\r\n        object-position:\r\n            var(--m-pos-x, 50%)\r\n            var(--m-pos-y, 50%);\r\n\r\n        transform:\r\n            scale(\r\n                var(--m-zoom, 1)\r\n            );\r\n\r\n        transform-origin:\r\n            var(--m-pos-x, 50%)\r\n            var(--m-pos-y, 50%);\r\n\r\n        user-select: none;\r\n\r\n        -webkit-user-select: none;\r\n        -webkit-user-drag: none;\r\n        -webkit-touch-callout: none;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LIGHTBOX MOBILE\r\n============================================================ *\/\r\n\r\n.gn-h5m-lightbox {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 99999999;\r\n\r\n    background:\r\n        rgba(0, 0, 0, .96);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity .22s ease,\r\n        visibility .22s ease;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h5m-lightbox.is-open {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   VIEWPORT LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h5m-lightbox__viewport {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        54px\r\n        12px\r\n        24px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    -webkit-overflow-scrolling:\r\n        touch;\r\n\r\n    overscroll-behavior:\r\n        contain;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE LIGHTBOX\r\n   STATO ADATTATO\r\n============================================================ *\/\r\n\r\n.gn-h5m-lightbox__image {\r\n\r\n    display: block;\r\n\r\n    width: auto !important;\r\n    height: auto !important;\r\n\r\n    max-width:\r\n        94vw !important;\r\n\r\n    max-height:\r\n        88svh !important;\r\n\r\n    margin: 0;\r\n\r\n    object-fit:\r\n        contain;\r\n\r\n    box-shadow:\r\n        0 22px 60px\r\n        rgba(0, 0, 0, .78);\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n    cursor: default;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ESTRATTI E TAVOLE POSSONO ESSERE ZOOMATI\r\n============================================================ *\/\r\n\r\n.gn-h5m-lightbox.can-zoom\r\n.gn-h5m-lightbox__image {\r\n\r\n    cursor: zoom-in;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ZOOM 100%\r\n   ESTRATTI + TAVOLE\r\n============================================================ *\/\r\n\r\n.gn-h5m-lightbox.can-zoom.is-zoomed\r\n.gn-h5m-lightbox__viewport {\r\n\r\n    display: block;\r\n\r\n    overflow: auto;\r\n\r\n    padding:\r\n        54px\r\n        12px\r\n        24px;\r\n}\r\n\r\n\r\n.gn-h5m-lightbox.can-zoom.is-zoomed\r\n.gn-h5m-lightbox__image {\r\n\r\n    max-width:\r\n        none !important;\r\n\r\n    max-height:\r\n        none !important;\r\n\r\n    margin: 0 auto;\r\n\r\n    cursor: zoom-out;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   X LIGHTBOX MOBILE\r\n============================================================ *\/\r\n\r\n.gn-h5m-lightbox\r\n.gn-h5m-lightbox__close,\r\n\r\n.gn-h5m-lightbox\r\n.gn-h5m-lightbox__close:hover,\r\n\r\n.gn-h5m-lightbox\r\n.gn-h5m-lightbox__close:focus,\r\n\r\n.gn-h5m-lightbox\r\n.gn-h5m-lightbox__close:active {\r\n\r\n    position: fixed;\r\n\r\n    top: 10px;\r\n    right: 12px;\r\n\r\n    z-index: 20;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    background-color:\r\n        transparent !important;\r\n\r\n    border:\r\n        none !important;\r\n\r\n    border-radius:\r\n        0 !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    outline:\r\n        none !important;\r\n\r\n    color:\r\n        rgba(\r\n            201,\r\n            154,\r\n            91,\r\n            .82\r\n        ) !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif !important;\r\n\r\n    font-size:\r\n        42px !important;\r\n\r\n    font-weight:\r\n        300 !important;\r\n\r\n    line-height:\r\n        1 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transform:\r\n        none !important;\r\n\r\n    transition:\r\n        none !important;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SICUREZZA EXTRA:\r\n   IL LIGHTBOX MOBILE NON SERVE SU DESKTOP\r\n============================================================ *\/\r\n\r\n@media (min-width: 768px) {\r\n\r\n    .gn-h5m-lightbox {\r\n\r\n        display: none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     FASE 5 MOBILE\r\n     TRE SCENE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h5m-compare\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SCENA 01\r\n    ====================================================== -->\r\n\r\n    <section class=\"gn-h5m-row\">\r\n\r\n\r\n        <!-- META -->\r\n\r\n        <div class=\"gn-h5m-meta\">\r\n\r\n            <div class=\"gn-h5m-number\">\r\n                01\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gn-h5m-meta-copy\">\r\n\r\n                <div class=\"gn-h5m-place\">\r\n                    Ristorante dei Williamson\r\n                <\/div>\r\n\r\n                <div class=\"gn-h5m-year\">\r\n                    1908\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ESTRATTO -->\r\n\r\n        <figure\r\n            class=\"gn-h5m-excerpt gn-h5m-lightbox-trigger\"\r\n            data-lightbox-type=\"excerpt\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri l'estratto 01\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/estratto-testo-1.webp\"\r\n                alt=\"Estratto dal romanzo SPEAKEASY 01\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --m-excerpt-x: 50%;\r\n                    --m-excerpt-y: 50%;\r\n                    --m-excerpt-zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n        <!-- FRECCIA -->\r\n\r\n        <div\r\n            class=\"gn-h5m-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            \u2193\r\n        <\/div>\r\n\r\n\r\n        <!-- TAVOLA -->\r\n\r\n        <figure\r\n            class=\"gn-h5m-panel gn-h5m-lightbox-trigger\"\r\n            data-lightbox-type=\"panel\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri la tavola 01\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/tavola-01.webp\"\r\n                alt=\"Tavola Graphic Novel 01\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --m-pos-x: 50%;\r\n                    --m-pos-y: 28%;\r\n                    --m-zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SCENA 02\r\n    ====================================================== -->\r\n\r\n    <section class=\"gn-h5m-row\">\r\n\r\n\r\n        <!-- META -->\r\n\r\n        <div class=\"gn-h5m-meta\">\r\n\r\n            <div class=\"gn-h5m-number\">\r\n                02\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gn-h5m-meta-copy\">\r\n\r\n                <div class=\"gn-h5m-place\">\r\n                    Accademia Volkova\r\n                <\/div>\r\n\r\n                <div class=\"gn-h5m-year\">\r\n                    1919\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ESTRATTO -->\r\n\r\n        <figure\r\n            class=\"gn-h5m-excerpt gn-h5m-lightbox-trigger\"\r\n            data-lightbox-type=\"excerpt\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri l'estratto 02\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/estratto-testo-2.webp\"\r\n                alt=\"Estratto dal romanzo SPEAKEASY 02\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --m-excerpt-x: 50%;\r\n                    --m-excerpt-y: 50%;\r\n                    --m-excerpt-zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n        <!-- FRECCIA -->\r\n\r\n        <div\r\n            class=\"gn-h5m-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            \u2193\r\n        <\/div>\r\n\r\n\r\n        <!-- TAVOLA -->\r\n\r\n        <figure\r\n            class=\"gn-h5m-panel gn-h5m-lightbox-trigger\"\r\n            data-lightbox-type=\"panel\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri la tavola 02\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-riga-2.webp\"\r\n                alt=\"Tavola Graphic Novel 02\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --m-pos-x: 50%;\r\n                    --m-pos-y: 29%;\r\n                    --m-zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SCENA 03\r\n    ====================================================== -->\r\n\r\n    <section class=\"gn-h5m-row\">\r\n\r\n\r\n        <!-- META -->\r\n\r\n        <div class=\"gn-h5m-meta\">\r\n\r\n            <div class=\"gn-h5m-number\">\r\n                03\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gn-h5m-meta-copy\">\r\n\r\n                <div class=\"gn-h5m-place\">\r\n                    Silver Moon\r\n                <\/div>\r\n\r\n                <div class=\"gn-h5m-year\">\r\n                    1921\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ESTRATTO -->\r\n\r\n        <figure\r\n            class=\"gn-h5m-excerpt gn-h5m-lightbox-trigger\"\r\n            data-lightbox-type=\"excerpt\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri l'estratto 03\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/estratto-testo-3.webp\"\r\n                alt=\"Estratto dal romanzo SPEAKEASY 03\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --m-excerpt-x: 50%;\r\n                    --m-excerpt-y: 50%;\r\n                    --m-excerpt-zoom: 1;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n        <!-- FRECCIA -->\r\n\r\n        <div\r\n            class=\"gn-h5m-arrow\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            \u2193\r\n        <\/div>\r\n\r\n\r\n        <!-- TAVOLA -->\r\n\r\n        <figure\r\n            class=\"gn-h5m-panel gn-h5m-lightbox-trigger\"\r\n            data-lightbox-type=\"panel\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Apri la tavola 03\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-riga-3.webp\"\r\n                alt=\"Tavola Graphic Novel 03\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n                style=\"\r\n                    --m-pos-x: 50%;\r\n                    --m-pos-y: 50%;\r\n                    --m-zoom: 1.15;\r\n                \"\r\n            >\r\n\r\n        <\/figure>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX MOBILE\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"gn-h5m-lightbox\"\r\n    id=\"gn-h5m-lightbox\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <button\r\n        class=\"gn-h5m-lightbox__close\"\r\n        type=\"button\"\r\n        aria-label=\"Chiudi l'anteprima\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n    <div class=\"gn-h5m-lightbox__viewport\">\r\n\r\n        <img decoding=\"async\"\r\n            class=\"gn-h5m-lightbox__image\"\r\n            src=\"\"\r\n            alt=\"\"\r\n            draggable=\"false\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\/* ============================================================\r\n   SPEAKEASY - HERO 5 MOBILE\r\n\r\n   ESTRATTI:\r\n   LIGHTBOX + ZOOM 100%\r\n\r\n   TAVOLE:\r\n   LIGHTBOX + ZOOM 100%\r\n\r\n   PROTEZIONE IMMAGINI\r\n============================================================ *\/\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        const hero =\r\n            document.querySelector(\r\n                \".gn-h5m-compare\"\r\n            );\r\n\r\n\r\n        const lightbox =\r\n            document.getElementById(\r\n                \"gn-h5m-lightbox\"\r\n            );\r\n\r\n\r\n        if (!hero || !lightbox) return;\r\n\r\n\r\n        const triggers =\r\n            Array.from(\r\n                hero.querySelectorAll(\r\n                    \".gn-h5m-lightbox-trigger\"\r\n                )\r\n            );\r\n\r\n\r\n        const viewport =\r\n            lightbox.querySelector(\r\n                \".gn-h5m-lightbox__viewport\"\r\n            );\r\n\r\n\r\n        const lightboxImage =\r\n            lightbox.querySelector(\r\n                \".gn-h5m-lightbox__image\"\r\n            );\r\n\r\n\r\n        const closeButton =\r\n            lightbox.querySelector(\r\n                \".gn-h5m-lightbox__close\"\r\n            );\r\n\r\n\r\n        let currentCanZoom =\r\n            false;\r\n\r\n\r\n        let oldBodyOverflow =\r\n            \"\";\r\n\r\n\r\n        let oldHtmlOverflow =\r\n            \"\";\r\n\r\n\r\n        \/* ====================================================\r\n           RESET ZOOM\r\n        ==================================================== *\/\r\n\r\n        function resetZoom() {\r\n\r\n            lightbox.classList.remove(\r\n                \"is-zoomed\"\r\n            );\r\n\r\n\r\n            lightboxImage.style.width =\r\n                \"\";\r\n\r\n\r\n            lightboxImage.style.height =\r\n                \"\";\r\n\r\n\r\n            viewport.scrollLeft =\r\n                0;\r\n\r\n\r\n            viewport.scrollTop =\r\n                0;\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           APERTURA\r\n        ==================================================== *\/\r\n\r\n        function openLightbox(trigger) {\r\n\r\n            const sourceImage =\r\n                trigger.querySelector(\r\n                    \"img\"\r\n                );\r\n\r\n\r\n            if (!sourceImage) return;\r\n\r\n\r\n            resetZoom();\r\n\r\n\r\n            \/* ================================================\r\n               SIA ESTRATTI SIA TAVOLE POSSONO ZOOMARE\r\n            ================================================ *\/\r\n\r\n            currentCanZoom =\r\n                trigger.dataset.lightboxType\r\n                === \"panel\"\r\n                ||\r\n                trigger.dataset.lightboxType\r\n                === \"excerpt\";\r\n\r\n\r\n            if (currentCanZoom) {\r\n\r\n                lightbox.classList.add(\r\n                    \"can-zoom\"\r\n                );\r\n\r\n            } else {\r\n\r\n                lightbox.classList.remove(\r\n                    \"can-zoom\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            lightboxImage.src =\r\n                sourceImage.currentSrc\r\n                ||\r\n                sourceImage.src;\r\n\r\n\r\n            lightboxImage.alt =\r\n                sourceImage.alt;\r\n\r\n\r\n            lightbox.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            oldBodyOverflow =\r\n                document.body\r\n                    .style\r\n                    .overflow;\r\n\r\n\r\n            oldHtmlOverflow =\r\n                document.documentElement\r\n                    .style\r\n                    .overflow;\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"hidden\";\r\n\r\n\r\n            document.documentElement\r\n                .style\r\n                .overflow =\r\n                \"hidden\";\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           CHIUSURA\r\n        ==================================================== *\/\r\n\r\n        function closeLightbox() {\r\n\r\n            resetZoom();\r\n\r\n\r\n            currentCanZoom =\r\n                false;\r\n\r\n\r\n            lightbox.classList.remove(\r\n                \"can-zoom\"\r\n            );\r\n\r\n\r\n            lightbox.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                oldBodyOverflow;\r\n\r\n\r\n            document.documentElement\r\n                .style\r\n                .overflow =\r\n                oldHtmlOverflow;\r\n\r\n\r\n            setTimeout(\r\n                function () {\r\n\r\n                    if (\r\n                        !lightbox.classList\r\n                            .contains(\r\n                                \"is-open\"\r\n                            )\r\n                    ) {\r\n\r\n                        lightboxImage.src =\r\n                            \"\";\r\n\r\n                    }\r\n\r\n                },\r\n                250\r\n            );\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           ZOOM 100%\r\n           ESTRATTI + TAVOLE\r\n        ==================================================== *\/\r\n\r\n        function zoomTo100() {\r\n\r\n            if (!currentCanZoom)\r\n                return;\r\n\r\n\r\n            if (\r\n                !lightboxImage.naturalWidth\r\n                ||\r\n                !lightboxImage.naturalHeight\r\n            ) return;\r\n\r\n\r\n            lightbox.classList.add(\r\n                \"is-zoomed\"\r\n            );\r\n\r\n\r\n            lightboxImage.style.width =\r\n                lightboxImage.naturalWidth\r\n                +\r\n                \"px\";\r\n\r\n\r\n            lightboxImage.style.height =\r\n                lightboxImage.naturalHeight\r\n                +\r\n                \"px\";\r\n\r\n\r\n            requestAnimationFrame(\r\n                function () {\r\n\r\n                    viewport.scrollLeft =\r\n                        Math.max(\r\n                            0,\r\n                            (\r\n                                viewport.scrollWidth\r\n                                -\r\n                                viewport.clientWidth\r\n                            )\r\n                            \/\r\n                            2\r\n                        );\r\n\r\n\r\n                    viewport.scrollTop =\r\n                        Math.max(\r\n                            0,\r\n                            (\r\n                                viewport.scrollHeight\r\n                                -\r\n                                viewport.clientHeight\r\n                            )\r\n                            \/\r\n                            2\r\n                        );\r\n\r\n                }\r\n            );\r\n        }\r\n\r\n\r\n        \/* ====================================================\r\n           CLICK IMMAGINE LIGHTBOX\r\n\r\n           ESTRATTO + TAVOLA:\r\n           FIT \u2194 100%\r\n        ==================================================== *\/\r\n\r\n        lightboxImage.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.stopPropagation();\r\n\r\n\r\n                if (!currentCanZoom)\r\n                    return;\r\n\r\n\r\n                if (\r\n                    lightbox.classList\r\n                        .contains(\r\n                            \"is-zoomed\"\r\n                        )\r\n                ) {\r\n\r\n                    resetZoom();\r\n\r\n                } else {\r\n\r\n                    zoomTo100();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ====================================================\r\n           APERTURA ELEMENTI\r\n        ==================================================== *\/\r\n\r\n        triggers.forEach(\r\n            function (trigger) {\r\n\r\n                trigger.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        openLightbox(\r\n                            trigger\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                trigger.addEventListener(\r\n                    \"keydown\",\r\n                    function (event) {\r\n\r\n                        if (\r\n                            event.key\r\n                                ===\r\n                                \"Enter\"\r\n                            ||\r\n                            event.key\r\n                                ===\r\n                                \" \"\r\n                        ) {\r\n\r\n                            event.preventDefault();\r\n\r\n\r\n                            openLightbox(\r\n                                trigger\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ====================================================\r\n           X\r\n        ==================================================== *\/\r\n\r\n        closeButton.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.stopPropagation();\r\n\r\n                closeLightbox();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ====================================================\r\n           CLICK SUL NERO\r\n        ==================================================== *\/\r\n\r\n        lightbox.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target\r\n                        ===\r\n                        lightbox\r\n                    ||\r\n                    event.target\r\n                        ===\r\n                        viewport\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ====================================================\r\n           ESC\r\n        ==================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !lightbox.classList\r\n                        .contains(\r\n                            \"is-open\"\r\n                        )\r\n                ) return;\r\n\r\n\r\n                if (\r\n                    event.key\r\n                        ===\r\n                        \"Escape\"\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ====================================================\r\n           BLOCCO MENU CONTESTUALE\r\n        ==================================================== *\/\r\n\r\n        hero.addEventListener(\r\n            \"contextmenu\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target\r\n                        .closest(\r\n                            \"img\"\r\n                        )\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"contextmenu\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ====================================================\r\n           BLOCCO DRAG\r\n        ==================================================== *\/\r\n\r\n        hero.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target\r\n                        .closest(\r\n                            \"img\"\r\n                        )\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ====================================================\r\n           BLOCCO SELEZIONE \/ LONG PRESS\r\n        ==================================================== *\/\r\n\r\n        document\r\n            .querySelectorAll(\r\n                \".gn-h5m-compare img, .gn-h5m-lightbox img\"\r\n            )\r\n            .forEach(\r\n                function (img) {\r\n\r\n                    img.setAttribute(\r\n                        \"draggable\",\r\n                        \"false\"\r\n                    );\r\n\r\n\r\n                    img.style.userSelect =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitUserSelect =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitUserDrag =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitTouchCallout =\r\n                        \"none\";\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* ====================================================\r\n           BLOCCO CTRL\/CMD + S\r\n        ==================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                const lightboxOpen =\r\n                    lightbox.classList\r\n                        .contains(\r\n                            \"is-open\"\r\n                        );\r\n\r\n\r\n                const insideHero =\r\n                    hero.matches(\r\n                        \":hover\"\r\n                    )\r\n                    ||\r\n                    hero.contains(\r\n                        document.activeElement\r\n                    );\r\n\r\n\r\n                if (\r\n                    !lightboxOpen\r\n                    &&\r\n                    !insideHero\r\n                ) return;\r\n\r\n\r\n                if (\r\n                    (\r\n                        event.ctrlKey\r\n                        ||\r\n                        event.metaKey\r\n                    )\r\n                    &&\r\n                    event.key\r\n                        .toLowerCase()\r\n                        ===\r\n                        \"s\"\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f746121 elementor-widget elementor-widget-heading\" data-id=\"f746121\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Volume I - Chicago \u00e8 solo l'inizio.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a09313 e-transform elementor-widget elementor-widget-image\" data-id=\"4a09313\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_flipY_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de4c647 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"de4c647\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7034f44 e-con-full e-flex e-con e-child\" data-id=\"7034f44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e634a elementor-widget elementor-widget-html\" data-id=\"d3e634a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 6 - CINEMATIC ILLUSTRATION\r\n   BLOCCO TESTUALE DESKTOP\r\n\r\n   - TESTO PRINCIPALE A SINISTRA\r\n   - CLAIM FINALE CENTRATO\r\n   - 3 DIVISORI CENTRATI\r\n   - INVITO INTERAZIONE IN FONDO CENTRATO\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE\r\n============================================================ *\/\r\n\r\n.gn-h6-copy {\r\n\r\n    --h6-gold: #C99550;\r\n    --h6-gold-title: #D8B578;\r\n    --h6-gold-soft: #CDA463;\r\n\r\n    --h6-ivory: #E8DDCB;\r\n    --h6-text: #DDD2C1;\r\n\r\n\r\n    \/* ========================================================\r\n       LUNGHEZZA DIVISORI\r\n    ======================================================== *\/\r\n\r\n    --h6-divider-1: 270px;\r\n    --h6-divider-2: 440px;\r\n    --h6-divider-3: 150px;\r\n\r\n\r\n    width: 100%;\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    text-align: left;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   EYEBROW\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__eyebrow {\r\n\r\n    margin: 0 0 18px;\r\n\r\n    color: var(--h6-gold);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .30em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TITOLO\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__title {\r\n\r\n    margin: 0 0 20px;\r\n\r\n    color: var(--h6-gold-title);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(76px,5.3vw,92px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .88;\r\n\r\n    letter-spacing: -.025em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.gn-h6-copy__title span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOTTOTITOLO\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__subtitle {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--h6-gold-soft);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 24px;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.30;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SISTEMA COMUNE DIVISORI\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__divider,\r\n.gn-h6-copy__closing-divider,\r\n.gn-h6-copy__end-mark {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h6-copy__divider-line,\r\n.gn-h6-copy__closing-divider-line,\r\n.gn-h6-copy__end-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    height: 1px;\r\n\r\n    min-height: 1px;\r\n\r\n    background-color: #C99550;\r\n\r\n    opacity: .72;\r\n}\r\n\r\n\r\n.gn-h6-copy__divider-diamond,\r\n.gn-h6-copy__closing-divider-diamond,\r\n.gn-h6-copy__end-diamond {\r\n\r\n    display: block;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    margin: 0 13px;\r\n\r\n    border:\r\n        1px solid\r\n        #C99550;\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE 1\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__divider {\r\n\r\n    width: var(--h6-divider-1);\r\n\r\n    margin:\r\n        30px\r\n        auto\r\n        30px;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CORPO TESTO\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__body {\r\n\r\n    width: 100%;\r\n    max-width: 610px;\r\n}\r\n\r\n\r\n.gn-h6-copy__body p {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        20px;\r\n\r\n    color: var(--h6-text);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.55;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: left;\r\n}\r\n\r\n\r\n.gn-h6-copy__body p:last-child {\r\n\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   PRIMA FRASE\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__intro {\r\n\r\n    color:\r\n        var(--h6-ivory) !important;\r\n\r\n    font-size:\r\n        21px !important;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CHIUSURA\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__closing {\r\n\r\n    width: 100%;\r\n    max-width: 610px;\r\n\r\n    margin-top: 38px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE 2\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__closing-divider {\r\n\r\n    width: var(--h6-divider-2);\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        22px;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CLAIM FINALE\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__closing-text {\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--h6-gold-title);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 27px;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.27;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.gn-h6-copy__closing-text strong {\r\n\r\n    color:\r\n        var(--h6-gold-title);\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE 3\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__end-mark {\r\n\r\n    width: var(--h6-divider-3);\r\n\r\n    margin:\r\n        22px\r\n        auto\r\n        0;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   INVITO INTERAZIONE\r\n   SOTTO TUTTO - CENTRATO\r\n============================================================ *\/\r\n\r\n.gn-h6-copy__explore {\r\n\r\n    width: 100%;\r\n    max-width: 610px;\r\n\r\n    margin:\r\n        32px\r\n        0\r\n        0;\r\n\r\n    color:\r\n        #DDD2C1;\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.35;\r\n\r\n    letter-spacing: .01em;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DESKTOP MEDIO\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) and (max-width:1200px) {\r\n\r\n    .gn-h6-copy {\r\n\r\n        --h6-divider-1: 230px;\r\n        --h6-divider-2: 230px;\r\n        --h6-divider-3: 230px;\r\n    }\r\n\r\n\r\n    .gn-h6-copy__eyebrow {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .gn-h6-copy__title {\r\n\r\n        font-size:\r\n            clamp(50px,5vw,70px);\r\n    }\r\n\r\n\r\n    .gn-h6-copy__subtitle {\r\n\r\n        font-size: 21px;\r\n    }\r\n\r\n\r\n    .gn-h6-copy__divider {\r\n\r\n        margin:\r\n            25px\r\n            auto\r\n            26px;\r\n    }\r\n\r\n\r\n    .gn-h6-copy__body p {\r\n\r\n        font-size: 18px;\r\n    }\r\n\r\n\r\n    .gn-h6-copy__intro {\r\n\r\n        font-size:\r\n            19px !important;\r\n    }\r\n\r\n\r\n    .gn-h6-copy__closing-text {\r\n\r\n        font-size: 24px;\r\n    }\r\n\r\n\r\n    .gn-h6-copy__explore {\r\n\r\n        font-size: 18px;\r\n\r\n        margin-top: 24px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .gn-h6-copy {\r\n\r\n        display: none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"gn-h6-copy\">\r\n\r\n\r\n    <div class=\"gn-h6-copy__eyebrow\">\r\n        Lo stile visivo\r\n    <\/div>\r\n\r\n\r\n    <h2 class=\"gn-h6-copy__title\">\r\n\r\n        <span>Cinematic<\/span>\r\n        <span>Illustration<\/span>\r\n\r\n    <\/h2>\r\n\r\n\r\n    <div class=\"gn-h6-copy__subtitle\">\r\n        Pittura, luce e composizione cinematografica.\r\n    <\/div>\r\n\r\n\r\n    <!-- DIVISORE 1 -->\r\n\r\n    <div\r\n        class=\"gn-h6-copy__divider\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <span class=\"gn-h6-copy__divider-line\"><\/span>\r\n        <span class=\"gn-h6-copy__divider-diamond\"><\/span>\r\n        <span class=\"gn-h6-copy__divider-line\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TESTO -->\r\n\r\n    <div class=\"gn-h6-copy__body\">\r\n\r\n        <p class=\"gn-h6-copy__intro\">\r\n            SPEAKEASY - THE GRAPHIC NOVEL non cerca il fotorealismo.\r\n        <\/p>\r\n\r\n        <p>\r\n            Ogni tavola nasce come un'illustrazione pittorica e viene\r\n            costruita attraverso il linguaggio del cinema: inquadratura,\r\n            luce, profondit\u00e0, colore e atmosfera.\r\n        <\/p>\r\n\r\n        <p>\r\n            Pennellate visibili, volti espressivi, ombre morbide e dettagli\r\n            Art D\u00e9co trasformano ogni scena in un'immagine sospesa tra\r\n            romanzo illustrato e grande schermo.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CHIUSURA -->\r\n\r\n    <div class=\"gn-h6-copy__closing\">\r\n\r\n\r\n        <!-- DIVISORE 2 -->\r\n\r\n        <div\r\n            class=\"gn-h6-copy__closing-divider\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <span class=\"gn-h6-copy__closing-divider-line\"><\/span>\r\n            <span class=\"gn-h6-copy__closing-divider-diamond\"><\/span>\r\n            <span class=\"gn-h6-copy__closing-divider-line\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CLAIM -->\r\n\r\n        <p class=\"gn-h6-copy__closing-text\">\r\n\r\n            L'obiettivo non \u00e8 riprodurre la realt\u00e0.<br>\r\n\r\n            <strong>\u00c8 farla sentire.<\/strong>\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- DIVISORE 3 -->\r\n\r\n        <div\r\n            class=\"gn-h6-copy__end-mark\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <span class=\"gn-h6-copy__end-line\"><\/span>\r\n            <span class=\"gn-h6-copy__end-diamond\"><\/span>\r\n            <span class=\"gn-h6-copy__end-line\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- INVITO INTERAZIONE -->\r\n\r\n    <p class=\"gn-h6-copy__explore\">\r\n        Clicca sull'immagine per immergerti nei dettagli del Cinematic Illustration.\r\n    <\/p>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c33611b e-con-full e-flex e-con e-child\" data-id=\"c33611b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11185ae elementor-widget elementor-widget-html\" data-id=\"11185ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 6 - CINEMATIC ILLUSTRATION\r\n\r\n   DESKTOP\r\n   LIGHTBOX EDITORIALE\r\n\r\n   3 DETTAGLI SX\r\n   OPERA CENTRALE\r\n   3 DETTAGLI DX\r\n\r\n   ETICHETTE HTML TRANSLATEPRESS\r\n   ZOOM 100% NATIVO\r\n   PROTEZIONE IMMAGINI\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   VARIABILI\r\n============================================================ *\/\r\n\r\n.gn-h6-artwork,\r\n.gn-h6-lightbox {\r\n\r\n    --h6-gold: #C99550;\r\n    --h6-gold-light: #DCB77E;\r\n    --h6-ivory: #E8DDCB;\r\n    --h6-black: #08090B;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE HERO\r\n============================================================ *\/\r\n\r\n.gn-h6-artwork {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 620px;\r\n\r\n    margin: 0 auto;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.gn-h6-artwork__figure {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    aspect-ratio: 2 \/ 3;\r\n\r\n    margin: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #08090B;\r\n\r\n    box-shadow:\r\n        0 24px 60px\r\n        rgba(0,0,0,.42);\r\n\r\n    cursor: zoom-in;\r\n\r\n    box-sizing: border-box;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent;\r\n\r\n}\r\n\r\n\r\n.gn-h6-artwork__figure img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .gn-h6-artwork,\r\n    .gn-h6-lightbox {\r\n\r\n        display: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999999;\r\n\r\n    background:\r\n        rgba(0,0,0,.97);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity .22s ease,\r\n        visibility .22s ease;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox.is-open {\r\n\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE GENERALE\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__inner {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        54px\r\n        40px\r\n        26px;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   LAYOUT\r\n\r\n   SX  |  CENTRO  |  DX\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__layout {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        150px\r\n        minmax(450px,850px)\r\n        150px;\r\n\r\n    column-gap: 34px;\r\n\r\n    align-items: center;\r\n\r\n    width:\r\n        min(100%,1320px);\r\n\r\n    height: 100%;\r\n\r\n    margin: 0 auto;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   COLONNE LATERALI\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__side {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 20px;\r\n\r\n    width: 100%;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   RESET BUTTON\r\n   BLOCCA STILI ELEMENTOR \/ TEMA\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb,\r\n.gn-h6-lightbox button.gn-h6-lightbox__full {\r\n\r\n    font: inherit !important;\r\n\r\n    color: inherit !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    filter: none !important;\r\n\r\n    text-shadow: none !important;\r\n\r\n    background-image: none !important;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ELIMINA PSEUDO-ELEMENTI TEMA\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb::before,\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb::after,\r\n.gn-h6-lightbox button.gn-h6-lightbox__full::before,\r\n.gn-h6-lightbox button.gn-h6-lightbox__full::after {\r\n\r\n    content: none !important;\r\n\r\n    display: none !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   BUTTON DETTAGLIO\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb {\r\n\r\n    display: flex !important;\r\n\r\n    flex-direction: column !important;\r\n\r\n    align-items: center !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 132px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    border: 0 !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    background-color:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    cursor: pointer !important;\r\n\r\n    opacity: .74 !important;\r\n\r\n    transform: none;\r\n\r\n    transition:\r\n        opacity .15s ease,\r\n        transform .15s ease !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CORNICE IMMAGINE MINIATURA\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__thumb-frame {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 116px;\r\n\r\n    aspect-ratio: 2 \/ 3;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.34);\r\n\r\n    background:\r\n        #08090B;\r\n\r\n    box-shadow:\r\n        0 10px 26px\r\n        rgba(0,0,0,.40);\r\n\r\n    box-sizing: border-box;\r\n\r\n    transition:\r\n        border-color .15s ease,\r\n        box-shadow .15s ease;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox__thumb-frame img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    pointer-events: none;\r\n\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ETICHETTA DETTAGLIO\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__thumb-label {\r\n\r\n    display: block;\r\n\r\n    width: 140px;\r\n\r\n    margin-top: 8px;\r\n\r\n    color:\r\n        rgba(232,221,203,.68);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.15;\r\n\r\n    letter-spacing: .105em;\r\n\r\n    text-align: center;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: normal;\r\n\r\n    transition:\r\n        color .15s ease;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   HOVER DETTAGLIO\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb:hover {\r\n\r\n    opacity: 1 !important;\r\n\r\n    border: 0 !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    transform:\r\n        scale(1.025) !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb:hover\r\n.gn-h6-lightbox__thumb-frame {\r\n\r\n    border-color:\r\n        #C99550 !important;\r\n\r\n    box-shadow:\r\n        0 0 0 2px\r\n        #C99550,\r\n        0 12px 30px\r\n        rgba(0,0,0,.52) !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb:hover\r\n.gn-h6-lightbox__thumb-label {\r\n\r\n    color:\r\n        #C99550 !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   FOCUS DETTAGLIO\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb:focus,\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb:focus-visible {\r\n\r\n    border: 0 !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb:focus\r\n.gn-h6-lightbox__thumb-frame,\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb:focus-visible\r\n.gn-h6-lightbox__thumb-frame {\r\n\r\n    border-color:\r\n        #C99550 !important;\r\n\r\n    box-shadow:\r\n        0 0 0 2px\r\n        #C99550 !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DETTAGLIO ATTIVO\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb.is-active {\r\n\r\n    opacity: 1 !important;\r\n\r\n    border: 0 !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    transform:\r\n        scale(1.03) !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb.is-active\r\n.gn-h6-lightbox__thumb-frame {\r\n\r\n    border-color:\r\n        #DCB77E !important;\r\n\r\n    box-shadow:\r\n        0 0 0 2px\r\n        #DCB77E,\r\n        0 12px 30px\r\n        rgba(0,0,0,.55) !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__thumb.is-active\r\n.gn-h6-lightbox__thumb-label {\r\n\r\n    color:\r\n        #DCB77E !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CENTRO\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__center {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   VIEWPORT\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__viewport {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n\r\n    height:\r\n        calc(100vh - 155px);\r\n\r\n    max-height: 850px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    overscroll-behavior: contain;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE CENTRALE - FIT\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__image {\r\n\r\n    display: block;\r\n\r\n    width: auto !important;\r\n    height: auto !important;\r\n\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n\r\n    margin: auto;\r\n\r\n    object-fit: contain;\r\n\r\n    box-shadow:\r\n        0 24px 70px\r\n        rgba(0,0,0,.74);\r\n\r\n    cursor: zoom-in;\r\n\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ZOOM 100% NATIVO\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox.is-zoomed\r\n.gn-h6-lightbox__viewport {\r\n\r\n    display: block;\r\n\r\n    overflow: auto;\r\n\r\n    padding: 30px;\r\n\r\n    scrollbar-width: thin;\r\n\r\n    scrollbar-color:\r\n        rgba(201,149,80,.45)\r\n        transparent;\r\n\r\n    -webkit-overflow-scrolling:\r\n        touch;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox.is-zoomed\r\n.gn-h6-lightbox__image {\r\n\r\n    max-width: none !important;\r\n    max-height: none !important;\r\n\r\n    margin: 0 auto;\r\n\r\n    cursor: zoom-out;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   OPERA COMPLETA\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full {\r\n\r\n    display: flex !important;\r\n\r\n    flex-direction: column !important;\r\n\r\n    align-items: center !important;\r\n\r\n    width: 130px !important;\r\n\r\n    margin:\r\n        11px\r\n        auto\r\n        0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    border: 0 !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    cursor:\r\n        pointer !important;\r\n\r\n    opacity:\r\n        .75 !important;\r\n\r\n    transition:\r\n        opacity .15s ease,\r\n        transform .15s ease !important;\r\n\r\n    box-sizing:\r\n        border-box !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MINIATURA OPERA COMPLETA\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__full-frame {\r\n\r\n    display: block;\r\n\r\n    width: 46px;\r\n\r\n    aspect-ratio: 2 \/ 3;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.44);\r\n\r\n    background:\r\n        #08090B;\r\n\r\n    box-shadow:\r\n        0 8px 18px\r\n        rgba(0,0,0,.42);\r\n\r\n    box-sizing: border-box;\r\n\r\n    transition:\r\n        border-color .15s ease,\r\n        box-shadow .15s ease;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox__full-frame img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    pointer-events: none;\r\n\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ETICHETTA OPERA COMPLETA\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox__full-label {\r\n\r\n    display: block;\r\n\r\n    margin-top: 7px;\r\n\r\n    color:\r\n        rgba(232,221,203,.68);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        color .15s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   OPERA COMPLETA HOVER \/ FOCUS\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full:hover,\r\n.gn-h6-lightbox button.gn-h6-lightbox__full:focus,\r\n.gn-h6-lightbox button.gn-h6-lightbox__full:focus-visible {\r\n\r\n    opacity: 1 !important;\r\n\r\n    border: 0 !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full:hover\r\n.gn-h6-lightbox__full-frame,\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full:focus\r\n.gn-h6-lightbox__full-frame,\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full:focus-visible\r\n.gn-h6-lightbox__full-frame {\r\n\r\n    border-color:\r\n        #C99550 !important;\r\n\r\n    box-shadow:\r\n        0 0 0 2px\r\n        #C99550 !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full:hover\r\n.gn-h6-lightbox__full-label {\r\n\r\n    color:\r\n        #C99550 !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   OPERA COMPLETA ATTIVA\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full.is-active {\r\n\r\n    opacity: 1 !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full.is-active\r\n.gn-h6-lightbox__full-frame {\r\n\r\n    border-color:\r\n        #DCB77E !important;\r\n\r\n    box-shadow:\r\n        0 0 0 2px\r\n        #DCB77E !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__full.is-active\r\n.gn-h6-lightbox__full-label {\r\n\r\n    color:\r\n        #DCB77E !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   X\r\n============================================================ *\/\r\n\r\n.gn-h6-lightbox button.gn-h6-lightbox__close,\r\n.gn-h6-lightbox button.gn-h6-lightbox__close:hover,\r\n.gn-h6-lightbox button.gn-h6-lightbox__close:focus,\r\n.gn-h6-lightbox button.gn-h6-lightbox__close:focus-visible,\r\n.gn-h6-lightbox button.gn-h6-lightbox__close:active {\r\n\r\n    position: fixed !important;\r\n\r\n    top: 16px !important;\r\n    right: 22px !important;\r\n\r\n    z-index: 50 !important;\r\n\r\n    display: flex !important;\r\n\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    border:\r\n        0 !important;\r\n\r\n    outline:\r\n        0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    background-color:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    color:\r\n        #C99550 !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif !important;\r\n\r\n    font-size:\r\n        44px !important;\r\n\r\n    font-weight:\r\n        300 !important;\r\n\r\n    line-height:\r\n        1 !important;\r\n\r\n    cursor:\r\n        pointer !important;\r\n\r\n    transform:\r\n        none !important;\r\n\r\n    transition:\r\n        none !important;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DESKTOP MEDIO\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) and (max-width:1200px) {\r\n\r\n    .gn-h6-lightbox__layout {\r\n\r\n        grid-template-columns:\r\n            118px\r\n            minmax(380px,1fr)\r\n            118px;\r\n\r\n        column-gap: 20px;\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .gn-h6-lightbox__side {\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n\r\n    .gn-h6-lightbox__thumb-frame {\r\n\r\n        width: 88px;\r\n\r\n    }\r\n\r\n\r\n    .gn-h6-lightbox__thumb-label {\r\n\r\n        width: 112px;\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: .08em;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 6 - IMMAGINE PRINCIPALE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h6-artwork\">\r\n\r\n    <figure\r\n        class=\"gn-h6-artwork__figure\"\r\n        id=\"gn-h6-open\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri l'opera\"\r\n    >\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie-hero-6.webp\"\r\n            alt=\"SPEAKEASY - Cinematic Illustration\"\r\n            draggable=\"false\"\r\n        >\r\n\r\n    <\/figure>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"gn-h6-lightbox\"\r\n    id=\"gn-h6-lightbox\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n\r\n    <!-- X -->\r\n\r\n    <button\r\n        class=\"gn-h6-lightbox__close\"\r\n        type=\"button\"\r\n        aria-label=\"Chiudi\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n\r\n    <div class=\"gn-h6-lightbox__inner\">\r\n\r\n\r\n        <div class=\"gn-h6-lightbox__layout\">\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 SINISTRA\r\n            ================================================== -->\r\n\r\n            <div class=\"gn-h6-lightbox__side\">\r\n\r\n\r\n                <!-- VOLTO E OCCHI -->\r\n\r\n                <button\r\n                    class=\"gn-h6-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom1-hero-6.webp\"\r\n                    aria-label=\"Volto e occhi\"\r\n                >\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom1-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-label\">\r\n                        Volto e occhi\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- SPALLA E PELLE -->\r\n\r\n                <button\r\n                    class=\"gn-h6-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom2-hero-6.webp\"\r\n                    aria-label=\"Spalla e pelle\"\r\n                >\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom2-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-label\">\r\n                        Spalla e pelle\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- ORECCHINO E MANO -->\r\n\r\n                <button\r\n                    class=\"gn-h6-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom3-hero-6.webp\"\r\n                    aria-label=\"Orecchino e mano\"\r\n                >\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom3-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-label\">\r\n                        Orecchino e mano\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CENTRO\r\n            ================================================== -->\r\n\r\n            <div class=\"gn-h6-lightbox__center\">\r\n\r\n\r\n                <div class=\"gn-h6-lightbox__viewport\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"gn-h6-lightbox__image\"\r\n                        id=\"gn-h6-lightbox-image\"\r\n                        src=\"\"\r\n                        alt=\"\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- OPERA COMPLETA -->\r\n\r\n                <button\r\n                    class=\"gn-h6-lightbox__full is-active\"\r\n                    id=\"gn-h6-full\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie-hero-6.webp\"\r\n                    aria-label=\"Opera completa\"\r\n                >\r\n\r\n                    <span class=\"gn-h6-lightbox__full-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6-lightbox__full-label\">\r\n                        Opera completa\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 DESTRA\r\n            ================================================== -->\r\n\r\n            <div class=\"gn-h6-lightbox__side\">\r\n\r\n\r\n                <!-- PIUME -->\r\n\r\n                <button\r\n                    class=\"gn-h6-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom4-hero-6.webp\"\r\n                    aria-label=\"Piume\"\r\n                >\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom4-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-label\">\r\n                        Piume\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- LAMPADA -->\r\n\r\n                <button\r\n                    class=\"gn-h6-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom5-hero-6.webp\"\r\n                    aria-label=\"Lampada\"\r\n                >\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom5-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-label\">\r\n                        Lampada\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- PROFUMI E TOELETTA -->\r\n\r\n                <button\r\n                    class=\"gn-h6-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom6-hero-6.webp\"\r\n                    aria-label=\"Profumi e toeletta\"\r\n                >\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom6-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6-lightbox__thumb-label\">\r\n                        Profumi e toeletta\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n\r\n        const artwork =\r\n            document.querySelector(\r\n                \".gn-h6-artwork\"\r\n            );\r\n\r\n\r\n        const openButton =\r\n            document.getElementById(\r\n                \"gn-h6-open\"\r\n            );\r\n\r\n\r\n        const lightbox =\r\n            document.getElementById(\r\n                \"gn-h6-lightbox\"\r\n            );\r\n\r\n\r\n        if (\r\n            !artwork ||\r\n            !openButton ||\r\n            !lightbox\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n\r\n        const heroImage =\r\n            openButton.querySelector(\r\n                \"img\"\r\n            );\r\n\r\n\r\n        const viewport =\r\n            lightbox.querySelector(\r\n                \".gn-h6-lightbox__viewport\"\r\n            );\r\n\r\n\r\n        const lightboxImage =\r\n            document.getElementById(\r\n                \"gn-h6-lightbox-image\"\r\n            );\r\n\r\n\r\n        const closeButton =\r\n            lightbox.querySelector(\r\n                \".gn-h6-lightbox__close\"\r\n            );\r\n\r\n\r\n        const detailThumbs =\r\n            Array.from(\r\n                lightbox.querySelectorAll(\r\n                    \".gn-h6-lightbox__thumb\"\r\n                )\r\n            );\r\n\r\n\r\n        const fullButton =\r\n            document.getElementById(\r\n                \"gn-h6-full\"\r\n            );\r\n\r\n\r\n        let oldBodyOverflow = \"\";\r\n        let oldHtmlOverflow = \"\";\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           RESET ZOOM\r\n        ==================================================== *\/\r\n\r\n        function resetZoom() {\r\n\r\n            lightbox.classList.remove(\r\n                \"is-zoomed\"\r\n            );\r\n\r\n\r\n            lightboxImage.style.width =\r\n                \"\";\r\n\r\n\r\n            lightboxImage.style.height =\r\n                \"\";\r\n\r\n\r\n            viewport.scrollTop =\r\n                0;\r\n\r\n\r\n            viewport.scrollLeft =\r\n                0;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           RESET SELEZIONE\r\n        ==================================================== *\/\r\n\r\n        function clearActive() {\r\n\r\n            detailThumbs.forEach(\r\n                function (thumb) {\r\n\r\n                    thumb.classList.remove(\r\n                        \"is-active\"\r\n                    );\r\n\r\n                    thumb.blur();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            fullButton.classList.remove(\r\n                \"is-active\"\r\n            );\r\n\r\n\r\n            fullButton.blur();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           MOSTRA IMMAGINE\r\n        ==================================================== *\/\r\n\r\n        function showImage(\r\n            src,\r\n            activeElement\r\n        ) {\r\n\r\n            if (!src) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            resetZoom();\r\n\r\n            clearActive();\r\n\r\n\r\n            lightboxImage.src =\r\n                src;\r\n\r\n\r\n            if (activeElement) {\r\n\r\n                activeElement.classList.add(\r\n                    \"is-active\"\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           OPERA COMPLETA\r\n        ==================================================== *\/\r\n\r\n        function showFullImage() {\r\n\r\n            const src =\r\n                heroImage.currentSrc\r\n                ||\r\n                heroImage.src;\r\n\r\n\r\n            showImage(\r\n                src,\r\n                fullButton\r\n            );\r\n\r\n\r\n            lightboxImage.alt =\r\n                heroImage.alt;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           APERTURA\r\n        ==================================================== *\/\r\n\r\n        function openLightbox() {\r\n\r\n            showFullImage();\r\n\r\n\r\n            lightbox.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            oldBodyOverflow =\r\n                document.body\r\n                    .style\r\n                    .overflow;\r\n\r\n\r\n            oldHtmlOverflow =\r\n                document.documentElement\r\n                    .style\r\n                    .overflow;\r\n\r\n\r\n            document.body\r\n                .style\r\n                .overflow =\r\n                \"hidden\";\r\n\r\n\r\n            document.documentElement\r\n                .style\r\n                .overflow =\r\n                \"hidden\";\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CHIUSURA\r\n        ==================================================== *\/\r\n\r\n        function closeLightbox() {\r\n\r\n            resetZoom();\r\n\r\n\r\n            lightbox.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            document.body\r\n                .style\r\n                .overflow =\r\n                oldBodyOverflow;\r\n\r\n\r\n            document.documentElement\r\n                .style\r\n                .overflow =\r\n                oldHtmlOverflow;\r\n\r\n\r\n            setTimeout(\r\n                function () {\r\n\r\n                    if (\r\n                        !lightbox.classList\r\n                            .contains(\r\n                                \"is-open\"\r\n                            )\r\n                    ) {\r\n\r\n                        lightboxImage.src =\r\n                            \"\";\r\n\r\n                    }\r\n\r\n                },\r\n                230\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           ZOOM 100% NATIVO\r\n        ==================================================== *\/\r\n\r\n        function zoomTo100() {\r\n\r\n            if (\r\n                !lightboxImage.naturalWidth ||\r\n                !lightboxImage.naturalHeight\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            lightbox.classList.add(\r\n                \"is-zoomed\"\r\n            );\r\n\r\n\r\n            lightboxImage.style.width =\r\n                lightboxImage.naturalWidth\r\n                +\r\n                \"px\";\r\n\r\n\r\n            lightboxImage.style.height =\r\n                lightboxImage.naturalHeight\r\n                +\r\n                \"px\";\r\n\r\n\r\n            requestAnimationFrame(\r\n                function () {\r\n\r\n\r\n                    viewport.scrollLeft =\r\n                        Math.max(\r\n                            0,\r\n                            (\r\n                                viewport.scrollWidth\r\n                                -\r\n                                viewport.clientWidth\r\n                            )\r\n                            \/\r\n                            2\r\n                        );\r\n\r\n\r\n                    viewport.scrollTop =\r\n                        Math.max(\r\n                            0,\r\n                            (\r\n                                viewport.scrollHeight\r\n                                -\r\n                                viewport.clientHeight\r\n                            )\r\n                            \/\r\n                            2\r\n                        );\r\n\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           FIT \/ 100%\r\n        ==================================================== *\/\r\n\r\n        function toggleZoom() {\r\n\r\n            if (\r\n                lightbox.classList\r\n                    .contains(\r\n                        \"is-zoomed\"\r\n                    )\r\n            ) {\r\n\r\n                resetZoom();\r\n\r\n            } else {\r\n\r\n                zoomTo100();\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           APRI HERO\r\n        ==================================================== *\/\r\n\r\n        openButton.addEventListener(\r\n            \"click\",\r\n            openLightbox\r\n        );\r\n\r\n\r\n        openButton.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.key === \"Enter\" ||\r\n                    event.key === \" \"\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                    openLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CLICK DETTAGLI\r\n        ==================================================== *\/\r\n\r\n        detailThumbs.forEach(\r\n            function (thumb) {\r\n\r\n                thumb.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n                        event.preventDefault();\r\n\r\n                        event.stopPropagation();\r\n\r\n\r\n                        showImage(\r\n                            thumb.dataset.src,\r\n                            thumb\r\n                        );\r\n\r\n\r\n                        thumb.blur();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           OPERA COMPLETA\r\n        ==================================================== *\/\r\n\r\n        fullButton.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n                event.stopPropagation();\r\n\r\n\r\n                showFullImage();\r\n\r\n\r\n                fullButton.blur();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           ZOOM IMMAGINE CENTRALE\r\n        ==================================================== *\/\r\n\r\n        lightboxImage.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.stopPropagation();\r\n\r\n                toggleZoom();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           X\r\n        ==================================================== *\/\r\n\r\n        closeButton.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n                event.stopPropagation();\r\n\r\n                closeLightbox();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CLICK SUL NERO\r\n        ==================================================== *\/\r\n\r\n        lightbox.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target === lightbox ||\r\n                    event.target === viewport\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           ESC\r\n        ==================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !lightbox.classList\r\n                        .contains(\r\n                            \"is-open\"\r\n                        )\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key === \"Escape\"\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           TASTO DESTRO\r\n        ==================================================== *\/\r\n\r\n        artwork.addEventListener(\r\n            \"contextmenu\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target.closest(\r\n                        \"img\"\r\n                    )\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"contextmenu\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           DRAG\r\n        ==================================================== *\/\r\n\r\n        artwork.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           SELEZIONE\r\n        ==================================================== *\/\r\n\r\n        artwork.addEventListener(\r\n            \"selectstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"selectstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           LONG PRESS \/ DRAG\r\n        ==================================================== *\/\r\n\r\n        document\r\n            .querySelectorAll(\r\n                \".gn-h6-artwork img, .gn-h6-lightbox img\"\r\n            )\r\n            .forEach(\r\n                function (img) {\r\n\r\n                    img.setAttribute(\r\n                        \"draggable\",\r\n                        \"false\"\r\n                    );\r\n\r\n\r\n                    img.style.userSelect =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitUserSelect =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitUserDrag =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitTouchCallout =\r\n                        \"none\";\r\n\r\n                }\r\n            );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CTRL \/ CMD + S\r\n        ==================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                const lightboxOpen =\r\n                    lightbox.classList\r\n                        .contains(\r\n                            \"is-open\"\r\n                        );\r\n\r\n\r\n                const overArtwork =\r\n                    artwork.matches(\r\n                        \":hover\"\r\n                    )\r\n                    ||\r\n                    artwork.contains(\r\n                        document.activeElement\r\n                    );\r\n\r\n\r\n                if (\r\n                    !lightboxOpen &&\r\n                    !overArtwork\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    (\r\n                        event.ctrlKey ||\r\n                        event.metaKey\r\n                    )\r\n                    &&\r\n                    event.key\r\n                        .toLowerCase()\r\n                        ===\r\n                        \"s\"\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n    }\r\n);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fd6de7 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"3fd6de7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8808636 e-con-full e-flex e-con e-child\" data-id=\"8808636\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-073713a elementor-widget elementor-widget-html\" data-id=\"073713a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 6 - CINEMATIC ILLUSTRATION\r\n   BLOCCO TESTUALE MOBILE\r\n\r\n   - TUTTO CENTRATO\r\n   - CLASSI COMPLETAMENTE SEPARATE DAL DESKTOP\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy {\r\n\r\n    --h6m-gold: #C99550;\r\n    --h6m-gold-title: #D8B578;\r\n    --h6m-gold-soft: #CDA463;\r\n\r\n    --h6m-ivory: #E8DDCB;\r\n    --h6m-text: #DDD2C1;\r\n\r\n\r\n    \/* ========================================================\r\n       LUNGHEZZA DIVISORI MOBILE\r\n\r\n       MODIFICA SOLO QUESTI 3 VALORI\r\n       PER ALLUNGARLI O ACCORCIARLI\r\n    ======================================================== *\/\r\n\r\n    --h6m-divider-1: 210px;\r\n    --h6m-divider-2: 280px;\r\n    --h6m-divider-3: 130px;\r\n\r\n\r\n    width: 100%;\r\n    max-width: 560px;\r\n\r\n    margin: 0 auto;\r\n    padding: 0 18px;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   EYEBROW\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__eyebrow {\r\n\r\n    margin: 0 0 16px;\r\n\r\n    color: var(--h6m-gold);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.15;\r\n\r\n    letter-spacing: .28em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TITOLO\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__title {\r\n\r\n    margin: 0 0 19px;\r\n\r\n    color: var(--h6m-gold-title);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(46px, 13vw, 62px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .90;\r\n\r\n    letter-spacing: -.025em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.gn-h6m-copy__title span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOTTOTITOLO\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__subtitle {\r\n\r\n    width: 100%;\r\n    max-width: 420px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: var(--h6m-gold-soft);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.35;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SISTEMA COMUNE DIVISORI\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__divider,\r\n.gn-h6m-copy__closing-divider,\r\n.gn-h6m-copy__end-mark {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h6m-copy__divider-line,\r\n.gn-h6m-copy__closing-divider-line,\r\n.gn-h6m-copy__end-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    height: 1px;\r\n    min-height: 1px;\r\n\r\n    background-color: #C99550;\r\n\r\n    opacity: .72;\r\n}\r\n\r\n\r\n.gn-h6m-copy__divider-diamond,\r\n.gn-h6m-copy__closing-divider-diamond,\r\n.gn-h6m-copy__end-diamond {\r\n\r\n    display: block;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    margin: 0 12px;\r\n\r\n    border:\r\n        1px solid\r\n        #C99550;\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE 1\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__divider {\r\n\r\n    width: var(--h6m-divider-1);\r\n\r\n    margin:\r\n        27px\r\n        auto\r\n        27px;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CORPO TESTO\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__body {\r\n\r\n    width: 100%;\r\n    max-width: 500px;\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.gn-h6m-copy__body p {\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        20px;\r\n\r\n    color: var(--h6m-text);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.52;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.gn-h6m-copy__body p:last-child {\r\n\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   PRIMA FRASE\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__intro {\r\n\r\n    color:\r\n        var(--h6m-ivory) !important;\r\n\r\n    font-size:\r\n        19px !important;\r\n\r\n    line-height:\r\n        1.45 !important;\r\n\r\n    text-align:\r\n        center !important;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CHIUSURA\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__closing {\r\n\r\n    width: 100%;\r\n    max-width: 500px;\r\n\r\n    margin:\r\n        34px\r\n        auto\r\n        0;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE 2\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__closing-divider {\r\n\r\n    width: var(--h6m-divider-2);\r\n\r\n    max-width: 90%;\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        22px;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CLAIM FINALE\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__closing-text {\r\n\r\n    width: 100%;\r\n\r\n    margin: 0 auto;\r\n\r\n    color:\r\n        var(--h6m-gold-title);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 24px;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.30;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.gn-h6m-copy__closing-text strong {\r\n\r\n    color:\r\n        var(--h6m-gold-title);\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE 3\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__end-mark {\r\n\r\n    width: var(--h6m-divider-3);\r\n\r\n    margin:\r\n        21px\r\n        auto\r\n        0;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   INVITO INTERAZIONE\r\n============================================================ *\/\r\n\r\n.gn-h6m-copy__explore {\r\n\r\n    width: 100%;\r\n    max-width: 470px;\r\n\r\n    margin:\r\n        29px\r\n        auto\r\n        0;\r\n\r\n    color:\r\n        #DDD2C1;\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.40;\r\n\r\n    letter-spacing: .01em;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TELEFONI PI\u00d9 STRETTI\r\n============================================================ *\/\r\n\r\n@media (max-width:390px) {\r\n\r\n    .gn-h6m-copy {\r\n\r\n        padding:\r\n            0\r\n            14px;\r\n\r\n        --h6m-divider-1: 190px;\r\n        --h6m-divider-2: 245px;\r\n        --h6m-divider-3: 120px;\r\n    }\r\n\r\n\r\n    .gn-h6m-copy__title {\r\n\r\n        font-size:\r\n            clamp(42px, 12.5vw, 54px);\r\n    }\r\n\r\n\r\n    .gn-h6m-copy__subtitle {\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n\r\n    .gn-h6m-copy__body p {\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n\r\n    .gn-h6m-copy__intro {\r\n\r\n        font-size:\r\n            18px !important;\r\n    }\r\n\r\n\r\n    .gn-h6m-copy__closing-text {\r\n\r\n        font-size: 22px;\r\n    }\r\n\r\n\r\n    .gn-h6m-copy__explore {\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO MOBILE\r\n   NASCONDI DA TABLET\/DESKTOP\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) {\r\n\r\n    .gn-h6m-copy {\r\n\r\n        display: none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"gn-h6m-copy\">\r\n\r\n\r\n    <!-- =====================================================\r\n         EYEBROW\r\n    ====================================================== -->\r\n\r\n    <div class=\"gn-h6m-copy__eyebrow\">\r\n        Lo stile visivo\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         TITOLO\r\n    ====================================================== -->\r\n\r\n    <h2 class=\"gn-h6m-copy__title\">\r\n\r\n        <span>Cinematic<\/span>\r\n        <span>Illustration<\/span>\r\n\r\n    <\/h2>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SOTTOTITOLO\r\n    ====================================================== -->\r\n\r\n    <div class=\"gn-h6m-copy__subtitle\">\r\n        Pittura, luce e composizione cinematografica.\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         DIVISORE 1\r\n    ====================================================== -->\r\n\r\n    <div\r\n        class=\"gn-h6m-copy__divider\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <span class=\"gn-h6m-copy__divider-line\"><\/span>\r\n\r\n        <span class=\"gn-h6m-copy__divider-diamond\"><\/span>\r\n\r\n        <span class=\"gn-h6m-copy__divider-line\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CORPO TESTO\r\n    ====================================================== -->\r\n\r\n    <div class=\"gn-h6m-copy__body\">\r\n\r\n\r\n        <p class=\"gn-h6m-copy__intro\">\r\n            SPEAKEASY - THE GRAPHIC NOVEL non cerca il fotorealismo.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Ogni tavola nasce come un'illustrazione pittorica e viene\r\n            costruita attraverso il linguaggio del cinema: inquadratura,\r\n            luce, profondit\u00e0, colore e atmosfera.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Pennellate visibili, volti espressivi, ombre morbide e dettagli\r\n            Art D\u00e9co trasformano ogni scena in un'immagine sospesa tra\r\n            romanzo illustrato e grande schermo.\r\n        <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CHIUSURA\r\n    ====================================================== -->\r\n\r\n    <div class=\"gn-h6m-copy__closing\">\r\n\r\n\r\n        <!-- DIVISORE 2 -->\r\n\r\n        <div\r\n            class=\"gn-h6m-copy__closing-divider\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <span class=\"gn-h6m-copy__closing-divider-line\"><\/span>\r\n\r\n            <span class=\"gn-h6m-copy__closing-divider-diamond\"><\/span>\r\n\r\n            <span class=\"gn-h6m-copy__closing-divider-line\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- CLAIM -->\r\n\r\n        <p class=\"gn-h6m-copy__closing-text\">\r\n\r\n            L'obiettivo non \u00e8 riprodurre la realt\u00e0.<br>\r\n\r\n            <strong>\u00c8 farla sentire.<\/strong>\r\n\r\n        <\/p>\r\n\r\n\r\n\r\n        <!-- DIVISORE 3 -->\r\n\r\n        <div\r\n            class=\"gn-h6m-copy__end-mark\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <span class=\"gn-h6m-copy__end-line\"><\/span>\r\n\r\n            <span class=\"gn-h6m-copy__end-diamond\"><\/span>\r\n\r\n            <span class=\"gn-h6m-copy__end-line\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         INVITO ALL'IMMAGINE\r\n    ====================================================== -->\r\n\r\n    <p class=\"gn-h6m-copy__explore\">\r\n        Clicca sull'immagine per immergerti nei dettagli del Cinematic Illustration.\r\n    <\/p>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed1f426 e-con-full e-flex e-con e-child\" data-id=\"ed1f426\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f229a8e elementor-widget elementor-widget-html\" data-id=\"f229a8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 6 - CINEMATIC ILLUSTRATION\r\n\r\n   MOBILE - IMMAGINE + LIGHTBOX\r\n\r\n   - IMMAGINE HERO 2:3\r\n   - LIGHTBOX FULLSCREEN\r\n   - IMMAGINE PRINCIPALE GRANDE\r\n   - DETTAGLI IN STRISCIA ORIZZONTALE\r\n   - ETICHETTE HTML \/ TRANSLATEPRESS\r\n   - ZOOM 100% NATIVO\r\n   - PROTEZIONE IMMAGINI\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   VARIABILI\r\n============================================================ *\/\r\n\r\n.gn-h6m-artwork,\r\n.gn-h6m-lightbox {\r\n\r\n    --h6m-gold: #C99550;\r\n    --h6m-gold-light: #DCB77E;\r\n    --h6m-ivory: #E8DDCB;\r\n    --h6m-black: #08090B;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE HERO MOBILE\r\n============================================================ *\/\r\n\r\n.gn-h6m-artwork {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 520px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 18px;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-artwork__figure {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    aspect-ratio: 2 \/ 3;\r\n\r\n    margin: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #08090B;\r\n\r\n    box-shadow:\r\n        0 18px 48px\r\n        rgba(0,0,0,.48);\r\n\r\n    cursor: zoom-in;\r\n\r\n    box-sizing: border-box;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-artwork__figure img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO MOBILE\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) {\r\n\r\n    .gn-h6m-artwork,\r\n    .gn-h6m-lightbox {\r\n\r\n        display: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999999;\r\n\r\n    background:\r\n        rgba(0,0,0,.98);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity .20s ease,\r\n        visibility .20s ease;\r\n\r\n    box-sizing: border-box;\r\n\r\n    overscroll-behavior: contain;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-lightbox.is-open {\r\n\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE LIGHTBOX\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox__inner {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    padding:\r\n        max(58px, env(safe-area-inset-top))\r\n        0\r\n        max(16px, env(safe-area-inset-bottom));\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   AREA IMMAGINE PRINCIPALE\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox__viewport {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    min-height: 0;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        6px\r\n        18px\r\n        14px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    overscroll-behavior: contain;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE PRINCIPALE - FIT\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox__image {\r\n\r\n    display: block;\r\n\r\n    width: auto !important;\r\n    height: auto !important;\r\n\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n\r\n    margin: auto;\r\n\r\n    object-fit: contain;\r\n\r\n    box-shadow:\r\n        0 16px 50px\r\n        rgba(0,0,0,.72);\r\n\r\n    cursor: zoom-in;\r\n\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ZOOM 100% NATIVO\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox.is-zoomed\r\n.gn-h6m-lightbox__viewport {\r\n\r\n    display: block;\r\n\r\n    overflow: auto;\r\n\r\n    padding:\r\n        18px;\r\n\r\n    -webkit-overflow-scrolling:\r\n        touch;\r\n\r\n    scrollbar-width: thin;\r\n\r\n    scrollbar-color:\r\n        rgba(201,149,80,.45)\r\n        transparent;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-lightbox.is-zoomed\r\n.gn-h6m-lightbox__image {\r\n\r\n    max-width: none !important;\r\n    max-height: none !important;\r\n\r\n    margin: 0;\r\n\r\n    cursor: zoom-out;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   AREA DETTAGLI IN BASSO\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox__tray {\r\n\r\n    position: relative;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        13px\r\n        0\r\n        3px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(201,149,80,.18);\r\n\r\n    background:\r\n        rgba(5,6,8,.88);\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   STRISCIA ORIZZONTALE\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox__rail {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 13px;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        3px\r\n        18px\r\n        8px;\r\n\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n\r\n    scroll-snap-type:\r\n        x proximity;\r\n\r\n    overscroll-behavior-x:\r\n        contain;\r\n\r\n    -webkit-overflow-scrolling:\r\n        touch;\r\n\r\n    scrollbar-width:\r\n        none;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-lightbox__rail::-webkit-scrollbar {\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   RESET BUTTON\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full {\r\n\r\n    font: inherit !important;\r\n\r\n    color: inherit !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    filter: none !important;\r\n\r\n    text-shadow: none !important;\r\n\r\n    background-image: none !important;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb::before,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb::after,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full::before,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full::after {\r\n\r\n    content: none !important;\r\n\r\n    display: none !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   BUTTON DETTAGLIO\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full {\r\n\r\n    display: flex !important;\r\n\r\n    flex-direction: column !important;\r\n\r\n    align-items: center !important;\r\n\r\n    justify-content: flex-start !important;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        92px !important;\r\n\r\n    width:\r\n        92px !important;\r\n\r\n    min-width:\r\n        92px !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    border:\r\n        0 !important;\r\n\r\n    outline:\r\n        0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    background-color:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    opacity:\r\n        .68 !important;\r\n\r\n    cursor:\r\n        pointer !important;\r\n\r\n    transform:\r\n        none !important;\r\n\r\n    scroll-snap-align:\r\n        center;\r\n\r\n    box-sizing:\r\n        border-box !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CORNICE MINIATURE\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox__thumb-frame,\r\n.gn-h6m-lightbox__full-frame {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 76px;\r\n\r\n    aspect-ratio: 2 \/ 3;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.34);\r\n\r\n    background:\r\n        #08090B;\r\n\r\n    box-shadow:\r\n        0 7px 20px\r\n        rgba(0,0,0,.42);\r\n\r\n    box-sizing:\r\n        border-box;\r\n\r\n    transition:\r\n        border-color .15s ease,\r\n        box-shadow .15s ease;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-lightbox__thumb-frame img,\r\n.gn-h6m-lightbox__full-frame img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    pointer-events: none;\r\n\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ETICHETTE\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox__thumb-label,\r\n.gn-h6m-lightbox__full-label {\r\n\r\n    display: block;\r\n\r\n    width: 92px;\r\n\r\n    margin-top: 7px;\r\n\r\n    color:\r\n        rgba(232,221,203,.67);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.18;\r\n\r\n    letter-spacing: .085em;\r\n\r\n    text-align: center;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: normal;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ATTIVO\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb.is-active,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full.is-active {\r\n\r\n    opacity:\r\n        1 !important;\r\n\r\n    border:\r\n        0 !important;\r\n\r\n    outline:\r\n        0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb.is-active\r\n.gn-h6m-lightbox__thumb-frame,\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full.is-active\r\n.gn-h6m-lightbox__full-frame {\r\n\r\n    border-color:\r\n        #DCB77E !important;\r\n\r\n    box-shadow:\r\n        0 0 0 2px\r\n        #DCB77E,\r\n        0 8px 22px\r\n        rgba(0,0,0,.48) !important;\r\n\r\n}\r\n\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb.is-active\r\n.gn-h6m-lightbox__thumb-label,\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full.is-active\r\n.gn-h6m-lightbox__full-label {\r\n\r\n    color:\r\n        #DCB77E !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   FOCUS \/ ACTIVE DEL TEMA\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb:focus,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb:focus-visible,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__thumb:active,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full:focus,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full:focus-visible,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__full:active {\r\n\r\n    border:\r\n        0 !important;\r\n\r\n    outline:\r\n        0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    background-color:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   X CHIUSURA\r\n============================================================ *\/\r\n\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__close,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__close:hover,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__close:focus,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__close:focus-visible,\r\n.gn-h6m-lightbox button.gn-h6m-lightbox__close:active {\r\n\r\n    position: fixed !important;\r\n\r\n    top:\r\n        max(8px, env(safe-area-inset-top)) !important;\r\n\r\n    right:\r\n        10px !important;\r\n\r\n    z-index:\r\n        100 !important;\r\n\r\n    display:\r\n        flex !important;\r\n\r\n    align-items:\r\n        center !important;\r\n\r\n    justify-content:\r\n        center !important;\r\n\r\n    width:\r\n        48px !important;\r\n\r\n    height:\r\n        48px !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    appearance:\r\n        none !important;\r\n\r\n    -webkit-appearance:\r\n        none !important;\r\n\r\n    border:\r\n        0 !important;\r\n\r\n    outline:\r\n        0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    background-color:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    color:\r\n        #C99550 !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif !important;\r\n\r\n    font-size:\r\n        42px !important;\r\n\r\n    font-weight:\r\n        300 !important;\r\n\r\n    line-height:\r\n        1 !important;\r\n\r\n    cursor:\r\n        pointer !important;\r\n\r\n    transform:\r\n        none !important;\r\n\r\n    transition:\r\n        none !important;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TELEFONI STRETTI\r\n============================================================ *\/\r\n\r\n@media (max-width:390px) {\r\n\r\n    .gn-h6m-artwork {\r\n\r\n        padding:\r\n            0\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .gn-h6m-lightbox__viewport {\r\n\r\n        padding:\r\n            5px\r\n            12px\r\n            12px;\r\n\r\n    }\r\n\r\n\r\n    .gn-h6m-lightbox__rail {\r\n\r\n        gap:\r\n            10px;\r\n\r\n        padding-left:\r\n            14px;\r\n\r\n        padding-right:\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .gn-h6m-lightbox button.gn-h6m-lightbox__thumb,\r\n    .gn-h6m-lightbox button.gn-h6m-lightbox__full {\r\n\r\n        flex-basis:\r\n            84px !important;\r\n\r\n        width:\r\n            84px !important;\r\n\r\n        min-width:\r\n            84px !important;\r\n\r\n    }\r\n\r\n\r\n    .gn-h6m-lightbox__thumb-frame,\r\n    .gn-h6m-lightbox__full-frame {\r\n\r\n        width:\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .gn-h6m-lightbox__thumb-label,\r\n    .gn-h6m-lightbox__full-label {\r\n\r\n        width:\r\n            84px;\r\n\r\n        font-size:\r\n            11px;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 6 MOBILE - IMMAGINE PRINCIPALE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h6m-artwork\">\r\n\r\n    <figure\r\n        class=\"gn-h6m-artwork__figure\"\r\n        id=\"gn-h6m-open\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Apri l'opera\"\r\n    >\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie-hero-6.webp\"\r\n            alt=\"SPEAKEASY - Cinematic Illustration\"\r\n            draggable=\"false\"\r\n        >\r\n\r\n    <\/figure>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX MOBILE\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"gn-h6m-lightbox\"\r\n    id=\"gn-h6m-lightbox\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n\r\n    <!-- X -->\r\n\r\n    <button\r\n        class=\"gn-h6m-lightbox__close\"\r\n        type=\"button\"\r\n        aria-label=\"Chiudi\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n\r\n    <div class=\"gn-h6m-lightbox__inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             IMMAGINE GRANDE\r\n        ================================================== -->\r\n\r\n        <div class=\"gn-h6m-lightbox__viewport\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"gn-h6m-lightbox__image\"\r\n                id=\"gn-h6m-lightbox-image\"\r\n                src=\"\"\r\n                alt=\"\"\r\n                draggable=\"false\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             STRISCIA DETTAGLI\r\n        ================================================== -->\r\n\r\n        <div class=\"gn-h6m-lightbox__tray\">\r\n\r\n            <div class=\"gn-h6m-lightbox__rail\">\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     OPERA COMPLETA\r\n                ========================================== -->\r\n\r\n                <button\r\n                    class=\"gn-h6m-lightbox__full is-active\"\r\n                    id=\"gn-h6m-full\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie-hero-6.webp\"\r\n                    aria-label=\"Opera completa\"\r\n                >\r\n\r\n                    <span class=\"gn-h6m-lightbox__full-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/Cassie-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6m-lightbox__full-label\">\r\n                        Opera completa\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     VOLTO E OCCHI\r\n                ========================================== -->\r\n\r\n                <button\r\n                    class=\"gn-h6m-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom1-hero-6.webp\"\r\n                    aria-label=\"Volto e occhi\"\r\n                >\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom1-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-label\">\r\n                        Volto e occhi\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     SPALLA E PELLE\r\n                ========================================== -->\r\n\r\n                <button\r\n                    class=\"gn-h6m-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom2-hero-6.webp\"\r\n                    aria-label=\"Spalla e pelle\"\r\n                >\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom2-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-label\">\r\n                        Spalla e pelle\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     ORECCHINO E MANO\r\n                ========================================== -->\r\n\r\n                <button\r\n                    class=\"gn-h6m-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom3-hero-6.webp\"\r\n                    aria-label=\"Orecchino e mano\"\r\n                >\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom3-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-label\">\r\n                        Orecchino e mano\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     PIUME\r\n                ========================================== -->\r\n\r\n                <button\r\n                    class=\"gn-h6m-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom4-hero-6.webp\"\r\n                    aria-label=\"Piume\"\r\n                >\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom4-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-label\">\r\n                        Piume\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     LAMPADA\r\n                ========================================== -->\r\n\r\n                <button\r\n                    class=\"gn-h6m-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom5-hero-6.webp\"\r\n                    aria-label=\"Lampada\"\r\n                >\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom5-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-label\">\r\n                        Lampada\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     PROFUMI E TOELETTA\r\n                ========================================== -->\r\n\r\n                <button\r\n                    class=\"gn-h6m-lightbox__thumb\"\r\n                    type=\"button\"\r\n                    data-src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom6-hero-6.webp\"\r\n                    aria-label=\"Profumi e toeletta\"\r\n                >\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-frame\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/zoom6-hero-6.webp\"\r\n                            alt=\"\"\r\n                            draggable=\"false\"\r\n                        >\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"gn-h6m-lightbox__thumb-label\">\r\n                        Profumi e toeletta\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n\r\n        const artwork =\r\n            document.querySelector(\r\n                \".gn-h6m-artwork\"\r\n            );\r\n\r\n\r\n        const openButton =\r\n            document.getElementById(\r\n                \"gn-h6m-open\"\r\n            );\r\n\r\n\r\n        const lightbox =\r\n            document.getElementById(\r\n                \"gn-h6m-lightbox\"\r\n            );\r\n\r\n\r\n        if (\r\n            !artwork ||\r\n            !openButton ||\r\n            !lightbox\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n\r\n        const heroImage =\r\n            openButton.querySelector(\r\n                \"img\"\r\n            );\r\n\r\n\r\n        const viewport =\r\n            lightbox.querySelector(\r\n                \".gn-h6m-lightbox__viewport\"\r\n            );\r\n\r\n\r\n        const rail =\r\n            lightbox.querySelector(\r\n                \".gn-h6m-lightbox__rail\"\r\n            );\r\n\r\n\r\n        const lightboxImage =\r\n            document.getElementById(\r\n                \"gn-h6m-lightbox-image\"\r\n            );\r\n\r\n\r\n        const closeButton =\r\n            lightbox.querySelector(\r\n                \".gn-h6m-lightbox__close\"\r\n            );\r\n\r\n\r\n        const detailThumbs =\r\n            Array.from(\r\n                lightbox.querySelectorAll(\r\n                    \".gn-h6m-lightbox__thumb\"\r\n                )\r\n            );\r\n\r\n\r\n        const fullButton =\r\n            document.getElementById(\r\n                \"gn-h6m-full\"\r\n            );\r\n\r\n\r\n        let oldBodyOverflow = \"\";\r\n        let oldHtmlOverflow = \"\";\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           RESET ZOOM\r\n        ==================================================== *\/\r\n\r\n        function resetZoom() {\r\n\r\n            lightbox.classList.remove(\r\n                \"is-zoomed\"\r\n            );\r\n\r\n\r\n            lightboxImage.style.width =\r\n                \"\";\r\n\r\n\r\n            lightboxImage.style.height =\r\n                \"\";\r\n\r\n\r\n            viewport.scrollTop =\r\n                0;\r\n\r\n\r\n            viewport.scrollLeft =\r\n                0;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           RESET SELEZIONE\r\n        ==================================================== *\/\r\n\r\n        function clearActive() {\r\n\r\n            detailThumbs.forEach(\r\n                function (thumb) {\r\n\r\n                    thumb.classList.remove(\r\n                        \"is-active\"\r\n                    );\r\n\r\n                    thumb.blur();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            fullButton.classList.remove(\r\n                \"is-active\"\r\n            );\r\n\r\n\r\n            fullButton.blur();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CENTRA MINIATURA ATTIVA NELLA STRISCIA\r\n        ==================================================== *\/\r\n\r\n        function centerActiveThumb(\r\n            element\r\n        ) {\r\n\r\n            if (\r\n                !element ||\r\n                !rail\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            setTimeout(\r\n                function () {\r\n\r\n                    element.scrollIntoView(\r\n                        {\r\n                            behavior:\r\n                                \"smooth\",\r\n\r\n                            block:\r\n                                \"nearest\",\r\n\r\n                            inline:\r\n                                \"center\"\r\n                        }\r\n                    );\r\n\r\n                },\r\n                50\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           MOSTRA IMMAGINE\r\n        ==================================================== *\/\r\n\r\n        function showImage(\r\n            src,\r\n            activeElement\r\n        ) {\r\n\r\n            if (!src) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            resetZoom();\r\n\r\n            clearActive();\r\n\r\n\r\n            lightboxImage.src =\r\n                src;\r\n\r\n\r\n            if (activeElement) {\r\n\r\n                activeElement.classList.add(\r\n                    \"is-active\"\r\n                );\r\n\r\n\r\n                centerActiveThumb(\r\n                    activeElement\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           OPERA COMPLETA\r\n        ==================================================== *\/\r\n\r\n        function showFullImage() {\r\n\r\n            const src =\r\n                heroImage.currentSrc\r\n                ||\r\n                heroImage.src;\r\n\r\n\r\n            showImage(\r\n                src,\r\n                fullButton\r\n            );\r\n\r\n\r\n            lightboxImage.alt =\r\n                heroImage.alt;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           APERTURA\r\n        ==================================================== *\/\r\n\r\n        function openLightbox() {\r\n\r\n            showFullImage();\r\n\r\n\r\n            lightbox.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            oldBodyOverflow =\r\n                document.body\r\n                    .style\r\n                    .overflow;\r\n\r\n\r\n            oldHtmlOverflow =\r\n                document.documentElement\r\n                    .style\r\n                    .overflow;\r\n\r\n\r\n            document.body\r\n                .style\r\n                .overflow =\r\n                \"hidden\";\r\n\r\n\r\n            document.documentElement\r\n                .style\r\n                .overflow =\r\n                \"hidden\";\r\n\r\n\r\n            if (rail) {\r\n\r\n                rail.scrollLeft =\r\n                    0;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CHIUSURA\r\n        ==================================================== *\/\r\n\r\n        function closeLightbox() {\r\n\r\n            resetZoom();\r\n\r\n\r\n            lightbox.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            document.body\r\n                .style\r\n                .overflow =\r\n                oldBodyOverflow;\r\n\r\n\r\n            document.documentElement\r\n                .style\r\n                .overflow =\r\n                oldHtmlOverflow;\r\n\r\n\r\n            setTimeout(\r\n                function () {\r\n\r\n                    if (\r\n                        !lightbox.classList\r\n                            .contains(\r\n                                \"is-open\"\r\n                            )\r\n                    ) {\r\n\r\n                        lightboxImage.src =\r\n                            \"\";\r\n\r\n                    }\r\n\r\n                },\r\n                220\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           ZOOM 100% NATIVO\r\n        ==================================================== *\/\r\n\r\n        function zoomTo100() {\r\n\r\n            if (\r\n                !lightboxImage.naturalWidth ||\r\n                !lightboxImage.naturalHeight\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            lightbox.classList.add(\r\n                \"is-zoomed\"\r\n            );\r\n\r\n\r\n            lightboxImage.style.width =\r\n                lightboxImage.naturalWidth\r\n                +\r\n                \"px\";\r\n\r\n\r\n            lightboxImage.style.height =\r\n                lightboxImage.naturalHeight\r\n                +\r\n                \"px\";\r\n\r\n\r\n            requestAnimationFrame(\r\n                function () {\r\n\r\n\r\n                    viewport.scrollLeft =\r\n                        Math.max(\r\n                            0,\r\n                            (\r\n                                viewport.scrollWidth\r\n                                -\r\n                                viewport.clientWidth\r\n                            )\r\n                            \/\r\n                            2\r\n                        );\r\n\r\n\r\n                    viewport.scrollTop =\r\n                        Math.max(\r\n                            0,\r\n                            (\r\n                                viewport.scrollHeight\r\n                                -\r\n                                viewport.clientHeight\r\n                            )\r\n                            \/\r\n                            2\r\n                        );\r\n\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           FIT \/ 100%\r\n        ==================================================== *\/\r\n\r\n        function toggleZoom() {\r\n\r\n            if (\r\n                lightbox.classList\r\n                    .contains(\r\n                        \"is-zoomed\"\r\n                    )\r\n            ) {\r\n\r\n                resetZoom();\r\n\r\n            } else {\r\n\r\n                zoomTo100();\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           APRI HERO\r\n        ==================================================== *\/\r\n\r\n        openButton.addEventListener(\r\n            \"click\",\r\n            openLightbox\r\n        );\r\n\r\n\r\n        openButton.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.key === \"Enter\" ||\r\n                    event.key === \" \"\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                    openLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CLICK DETTAGLI\r\n        ==================================================== *\/\r\n\r\n        detailThumbs.forEach(\r\n            function (thumb) {\r\n\r\n                thumb.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n                        event.preventDefault();\r\n\r\n                        event.stopPropagation();\r\n\r\n\r\n                        showImage(\r\n                            thumb.dataset.src,\r\n                            thumb\r\n                        );\r\n\r\n\r\n                        thumb.blur();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           OPERA COMPLETA\r\n        ==================================================== *\/\r\n\r\n        fullButton.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n                event.stopPropagation();\r\n\r\n\r\n                showFullImage();\r\n\r\n\r\n                fullButton.blur();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           ZOOM IMMAGINE CENTRALE\r\n        ==================================================== *\/\r\n\r\n        lightboxImage.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.stopPropagation();\r\n\r\n                toggleZoom();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           X\r\n        ==================================================== *\/\r\n\r\n        closeButton.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n                event.stopPropagation();\r\n\r\n                closeLightbox();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CLICK SUL NERO\r\n        ==================================================== *\/\r\n\r\n        lightbox.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target === lightbox\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           ESC\r\n        ==================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !lightbox.classList\r\n                        .contains(\r\n                            \"is-open\"\r\n                        )\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key === \"Escape\"\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           TASTO DESTRO\r\n        ==================================================== *\/\r\n\r\n        artwork.addEventListener(\r\n            \"contextmenu\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target.closest(\r\n                        \"img\"\r\n                    )\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"contextmenu\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           DRAG\r\n        ==================================================== *\/\r\n\r\n        artwork.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           SELEZIONE\r\n        ==================================================== *\/\r\n\r\n        artwork.addEventListener(\r\n            \"selectstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"selectstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           LONG PRESS \/ DRAG\r\n        ==================================================== *\/\r\n\r\n        document\r\n            .querySelectorAll(\r\n                \".gn-h6m-artwork img, .gn-h6m-lightbox img\"\r\n            )\r\n            .forEach(\r\n                function (img) {\r\n\r\n                    img.setAttribute(\r\n                        \"draggable\",\r\n                        \"false\"\r\n                    );\r\n\r\n\r\n                    img.style.userSelect =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitUserSelect =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitUserDrag =\r\n                        \"none\";\r\n\r\n\r\n                    img.style.webkitTouchCallout =\r\n                        \"none\";\r\n\r\n                }\r\n            );\r\n\r\n\r\n\r\n        \/* ====================================================\r\n           CTRL \/ CMD + S\r\n        ==================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                const lightboxOpen =\r\n                    lightbox.classList\r\n                        .contains(\r\n                            \"is-open\"\r\n                        );\r\n\r\n\r\n                const overArtwork =\r\n                    artwork.matches(\r\n                        \":hover\"\r\n                    )\r\n                    ||\r\n                    artwork.contains(\r\n                        document.activeElement\r\n                    );\r\n\r\n\r\n                if (\r\n                    !lightboxOpen &&\r\n                    !overArtwork\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    (\r\n                        event.ctrlKey ||\r\n                        event.metaKey\r\n                    )\r\n                    &&\r\n                    event.key\r\n                        .toLowerCase()\r\n                        ===\r\n                        \"s\"\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n    }\r\n);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbc3ec2 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"bbc3ec2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ee9e1a1 e-con-full e-flex e-con e-child\" data-id=\"ee9e1a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42de536 elementor-widget elementor-widget-html\" data-id=\"42de536\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 7 - LA SERIE\r\n   BLOCCO INTRODUTTIVO DESKTOP\r\n\r\n   - TUTTO CENTRATO\r\n   - SOLO DESKTOP\r\n   - CLASSI DEDICATE\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE\r\n============================================================ *\/\r\n\r\n.gn-h7-head {\r\n\r\n    --h7-gold: #C99550;\r\n    --h7-gold-light: #D8B578;\r\n    --h7-ivory: #E8DDCB;\r\n    --h7-text: #DDD2C1;\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto;\r\n    padding: 0 30px;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   EYEBROW + LINEE\r\n============================================================ *\/\r\n\r\n.gn-h7-head__eyebrow-wrap {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n    max-width: 690px;\r\n\r\n    margin: 0 auto 22px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7-head__eyebrow-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to right,\r\n            transparent,\r\n            rgba(201,149,80,.80)\r\n        );\r\n}\r\n\r\n\r\n.gn-h7-head__eyebrow-line:last-child {\r\n\r\n    background:\r\n        linear-gradient(\r\n            to left,\r\n            transparent,\r\n            rgba(201,149,80,.80)\r\n        );\r\n}\r\n\r\n\r\n.gn-h7-head__eyebrow {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    margin: 0 28px;\r\n\r\n    color: var(--h7-gold);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .34em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   PICCOLO ROMBO SOPRA EYEBROW\r\n============================================================ *\/\r\n\r\n.gn-h7-head__top-mark {\r\n\r\n    position: relative;\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        15px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--h7-gold);\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    box-sizing: border-box;\r\n\r\n    opacity: .9;\r\n}\r\n\r\n\r\n.gn-h7-head__top-mark::before,\r\n.gn-h7-head__top-mark::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 3px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.62);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TITOLO\r\n============================================================ *\/\r\n\r\n.gn-h7-head__title {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--h7-ivory);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(68px,5.4vw,90px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .95;\r\n\r\n    letter-spacing: -.025em;\r\n\r\n    text-align: center;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE ART DECO SOTTO TITOLO\r\n============================================================ *\/\r\n\r\n.gn-h7-head__divider {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 390px;\r\n    max-width: 70%;\r\n\r\n    margin:\r\n        27px\r\n        auto\r\n        24px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7-head__divider-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    height: 1px;\r\n\r\n    background-color:\r\n        var(--h7-gold);\r\n\r\n    opacity: .68;\r\n}\r\n\r\n\r\n.gn-h7-head__divider-diamond {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    margin: 0 18px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--h7-gold);\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7-head__divider-diamond::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 3px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.70);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOTTOTITOLO\r\n============================================================ *\/\r\n\r\n.gn-h7-head__subtitle {\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        14px;\r\n\r\n    color:\r\n        var(--h7-gold-light);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 29px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.25;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TESTO DESCRITTIVO\r\n============================================================ *\/\r\n\r\n.gn-h7-head__body {\r\n\r\n    width: 100%;\r\n    max-width: 800px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color:\r\n        var(--h7-text);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.45;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7-head__body p {\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n}\r\n\r\n\r\n.gn-h7-head__body p + p {\r\n\r\n    margin-top: 6px;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DESKTOP MEDIO\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) and (max-width:1200px) {\r\n\r\n    .gn-h7-head {\r\n\r\n        padding:\r\n            0\r\n            24px;\r\n    }\r\n\r\n\r\n    .gn-h7-head__eyebrow-wrap {\r\n\r\n        max-width: 590px;\r\n    }\r\n\r\n\r\n    .gn-h7-head__eyebrow {\r\n\r\n        margin:\r\n            0\r\n            22px;\r\n\r\n        font-size:\r\n            16px;\r\n    }\r\n\r\n\r\n    .gn-h7-head__title {\r\n\r\n        font-size:\r\n            clamp(56px,6vw,72px);\r\n    }\r\n\r\n\r\n    .gn-h7-head__subtitle {\r\n\r\n        font-size:\r\n            25px;\r\n    }\r\n\r\n\r\n    .gn-h7-head__body {\r\n\r\n        max-width:\r\n            740px;\r\n\r\n        font-size:\r\n            18px;\r\n    }\r\n\r\n\r\n    .gn-h7-head__divider {\r\n\r\n        width:\r\n            340px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .gn-h7-head {\r\n\r\n        display:\r\n            none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 7 - BLOCCO TESTO DESKTOP\r\n========================================================= -->\r\n\r\n<div class=\"gn-h7-head\">\r\n\r\n\r\n    <!-- ROMBO SUPERIORE -->\r\n\r\n    <div\r\n        class=\"gn-h7-head__top-mark\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n\r\n    <!-- EYEBROW -->\r\n\r\n    <div class=\"gn-h7-head__eyebrow-wrap\">\r\n\r\n        <span\r\n            class=\"gn-h7-head__eyebrow-line\"\r\n            aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <div class=\"gn-h7-head__eyebrow\">\r\n            La serie\r\n        <\/div>\r\n\r\n        <span\r\n            class=\"gn-h7-head__eyebrow-line\"\r\n            aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- TITOLO -->\r\n\r\n    <h2 class=\"gn-h7-head__title\">\r\n        Sei volumi. Sei citt\u00e0.\r\n    <\/h2>\r\n\r\n\r\n\r\n    <!-- DIVISORE -->\r\n\r\n    <div\r\n        class=\"gn-h7-head__divider\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <span class=\"gn-h7-head__divider-line\"><\/span>\r\n\r\n        <span class=\"gn-h7-head__divider-diamond\"><\/span>\r\n\r\n        <span class=\"gn-h7-head__divider-line\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- SOTTOTITOLO -->\r\n\r\n    <div class=\"gn-h7-head__subtitle\">\r\n        Un'unica storia attraversa luoghi, anni e destini.\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- TESTO -->\r\n\r\n    <div class=\"gn-h7-head__body\">\r\n\r\n        <p>\r\n            SPEAKEASY - THE GRAPHIC NOVEL si sviluppa attraverso sei volumi,\r\n            ciascuno legato a una citt\u00e0 e a una nuova fase della storia.\r\n        <\/p>\r\n\r\n        <p>\r\n            Da Chicago in avanti, personaggi, epoche e atmosfere cambiano,\r\n            mentre il racconto continua a muoversi attraverso il mondo.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-feb3587 elementor-widget elementor-widget-html\" data-id=\"feb3587\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 7 - LA SERIE\r\n   STRIP UNICA 6 VOLUMI - DESKTOP\r\n\r\n   - UN SOLO ASSET\r\n   - PNG TRASPARENTE\r\n   - NESSUN CROP\r\n   - NESSUN FILTRO COLORE\r\n   - SOLO DESKTOP\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE GENERALE\r\n============================================================ *\/\r\n\r\n.gn-h7-series-strip {\r\n\r\n    width: 100%;\r\n    max-width: 1580px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        0\r\n        26px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   FIGURE\r\n============================================================ *\/\r\n\r\n.gn-h7-series-strip__figure {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    background: transparent;\r\n\r\n    border: 0;\r\n\r\n    overflow: visible;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE\r\n\r\n   IMPORTANTISSIMO:\r\n   NON VIENE RITAGLIATA\r\n   NON VIENE FILTRATA\r\n   NON VIENE SATURATA\r\n============================================================ *\/\r\n\r\n.gn-h7-series-strip__image {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    max-width: 100%;\r\n\r\n    margin: 0 auto;\r\n    padding: 0;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    background: transparent;\r\n\r\n    border: 0;\r\n\r\n    filter: none !important;\r\n    opacity: 1 !important;\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DESKTOP MEDIO\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) and (max-width:1200px) {\r\n\r\n    .gn-h7-series-strip {\r\n\r\n        max-width: 1180px;\r\n\r\n        padding:\r\n            0\r\n            18px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .gn-h7-series-strip {\r\n\r\n        display: none !important;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 7 - STRIP UNICA DEI 6 VOLUMI\r\n========================================================= -->\r\n\r\n<div class=\"gn-h7-series-strip\">\r\n\r\n    <figure class=\"gn-h7-series-strip__figure\">\r\n\r\n        <img decoding=\"async\"\r\n            class=\"gn-h7-series-strip__image\"\r\n            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/strip-hero-7-desktop.webp\"\r\n            alt=\"SPEAKEASY - The Graphic Novel - Sei volumi, sei citt\u00e0: Chicago, New York, Paris, Madrid, Shanghai e Berlin\"\r\n            draggable=\"false\"\r\n        >\r\n\r\n    <\/figure>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        const strip =\r\n            document.querySelector(\r\n                \".gn-h7-series-strip\"\r\n            );\r\n\r\n        if (!strip) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* BLOCCA TASTO DESTRO SULL'IMMAGINE *\/\r\n\r\n        strip.addEventListener(\r\n            \"contextmenu\",\r\n            function (event) {\r\n\r\n                if (event.target.closest(\"img\")) {\r\n                    event.preventDefault();\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* BLOCCA DRAG *\/\r\n\r\n        strip.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n\r\n                if (event.target.closest(\"img\")) {\r\n                    event.preventDefault();\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* BLOCCA SELEZIONE *\/\r\n\r\n        strip.addEventListener(\r\n            \"selectstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23ed1b3 elementor-widget elementor-widget-html\" data-id=\"23ed1b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 7 - LA SERIE\r\n   BLOCCO FINALE DESKTOP\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE\r\n============================================================ *\/\r\n\r\n.gn-h7-closing {\r\n\r\n    --h7-gold: #C99550;\r\n    --h7-gold-light: #D8B578;\r\n\r\n    width: 100%;\r\n    max-width: 900px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        0\r\n        24px;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CLAIM FINALE\r\n============================================================ *\/\r\n\r\n.gn-h7-closing__text {\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n\r\n    color:\r\n        var(--h7-gold-light);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 31px;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: normal;\r\n\r\n    line-height: 1.18;\r\n\r\n    letter-spacing: .01em;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.gn-h7-closing__text span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE ART DECO FINALE\r\n============================================================ *\/\r\n\r\n.gn-h7-closing__divider {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 330px;\r\n    max-width: 65%;\r\n\r\n    margin:\r\n        25px\r\n        auto\r\n        0;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7-closing__divider-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    height: 1px;\r\n\r\n    background-color:\r\n        var(--h7-gold);\r\n\r\n    opacity: .68;\r\n}\r\n\r\n\r\n.gn-h7-closing__divider-diamond {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 11px;\r\n    height: 11px;\r\n\r\n    margin:\r\n        0\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--h7-gold);\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    box-sizing:\r\n        border-box;\r\n}\r\n\r\n\r\n.gn-h7-closing__divider-diamond::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 3px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.65);\r\n\r\n    box-sizing:\r\n        border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DESKTOP MEDIO\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) and (max-width:1200px) {\r\n\r\n    .gn-h7-closing__text {\r\n\r\n        font-size:\r\n            27px;\r\n\r\n    }\r\n\r\n\r\n    .gn-h7-closing__divider {\r\n\r\n        width:\r\n            285px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .gn-h7-closing {\r\n\r\n        display:\r\n            none !important;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 7 - CHIUSURA DESKTOP\r\n========================================================= -->\r\n\r\n<div class=\"gn-h7-closing\">\r\n\r\n\r\n    <p class=\"gn-h7-closing__text\">\r\n\r\n        <span>\r\n            Ogni citt\u00e0 apre un nuovo capitolo.\r\n        <\/span>\r\n\r\n        <span>\r\n            Ogni volume porta la storia pi\u00f9 lontano.\r\n        <\/span>\r\n\r\n    <\/p>\r\n\r\n\r\n\r\n    <div\r\n        class=\"gn-h7-closing__divider\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <span class=\"gn-h7-closing__divider-line\"><\/span>\r\n\r\n        <span class=\"gn-h7-closing__divider-diamond\"><\/span>\r\n\r\n        <span class=\"gn-h7-closing__divider-line\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a46ce58 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"a46ce58\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-53fb671 e-con-full e-flex e-con e-child\" data-id=\"53fb671\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f01322 elementor-widget elementor-widget-html\" data-id=\"3f01322\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 7 - LA SERIE\r\n   BLOCCO INTRODUTTIVO MOBILE\r\n\r\n   - TUTTO CENTRATO\r\n   - SOLO MOBILE\r\n   - CLASSI COMPLETAMENTE SEPARATE DAL DESKTOP\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE\r\n============================================================ *\/\r\n\r\n.gn-h7m-head {\r\n\r\n    --h7m-gold: #C99550;\r\n    --h7m-gold-light: #D8B578;\r\n    --h7m-ivory: #E8DDCB;\r\n    --h7m-text: #DDD2C1;\r\n\r\n    width: 100%;\r\n    max-width: 520px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        0\r\n        20px;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   PICCOLO ROMBO SUPERIORE\r\n============================================================ *\/\r\n\r\n.gn-h7m-head__top-mark {\r\n\r\n    position: relative;\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--h7m-gold);\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    box-sizing: border-box;\r\n\r\n    opacity: .9;\r\n}\r\n\r\n\r\n.gn-h7m-head__top-mark::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 3px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.62);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   EYEBROW + LINEE\r\n============================================================ *\/\r\n\r\n.gn-h7m-head__eyebrow-wrap {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n    max-width: 330px;\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        20px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7m-head__eyebrow-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to right,\r\n            transparent,\r\n            rgba(201,149,80,.80)\r\n        );\r\n}\r\n\r\n\r\n.gn-h7m-head__eyebrow-line:last-child {\r\n\r\n    background:\r\n        linear-gradient(\r\n            to left,\r\n            transparent,\r\n            rgba(201,149,80,.80)\r\n        );\r\n}\r\n\r\n\r\n.gn-h7m-head__eyebrow {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    margin:\r\n        0\r\n        17px;\r\n\r\n    color:\r\n        var(--h7m-gold);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .28em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TITOLO\r\n============================================================ *\/\r\n\r\n.gn-h7m-head__title {\r\n\r\n    width: 100%;\r\n    max-width: 460px;\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n\r\n    color:\r\n        var(--h7m-ivory);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(43px, 11vw, 58px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .92;\r\n\r\n    letter-spacing: -.02em;\r\n\r\n    text-align: center;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: normal;\r\n\r\n    text-wrap: balance;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE ART DECO SOTTO TITOLO\r\n============================================================ *\/\r\n\r\n.gn-h7m-head__divider {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 235px;\r\n    max-width: 72%;\r\n\r\n    margin:\r\n        24px\r\n        auto\r\n        22px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7m-head__divider-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    height: 1px;\r\n\r\n    background-color:\r\n        var(--h7m-gold);\r\n\r\n    opacity: .68;\r\n}\r\n\r\n\r\n.gn-h7m-head__divider-diamond {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 11px;\r\n    height: 11px;\r\n\r\n    margin:\r\n        0\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--h7m-gold);\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7m-head__divider-diamond::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 3px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.70);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOTTOTITOLO\r\n============================================================ *\/\r\n\r\n.gn-h7m-head__subtitle {\r\n\r\n    width: 100%;\r\n    max-width: 410px;\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        16px;\r\n\r\n    color:\r\n        var(--h7m-gold-light);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 22px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.22;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: center;\r\n\r\n    text-wrap: balance;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TESTO DESCRITTIVO\r\n============================================================ *\/\r\n\r\n.gn-h7m-head__body {\r\n\r\n    width: 100%;\r\n    max-width: 430px;\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n\r\n    color:\r\n        var(--h7m-text);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.48;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7m-head__body p {\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n}\r\n\r\n\r\n.gn-h7m-head__body p + p {\r\n\r\n    margin-top:\r\n        10px;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE STRETTO\r\n============================================================ *\/\r\n\r\n@media (max-width:390px) {\r\n\r\n    .gn-h7m-head {\r\n\r\n        padding:\r\n            0\r\n            17px;\r\n    }\r\n\r\n\r\n    .gn-h7m-head__top-mark {\r\n\r\n        width:\r\n            12px;\r\n\r\n        height:\r\n            12px;\r\n\r\n        margin-bottom:\r\n            13px;\r\n    }\r\n\r\n\r\n    .gn-h7m-head__eyebrow-wrap {\r\n\r\n        max-width:\r\n            290px;\r\n\r\n        margin-bottom:\r\n            18px;\r\n    }\r\n\r\n\r\n    .gn-h7m-head__eyebrow {\r\n\r\n        margin:\r\n            0\r\n            14px;\r\n\r\n        font-size:\r\n            12px;\r\n\r\n        letter-spacing:\r\n            .26em;\r\n    }\r\n\r\n\r\n    .gn-h7m-head__title {\r\n\r\n        font-size:\r\n            41px;\r\n    }\r\n\r\n\r\n    .gn-h7m-head__divider {\r\n\r\n        width:\r\n            210px;\r\n\r\n        margin-top:\r\n            21px;\r\n\r\n        margin-bottom:\r\n            20px;\r\n    }\r\n\r\n\r\n    .gn-h7m-head__subtitle {\r\n\r\n        max-width:\r\n            350px;\r\n\r\n        font-size:\r\n            20px;\r\n    }\r\n\r\n\r\n    .gn-h7m-head__body {\r\n\r\n        max-width:\r\n            355px;\r\n\r\n        font-size:\r\n            16px;\r\n\r\n        line-height:\r\n            1.46;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO MOBILE\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) {\r\n\r\n    .gn-h7m-head {\r\n\r\n        display:\r\n            none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 7 - BLOCCO TESTO MOBILE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h7m-head\">\r\n\r\n\r\n    <!-- ROMBO SUPERIORE -->\r\n\r\n    <div\r\n        class=\"gn-h7m-head__top-mark\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n\r\n    <!-- EYEBROW -->\r\n\r\n    <div class=\"gn-h7m-head__eyebrow-wrap\">\r\n\r\n        <span\r\n            class=\"gn-h7m-head__eyebrow-line\"\r\n            aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <div class=\"gn-h7m-head__eyebrow\">\r\n            La serie\r\n        <\/div>\r\n\r\n        <span\r\n            class=\"gn-h7m-head__eyebrow-line\"\r\n            aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- TITOLO -->\r\n\r\n    <h2 class=\"gn-h7m-head__title\">\r\n        Sei volumi. Sei citt\u00e0.\r\n    <\/h2>\r\n\r\n\r\n\r\n    <!-- DIVISORE -->\r\n\r\n    <div\r\n        class=\"gn-h7m-head__divider\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <span class=\"gn-h7m-head__divider-line\"><\/span>\r\n\r\n        <span class=\"gn-h7m-head__divider-diamond\"><\/span>\r\n\r\n        <span class=\"gn-h7m-head__divider-line\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- SOTTOTITOLO -->\r\n\r\n    <div class=\"gn-h7m-head__subtitle\">\r\n        Un'unica storia attraversa luoghi, anni e destini.\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- TESTO -->\r\n\r\n    <div class=\"gn-h7m-head__body\">\r\n\r\n        <p>\r\n            SPEAKEASY - THE GRAPHIC NOVEL si sviluppa attraverso sei volumi,\r\n            ciascuno legato a una citt\u00e0 e a una nuova fase della storia.\r\n        <\/p>\r\n\r\n        <p>\r\n            Da Chicago in avanti, personaggi, epoche e atmosfere cambiano,\r\n            mentre il racconto continua a muoversi attraverso il mondo.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2624b97 elementor-widget elementor-widget-html\" data-id=\"2624b97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 7 - LA SERIE\r\n   STRIP UNICA 6 VOLUMI - MOBILE\r\n\r\n   - UN SOLO ASSET VERTICALE\r\n   - PNG\/WEBP CON TRASPARENZA\r\n   - NESSUN CROP\r\n   - NESSUN FILTRO COLORE\r\n   - SOLO MOBILE\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE GENERALE\r\n============================================================ *\/\r\n\r\n.gn-h7m-series-strip {\r\n\r\n    width: 100%;\r\n    max-width: 560px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        0\r\n        14px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   FIGURE\r\n============================================================ *\/\r\n\r\n.gn-h7m-series-strip__figure {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    background: transparent;\r\n\r\n    border: 0;\r\n\r\n    overflow: visible;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   IMMAGINE\r\n\r\n   IMPORTANTISSIMO:\r\n   - NESSUN CROP\r\n   - NESSUN FILTRO\r\n   - NESSUNA SATURAZIONE CSS\r\n   - MANTIENE LE PROPORZIONI ORIGINALI\r\n============================================================ *\/\r\n\r\n.gn-h7m-series-strip__image {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    max-width: 100%;\r\n\r\n    margin: 0 auto;\r\n    padding: 0;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    background: transparent;\r\n\r\n    border: 0;\r\n\r\n    filter: none !important;\r\n    opacity: 1 !important;\r\n\r\n    user-select: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n    -webkit-touch-callout: none;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE STRETTO\r\n============================================================ *\/\r\n\r\n@media (max-width:390px) {\r\n\r\n    .gn-h7m-series-strip {\r\n\r\n        padding:\r\n            0\r\n            10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO MOBILE\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) {\r\n\r\n    .gn-h7m-series-strip {\r\n\r\n        display: none !important;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 7 - STRIP UNICA DEI 6 VOLUMI - MOBILE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h7m-series-strip\">\r\n\r\n    <figure class=\"gn-h7m-series-strip__figure\">\r\n\r\n        <img decoding=\"async\"\r\n            class=\"gn-h7m-series-strip__image\"\r\n            src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/strip-hero-7-mobile.webp\"\r\n            alt=\"SPEAKEASY - The Graphic Novel - Sei volumi, sei citt\u00e0: Chicago, New York, Paris, Madrid, Shanghai e Berlin\"\r\n            draggable=\"false\"\r\n        >\r\n\r\n    <\/figure>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        const strip =\r\n            document.querySelector(\r\n                \".gn-h7m-series-strip\"\r\n            );\r\n\r\n        if (!strip) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* BLOCCA TASTO DESTRO *\/\r\n\r\n        strip.addEventListener(\r\n            \"contextmenu\",\r\n            function (event) {\r\n\r\n                if (event.target.closest(\"img\")) {\r\n                    event.preventDefault();\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* BLOCCA DRAG *\/\r\n\r\n        strip.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n\r\n                if (event.target.closest(\"img\")) {\r\n                    event.preventDefault();\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* BLOCCA SELEZIONE *\/\r\n\r\n        strip.addEventListener(\r\n            \"selectstart\",\r\n            function (event) {\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf249ad elementor-widget elementor-widget-html\" data-id=\"bf249ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================================\r\n   SPEAKEASY - THE GRAPHIC NOVEL\r\n   HERO 7 - LA SERIE\r\n   BLOCCO FINALE MOBILE\r\n\r\n   - TUTTO CENTRATO\r\n   - SOLO MOBILE\r\n   - CLASSI SEPARATE DAL DESKTOP\r\n============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   CONTENITORE\r\n============================================================ *\/\r\n\r\n.gn-h7m-closing {\r\n\r\n    --h7m-gold: #C99550;\r\n    --h7m-gold-light: #D8B578;\r\n\r\n    width: 100%;\r\n    max-width: 520px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        0\r\n        20px;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CLAIM FINALE\r\n============================================================ *\/\r\n\r\n.gn-h7m-closing__text {\r\n\r\n    width: 100%;\r\n    max-width: 430px;\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n\r\n    color:\r\n        var(--h7m-gold-light);\r\n\r\n    font-family:\r\n        \"Cormorant Garamond\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 24px;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: normal;\r\n\r\n    line-height: 1.22;\r\n\r\n    letter-spacing: .005em;\r\n\r\n    text-align: center;\r\n\r\n    text-wrap: balance;\r\n}\r\n\r\n\r\n.gn-h7m-closing__text span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.gn-h7m-closing__text span + span {\r\n\r\n    margin-top: 4px;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DIVISORE ART DECO FINALE\r\n============================================================ *\/\r\n\r\n.gn-h7m-closing__divider {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 240px;\r\n    max-width: 70%;\r\n\r\n    margin:\r\n        23px\r\n        auto\r\n        0;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.gn-h7m-closing__divider-line {\r\n\r\n    display: block;\r\n\r\n    flex: 1 1 auto;\r\n\r\n    height: 1px;\r\n\r\n    background-color:\r\n        var(--h7m-gold);\r\n\r\n    opacity: .68;\r\n}\r\n\r\n\r\n.gn-h7m-closing__divider-diamond {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 10px;\r\n    height: 10px;\r\n\r\n    margin:\r\n        0\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--h7m-gold);\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    box-sizing:\r\n        border-box;\r\n}\r\n\r\n\r\n.gn-h7m-closing__divider-diamond::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 3px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,149,80,.65);\r\n\r\n    box-sizing:\r\n        border-box;\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE STRETTO\r\n============================================================ *\/\r\n\r\n@media (max-width:390px) {\r\n\r\n    .gn-h7m-closing {\r\n\r\n        padding:\r\n            0\r\n            16px;\r\n\r\n    }\r\n\r\n\r\n    .gn-h7m-closing__text {\r\n\r\n        max-width:\r\n            350px;\r\n\r\n        font-size:\r\n            22px;\r\n\r\n        line-height:\r\n            1.20;\r\n\r\n    }\r\n\r\n\r\n    .gn-h7m-closing__divider {\r\n\r\n        width:\r\n            210px;\r\n\r\n        margin-top:\r\n            21px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SOLO MOBILE\r\n============================================================ *\/\r\n\r\n@media (min-width:768px) {\r\n\r\n    .gn-h7m-closing {\r\n\r\n        display:\r\n            none !important;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO 7 - CHIUSURA MOBILE\r\n========================================================= -->\r\n\r\n<div class=\"gn-h7m-closing\">\r\n\r\n\r\n    <p class=\"gn-h7m-closing__text\">\r\n\r\n        <span>\r\n            Ogni citt\u00e0 apre un nuovo capitolo.\r\n        <\/span>\r\n\r\n        <span>\r\n            Ogni volume porta la storia pi\u00f9 lontano.\r\n        <\/span>\r\n\r\n    <\/p>\r\n\r\n\r\n\r\n    <div\r\n        class=\"gn-h7m-closing__divider\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <span class=\"gn-h7m-closing__divider-line\"><\/span>\r\n\r\n        <span class=\"gn-h7m-closing__divider-diamond\"><\/span>\r\n\r\n        <span class=\"gn-h7m-closing__divider-line\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d7c13f e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"3d7c13f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-036dd89 elementor-widget elementor-widget-image\" data-id=\"036dd89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2500\" height=\"1668\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-desktop.webp\" class=\"attachment-full size-full wp-image-3499\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-desktop.webp 2500w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-desktop-300x200.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-desktop-1024x683.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-desktop-768x512.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-desktop-1536x1025.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-desktop-2048x1366.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-desktop-18x12.webp 18w\" sizes=\"(max-width: 2500px) 100vw, 2500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3739470 e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"3739470\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d4d9e9 elementor-widget elementor-widget-image\" data-id=\"9d4d9e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"1672\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-mobile.webp\" class=\"attachment-full size-full wp-image-3515\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-mobile.webp 941w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-mobile-169x300.webp 169w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-mobile-576x1024.webp 576w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-mobile-768x1365.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-mobile-864x1536.webp 864w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/09\/hero-8-mobile-7x12.webp 7w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d235942 e-con-full e-flex e-con e-parent\" data-id=\"d235942\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-128d4a3 e-con-full e-flex e-con e-child\" data-id=\"128d4a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52583a1 elementor-widget elementor-widget-heading\" data-id=\"52583a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SCOPRI ANCHE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9a90ea elementor-widget elementor-widget-image\" data-id=\"d9a90ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f50dbd3 e-flex e-con-boxed e-con e-parent\" data-id=\"f50dbd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8c21c40 e-con-full e-flex e-con e-child\" data-id=\"8c21c40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf2cc85 elementor-position-left elementor-vertical-align-middle e-transform elementor-widget elementor-widget-image-box\" data-id=\"bf2cc85\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/www.thespeakeasybook.com\/book\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1122\" height=\"1402\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda1.webp\" class=\"attachment-full size-full wp-image-1377\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda1.webp 1122w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda1-240x300.webp 240w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda1-819x1024.webp 819w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda1-768x960.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda1-10x12.webp 10w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/www.thespeakeasybook.com\/book\">Il Romanzo<\/a><\/h3><p class=\"elementor-image-box-description\">Dove tutto ha inizio.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bbac9b e-con-full e-flex e-con e-child\" data-id=\"2bbac9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-825faad elementor-position-left elementor-vertical-align-middle e-transform elementor-widget elementor-widget-image-box\" data-id=\"825faad\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/www.thespeakeasybook.com\/soundtrack\/\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1122\" height=\"1402\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda3.webp\" class=\"attachment-full size-full wp-image-1722\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda3.webp 1122w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda3-240x300.webp 240w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda3-819x1024.webp 819w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda3-768x960.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/scheda3-10x12.webp 10w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/www.thespeakeasybook.com\/soundtrack\/\">ORIGINAL BOOK SOUNDTRACK<\/a><\/h3><p class=\"elementor-image-box-description\">Il suono di SPEAKEASY.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b13b2a6 e-con-full e-flex e-con e-child\" data-id=\"b13b2a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8377bfd elementor-position-left elementor-vertical-align-middle e-transform elementor-widget elementor-widget-image-box\" data-id=\"8377bfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/www.thespeakeasybook.com\/\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1122\" height=\"1402\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/landing.webp\" class=\"attachment-full size-full wp-image-2500\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/landing.webp 1122w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/landing-240x300.webp 240w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/landing-819x1024.webp 819w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/landing-768x960.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/08\/landing-10x12.webp 10w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/www.thespeakeasybook.com\/\">TORNA ALLA HOME<\/a><\/h3><p class=\"elementor-image-box-description\">Esplora SPEAKEASY.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c8c1ab e-flex e-con-boxed e-con e-parent\" data-id=\"8c8c1ab\" data-element_type=\"container\" data-e-type=\"container\" id=\"entra-nella-storia\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd64542 elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"cd64542\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SPEAKEASY. LEGGILO. GUARDALO. ASCOLTALO.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-607a906 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"607a906\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SPEAKEASY. <br>LEGGILO. GUARDALO. ASCOLTALO.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be1783f e-transform elementor-widget elementor-widget-image\" data-id=\"be1783f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_flipY_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"333\" src=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp\" class=\"attachment-full size-full wp-image-203\" alt=\"\" srcset=\"https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-scaled.webp 2560w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-300x39.webp 300w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1024x133.webp 1024w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-768x100.webp 768w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-1536x200.webp 1536w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-2048x266.webp 2048w, https:\/\/www.thespeakeasybook.com\/wp-content\/uploads\/2026\/05\/separatore_2-18x2.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d50a8f e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"9d50a8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dd4629f e-con-full e-flex e-con e-child\" data-id=\"dd4629f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf2f075 elementor-widget elementor-widget-heading\" data-id=\"bf2f075\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.thespeakeasybook.com\/privacy-policy\/\">Privacy policy<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3892228 e-con-full e-flex e-con e-child\" data-id=\"3892228\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc9d5fe elementor-widget elementor-widget-heading\" data-id=\"cc9d5fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjM2MTEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">INFORMAZIONI SULL\u2019USO DELL\u2019AI<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5d7bd1 e-con-full e-flex e-con e-child\" data-id=\"e5d7bd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0129b1 elementor-widget elementor-widget-heading\" data-id=\"f0129b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.thespeakeasybook.com\/cookie-policy\/\">Cookie Policy<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e95eec4 e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"e95eec4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3ccae0e e-con-full e-flex e-con e-child\" data-id=\"3ccae0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8a159d elementor-widget elementor-widget-heading\" data-id=\"b8a159d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.thespeakeasybook.com\/privacy-policy\/\">Privacy policy<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-081ac92 e-con-full e-flex e-con e-child\" data-id=\"081ac92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e78f69 elementor-widget elementor-widget-heading\" data-id=\"3e78f69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.thespeakeasybook.com\/cookie-policy\/\">Cookie Policy<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d621745 e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"d621745\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e36a47b e-con-full e-flex e-con e-child\" data-id=\"e36a47b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f44f874 elementor-widget elementor-widget-heading\" data-id=\"f44f874\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjM2MTEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">INFORMAZIONI SULL\u2019USO DELL\u2019AI<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04c5923 e-con-full e-flex e-con e-parent\" data-id=\"04c5923\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9bdf1e9 e-con-full e-flex e-con e-child\" data-id=\"9bdf1e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c26cb1e elementor-widget elementor-widget-heading\" data-id=\"c26cb1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00a9 2026 SPEAKEASY - tutti i diritti riservati<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-541a137 e-con-full e-flex e-con e-child\" data-id=\"541a137\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97b0576 elementor-shape-circle elementor-grid-5 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"97b0576\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-f1e85f2\" href=\"https:\/\/www.facebook.com\/alessio.nastro.siniscalchi\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-f34cf05\" href=\"https:\/\/www.instagram.com\/alessio_nastro\/\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-threads elementor-repeater-item-ad7c65d\" href=\"https:\/\/www.threads.com\/@alessio_nastro\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Threads<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-threads\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-e7836ce\" href=\"https:\/\/x.com\/alessionastro\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">X-twitter<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-x-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-e3ec306\" href=\"https:\/\/www.linkedin.com\/in\/alessio-nastro-siniscalchi-a0843238\/\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c18dcf e-con-full e-flex e-con e-child\" data-id=\"7c18dcf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-384c3e8 elementor-widget elementor-widget-heading\" data-id=\"384c3e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">sviluppato DA ALESSIO NASTRO SINISCALCHI<\/h2>\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>IT EN FR ES IT EN FR ES Facebook Instagram Threads X-twitter Linkedin SPEAKEASY &#8211; THE GRAPHIC NOVEL CHICAGO \u00c8 SOLO L\u2019INIZIO. Sei volumi. Sei citt\u00e0. Un\u2019unica storia da attraversare con gli occhi. VOLUME I \u2014 CHICAGO PROSSIMAMENTE SCOPRI IL VOLUME I SPEAKEASY &#8211; THE GRAPHIC NOVEL CHICAGO \u00c8 SOLO L\u2019INIZIO. Sei volumi. Sei citt\u00e0. [&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":{"footnotes":""},"class_list":["post-2544","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.thespeakeasybook.com\/en\/wp-json\/wp\/v2\/pages\/2544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thespeakeasybook.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thespeakeasybook.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thespeakeasybook.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thespeakeasybook.com\/en\/wp-json\/wp\/v2\/comments?post=2544"}],"version-history":[{"count":805,"href":"https:\/\/www.thespeakeasybook.com\/en\/wp-json\/wp\/v2\/pages\/2544\/revisions"}],"predecessor-version":[{"id":3664,"href":"https:\/\/www.thespeakeasybook.com\/en\/wp-json\/wp\/v2\/pages\/2544\/revisions\/3664"}],"wp:attachment":[{"href":"https:\/\/www.thespeakeasybook.com\/en\/wp-json\/wp\/v2\/media?parent=2544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}