{"id":68,"date":"2026-09-01T12:52:36","date_gmt":"2026-09-01T12:52:36","guid":{"rendered":"https:\/\/giovannaromano.shop\/?page_id=68"},"modified":"2026-09-04T11:40:47","modified_gmt":"2026-09-04T11:40:47","slug":"home-v5","status":"publish","type":"page","link":"https:\/\/giovannaromano.shop\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"68\" class=\"elementor elementor-68\">\n\t\t\t\t<div class=\"elementor-element elementor-element-sec_6a9e6ee21d21f e-con-full e-flex e-con e-parent\" data-id=\"sec_6a9e6ee21d21f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-wgt_6a9e6ee21d223 elementor-widget elementor-widget-html\" data-id=\"wgt_6a9e6ee21d223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  \n  \n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,400;1,600;1,700&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\n\n:root {\n  --font-heading: 'Outfit', 'Plus Jakarta Sans', -apple-system, sans-serif;\n  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n  \n  --bg-main: #FAF7F2;\n  --bg-surface: #FFFFFF;\n  --bg-dark: #241A14;\n  \n  --text-main: #2E211A;\n  --text-muted: #3D2E26;\n  --text-light: #A0958C;\n  \n  --accent: #B87D4B;\n  --accent-hover: #9E6535;\n  --accent-soft: #F2E7DA;\n  \n  --border-light: #D4C6B6;\n  --border-gold: rgba(184, 125, 75, 0.45);\n  --border-dark: #382B23;\n  \n  --shadow-sm: 0 4px 20px rgba(46, 33, 26, 0.05);\n  --shadow-md: 0 14px 38px rgba(46, 33, 26, 0.08);\n  --shadow-lg: 0 24px 60px rgba(46, 33, 26, 0.12);\n  --shadow-book: -12px 22px 45px rgba(36, 26, 20, 0.28), -3px 6px 14px rgba(36, 26, 20, 0.12);\n  \n  --radius-sm: 10px;\n  --radius-md: 18px;\n  --radius-lg: 24px;\n  --radius-xl: 32px;\n}\n\n* { box-sizing: border-box; }\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n  background-color: var(--bg-main) !important;\n  color: var(--text-main);\n  font-family: var(--font-body);\n  line-height: 1.8;\n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* ========================================================\n   HEADER AD ISOLA CURVA\n======================================================== *\/\n\n\n.gr-euro-logo-box {\n  background: #FFFFFF;\n  padding: 14px 32px 14px 40px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.gr-logo-link {\n  text-decoration: none;\n  display: flex;\n  flex-direction: column;\n}\n\n.gr-logo-title {\n  font-family: var(--font-heading);\n  font-size: 25px;\n  font-weight: 700;\n  color: var(--text-main);\n  letter-spacing: -0.4px;\n  line-height: 1.1;\n}\n\n.gr-logo-sub {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  color: var(--accent);\n  font-weight: 700;\n  margin-top: 3px;\n}\n\n.gr-euro-curve-divider {\n  width: 48px;\n  height: 100%;\n  flex-shrink: 0;\n  display: block;\n}\n\n.gr-euro-nav-zone {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0 40px 0 20px;\n}\n\n.gr-euro-nav-list {\n  display: flex;\n  gap: 12px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  align-items: center;\n}\n\n.gr-euro-nav-list li a {\n  text-decoration: none;\n  color: #FFFFFF;\n  font-weight: 700;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n  padding: 9px 20px;\n  border-radius: 999px;\n  border: 1.5px solid transparent;\n  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n  display: block;\n}\n\n.gr-euro-nav-list li a:hover, .gr-euro-nav-list li a.active {\n  color: var(--text-main) !important;\n  background: #FFFFFF !important;\n  border-color: #FFFFFF !important;\n  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);\n  transform: translateY(-2px);\n}\n\n@media(max-width: 900px) {\n  \n  .gr-euro-logo-box {\n    padding: 14px 20px;\n    justify-content: center;\n  }\n  .gr-euro-curve-divider {\n    display: none;\n  }\n  .gr-euro-nav-zone {\n    justify-content: center;\n    padding: 12px 16px;\n  }\n  .gr-euro-nav-list {\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n  }\n  .gr-euro-nav-list li a {\n    font-size: 12.5px;\n    padding: 7px 14px;\n  }\n}\n\n\/* BUTTONS *\/\n.gr-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 16px 36px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  cursor: pointer;\n  border: 2px solid transparent;\n  font-family: var(--font-body);\n  letter-spacing: 0.3px;\n}\n\n.gr-btn-dark {\n  background: var(--text-main);\n  color: #FFF !important;\n  border-color: var(--text-main);\n  box-shadow: 0 6px 20px rgba(46, 33, 26, 0.22);\n}\n\n.gr-btn-dark:hover {\n  background: var(--accent) !important;\n  border-color: var(--accent) !important;\n  color: #FFF !important;\n  transform: translateY(-3px) scale(1.02);\n  box-shadow: 0 12px 30px rgba(184, 125, 75, 0.45);\n}\n\n.gr-btn-outline {\n  background: #FFF;\n  color: var(--text-main) !important;\n  border: 2px solid var(--border-light);\n  box-shadow: var(--shadow-sm);\n}\n\n.gr-btn-outline:hover {\n  background: var(--text-main) !important;\n  border-color: var(--text-main) !important;\n  color: #FFF !important;\n  transform: translateY(-3px) scale(1.02);\n  box-shadow: 0 12px 28px rgba(46, 33, 26, 0.25);\n}\n\n.gr-btn-gold {\n  background: var(--accent);\n  color: #FFF !important;\n  border-color: var(--accent);\n  box-shadow: 0 6px 22px rgba(184, 125, 75, 0.35);\n}\n\n.gr-btn-gold:hover {\n  background: var(--accent-hover) !important;\n  border-color: var(--accent-hover) !important;\n  transform: translateY(-3px) scale(1.02);\n  box-shadow: 0 14px 34px rgba(184, 125, 75, 0.55);\n}\n\n\/* ========================================================\n   HERO APERTO, FLUIDO ED EDITORIALE\n======================================================== *\/\n.gr-hero-open-section {\n  padding: 75px 24px 45px;\n  position: relative;\n  background: radial-gradient(circle at 75% 40%, rgba(184, 125, 75, 0.09) 0%, rgba(250, 247, 242, 0) 65%);\n}\n\n.gr-hero-open-container {\n  max-width: 1400px;\n  width: 94%;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.15fr auto 0.85fr;\n  gap: 45px;\n  align-items: center;\n}\n\n.gr-hero-col-left { display: flex; flex-direction: column; justify-content: center; position: relative; }\n\n.gr-hero-v-divider {\n  width: 3px;\n  align-self: stretch;\n  min-height: 480px;\n  margin: 15px 0;\n  background: linear-gradient(180deg, rgba(184, 125, 75, 0.15) 0%, #B87D4B 12%, #C47A3E 50%, #B87D4B 88%, rgba(184, 125, 75, 0.15) 100%);\n  border-radius: 999px;\n  box-shadow: 0 0 14px rgba(184, 125, 75, 0.3);\n  animation: heroDividerReveal 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n@keyframes heroDividerReveal {\n  0% {\n    opacity: 0;\n    transform: scaleY(0.3);\n  }\n  100% {\n    opacity: 1;\n    transform: scaleY(1);\n  }\n}\n\n.gr-hero-col-right { display: flex; align-items: center; justify-content: center; position: relative; }\n\n@media(max-width: 960px) {\n  .gr-hero-open-section {\n    padding: 30px 20px 35px;\n  }\n  .gr-hero-open-container {\n    grid-template-columns: 1fr;\n    gap: 35px;\n    width: 100%;\n  }\n  .gr-hero-col-left {\n    grid-column: auto;\n  }\n  .gr-hero-v-divider {\n    display: none;\n  }\n  .gr-hero-col-right {\n    grid-column: auto;\n  }\n}\n\n.gr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--accent-soft);\n  color: var(--accent);\n  padding: 8px 18px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  margin-bottom: 24px;\n  border: 1.5px solid var(--border-gold);\n  width: fit-content;\n}\n\n.gr-hero-title {\n  font-family: var(--font-heading);\n  font-size: clamp(38px, 4.5vw, 60px);\n  line-height: 1.15;\n  font-weight: 700;\n  color: var(--text-main);\n  letter-spacing: -0.6px;\n  margin: 0 0 24px;\n  max-width: 720px;\n}\n\n.gr-hero-title em {\n  font-style: normal;\n  color: var(--accent);\n  font-weight: 700;\n}\n\n.gr-hero-desc {\n  font-size: 19px;\n  font-weight: 500;\n  color: var(--text-muted);\n  line-height: 1.85;\n  margin: 0 0 38px;\n  max-width: 660px;\n}\n\n.gr-hero-desc p {\n  font-weight: 500;\n  color: var(--text-muted);\n  margin: 0 0 16px;\n}\n\n.gr-hero-desc strong {\n  font-weight: 700;\n  color: var(--text-main);\n}\n\n.gr-hero-visual-wrap {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.gr-hero-image-stage {\n  position: relative;\n  max-width: 370px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.gr-hero-image-stage img {\n  width: 100%;\n  height: auto;\n  max-height: 480px;\n  object-fit: contain;\n  border-radius: 22px;\n  box-shadow: 0 24px 60px rgba(46, 33, 26, 0.22);\n  display: block;\n  \n  will-change: transform, box-shadow;\n}\n\n@keyframes floatBookInfinite {\n  0% {\n    transform: translateY(0px) rotate(0deg);\n    box-shadow: 0 20px 50px rgba(46, 33, 26, 0.2);\n  }\n  50% {\n    transform: translateY(-16px) rotate(1.2deg);\n    box-shadow: 0 36px 80px rgba(46, 33, 26, 0.3);\n  }\n  100% {\n    transform: translateY(0px) rotate(0deg);\n    box-shadow: 0 20px 50px rgba(46, 33, 26, 0.2);\n  }\n}\n\n.gr-hero-float-quote {\n  position: absolute;\n  bottom: -28px;\n  left: -20px;\n  background: rgba(255, 255, 255, 0.96);\n  backdrop-filter: blur(16px);\n  padding: 22px 28px;\n  border-radius: var(--radius-md);\n  box-shadow: 0 18px 40px rgba(46, 33, 26, 0.14);\n  border: 1.5px solid var(--border-light);\n  border-left: 6px solid var(--accent);\n  max-width: 350px;\n  \n  will-change: transform;\n}\n\n@keyframes floatQuoteInfinite {\n  0% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(12px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n@media(max-width: 600px) {\n  .gr-hero-float-quote {\n    position: static;\n    margin-top: 24px;\n    max-width: 100%;\n    animation: none;\n  }\n}\n\n.gr-hero-float-quote p {\n  font-family: var(--font-heading);\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--text-main);\n  margin: 0 0 8px;\n  line-height: 1.5;\n}\n\n.gr-hero-float-quote small {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--accent);\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n\/* ========================================================\n   SEPARATORE DI PRESTIGIO HERO \u2192 SEZIONI\n======================================================== *\/\n.gr-hero-separator-wrap {\n  max-width: 1440px;\n  width: 94%;\n  margin: 20px auto 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 24px;\n  position: relative;\n}\n\n.gr-separator-line {\n  flex: 1;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, var(--border-light) 40%, var(--accent) 100%);\n  border-radius: 2px;\n}\n\n.gr-separator-line.right {\n  background: linear-gradient(90deg, var(--accent) 0%, var(--border-light) 60%, transparent 100%);\n}\n\n.gr-separator-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: #FFFFFF;\n  border: 1.5px solid var(--border-light);\n  padding: 9px 26px;\n  border-radius: 999px;\n  box-shadow: 0 6px 20px rgba(46, 33, 26, 0.06);\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--accent);\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.gr-separator-badge .gr-sep-sparkle {\n  font-size: 13px;\n  color: var(--accent);\n  animation: rotateSparkle 14s linear infinite;\n  display: inline-block;\n}\n\n@keyframes rotateSparkle {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.gr-quote-card {\n  background: #FFF;\n  border: 2px solid var(--border-light);\n  border-top: 5px solid var(--accent);\n  padding: 36px 30px;\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-sm);\n  transition: all 0.3s ease;\n}\n\n.gr-quote-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-md);\n  border-color: var(--accent);\n}\n\n.gr-quote-card p {\n  font-weight: 500;\n  color: var(--text-muted);\n}\n\n.gr-divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: 60px auto;\n  max-width: 360px;\n}\n\n.gr-divider::before, .gr-divider::after {\n  content: '';\n  flex: 1;\n  height: 2px;\n  background: var(--border-light);\n}\n\n.gr-divider-icon {\n  color: var(--accent);\n  font-size: 14px;\n}\n\n.gr-footer-final {\n  background: var(--bg-dark);\n  color: var(--text-light);\n  padding: 70px 24px 30px;\n  border-top: 2px solid var(--border-dark);\n}\n\n.gr-footer-grid {\n  max-width: 1440px;\n  width: 94%;\n  margin: 0 auto 50px;\n  display: grid;\n  grid-template-columns: 2fr 1fr 1fr;\n  gap: 50px;\n}\n\n@media(max-width: 800px) {\n  .gr-footer-grid {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n}\n\n.gr-footer-bottom {\n  max-width: 1440px;\n  width: 94%;\n  margin: 0 auto;\n  padding-top: 24px;\n  border-top: 1px solid var(--border-dark);\n  text-align: center;\n  font-size: 14px;\n}\n\n\/* ========================================================\n   AZZERAMENTO SPAZIO SUPERIORE HEADER (FLUSH TOP)\n======================================================== *\/\nhtml, body {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nbody {\n  padding-top: 0 !important;\n}\n\n\/* Rimuove qualsiasi padding\/margin imposto da Elementor o dal tema sopra l'header *\/\n.elementor,\n.elementor-68,\n.elementor-68 > .elementor-element,\n.elementor-68 .e-con,\n.elementor-68 .e-con-full,\n.elementor-68 .e-parent,\n.elementor-68 .elementor-widget,\n.elementor-68 .elementor-widget-html,\n.elementor-68 .elementor-widget-container {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n\n.gr-header-euro {\n  position: sticky !important;\n  top: 0 !important;\n  margin-top: 0 !important;\n  width: 100% !important;\n  z-index: 1000 !important;\n  display: flex;\n  align-items: stretch;\n  min-height: 74px;\n  background: linear-gradient(135deg, #B87D4B 0%, #A36B3B 100%);\n  border-bottom: 2.5px solid #8F5528;\n  box-shadow: 0 6px 25px rgba(184, 125, 75, 0.28);\n}\n\n\/* Offset solo quando la barra admin di WordPress \u00e8 visibile *\/\n.admin-bar .gr-header-euro {\n  top: 32px !important;\n}\n\n@media screen and (max-width: 782px) {\n  .admin-bar .gr-header-euro {\n    top: 46px !important;\n  }\n}\n\n\n\/* ========================================================\n   HERO ANIMATIONS (FLUIDE, EDITORIALI E VIVE)\n======================================================== *\/\n.gr-hero-open-section {\n  padding: 75px 24px 45px;\n  position: relative;\n  background: radial-gradient(circle at 75% 40%, rgba(184, 125, 75, 0.11) 0%, rgba(250, 247, 242, 0) 65%);\n  overflow: hidden;\n}\n\n.gr-hero-open-container {\n  max-width: 1400px;\n  width: 94%;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.15fr auto 0.85fr;\n  gap: 45px;\n  align-items: center;\n}\n\n.gr-hero-col-left {\n  grid-column: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n}\n\n.gr-hero-v-divider {\n  grid-column: 2;\n  width: 3px;\n  align-self: stretch;\n  min-height: 440px;\n  margin: 10px 0;\n  background: linear-gradient(180deg, rgba(184, 125, 75, 0.15) 0%, #B87D4B 12%, #C47A3E 50%, #B87D4B 88%, rgba(184, 125, 75, 0.15) 100%);\n  border-radius: 999px;\n  box-shadow: 0 0 14px rgba(184, 125, 75, 0.3);\n  animation: heroDividerReveal 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n.gr-hero-col-right {\n  grid-column: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  margin-top: 35px;\n}\n\n\/* 1. Badge di prestigio animato *\/\n.gr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--accent-soft);\n  color: var(--accent);\n  padding: 8px 18px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  margin-bottom: 24px;\n  border: 1.5px solid var(--border-gold);\n  width: fit-content;\n  box-shadow: 0 4px 15px rgba(184, 125, 75, 0.12);\n  opacity: 0;\n  transform: translateY(-16px);\n  animation: badgeDropIn 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards, 1, 0.3, 1) 0.1s forwards, badgeFloat 6.5s ease-in-out infinite alternate 1.3s;\n}\n\n@keyframes badgeDropIn {\n  0% { opacity: 0; transform: translateY(-16px); letter-spacing: 1px; }\n  100% { opacity: 1; transform: translateY(0); letter-spacing: 1.5px; }\n}\n\n@keyframes badgeFloat {\n  0% { transform: translateY(0); }\n  50% { transform: translateY(-3px); }\n  100% { transform: translateY(0); }\n}\n\n.gr-badge-sparkle {\n  display: inline-block;\n  animation: sparkleTwinkle 5s ease-in-out infinite;\n}\n\n@keyframes sparkleTwinkle {\n  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.8; }\n  50% { transform: scale(1.25) rotate(20deg); opacity: 1; filter: drop-shadow(0 0 6px rgba(184, 125, 75, 0.8)); }\n}\n\n\/* 2. Titolo monumentale animato *\/\n.gr-hero-title {\n  font-family: var(--font-heading);\n  font-size: clamp(38px, 4.5vw, 60px);\n  line-height: 1.15;\n  font-weight: 700;\n  color: var(--text-main);\n  letter-spacing: -0.6px;\n  margin: 0 0 24px;\n  max-width: 720px;\n  opacity: 0;\n  transform: translateY(28px);\n  filter: blur(4px);\n  animation: heroTitleReveal 2.5s cubic-bezier(0.16, 1, 0.3, 1) 0.45s forwards;\n}\n\n@keyframes heroTitleReveal {\n  0% { opacity: 0; transform: translateY(28px); filter: blur(4px); }\n  100% { opacity: 1; transform: translateY(0); filter: blur(0); }\n}\n\n.gr-hero-title em {\n  font-style: normal;\n  background: linear-gradient(135deg, #B87D4B 0%, #D99B65 30%, #B87D4B 60%, #8E5629 100%);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-weight: 700;\n  display: inline-block;\n  animation: textGoldShine 7s ease-in-out infinite 1.8s;\n}\n\n@keyframes textGoldShine {\n  0%, 100% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n}\n\n\/* 3. Descrizione a comparsa morbida *\/\n.gr-hero-desc {\n  font-size: 19px;\n  font-weight: 500;\n  color: var(--text-muted);\n  line-height: 1.85;\n  margin: 0 0 38px;\n  max-width: 660px;\n  opacity: 0;\n  transform: translateY(22px);\n  animation: heroDescReveal 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;\n}\n\n@keyframes heroDescReveal {\n  0% { opacity: 0; transform: translateY(22px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n.gr-hero-desc p {\n  font-weight: 500;\n  color: var(--text-muted);\n  margin: 0 0 16px;\n}\n\n.gr-hero-desc strong {\n  font-weight: 700;\n  color: var(--text-main);\n}\n\n\/* 4. Bottoni CTA con riflesso magnetico *\/\n.gr-hero-cta-wrap {\n  display: flex;\n  gap: 18px;\n  flex-wrap: wrap;\n  opacity: 0;\n  transform: translateY(20px);\n  animation: heroCtaReveal 2.3s cubic-bezier(0.16, 1, 0.3, 1) 1.15s forwards;\n}\n\n@keyframes heroCtaReveal {\n  0% { opacity: 0; transform: translateY(20px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n.gr-btn-dark {\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 10px 28px rgba(46, 33, 26, 0.22);\n  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.gr-btn-dark::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -120%;\n  width: 50%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);\n  transform: skewX(-20deg);\n  animation: btnSweepShine 6.5s infinite ease-in-out 2s;\n  pointer-events: none;\n}\n\n@keyframes btnSweepShine {\n  0% { left: -120%; }\n  30%, 100% { left: 180%; }\n}\n\n.gr-btn-dark:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 36px rgba(46, 33, 26, 0.32);\n}\n\n.gr-btn-dark svg {\n  transition: transform 0.3s ease;\n}\n\n.gr-btn-dark:hover svg {\n  transform: translateX(4px);\n}\n\n\/* 5. Colonna Destra \u2014 Visual del Libro 3D e Quote Fluttuante *\/\n.gr-hero-col-right {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.gr-hero-visual-wrap {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.gr-hero-image-stage {\n  position: relative;\n  max-width: 420px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0;\n  transform: translateY(35px) scale(0.94);\n  animation: bookStageEntrance 2.8s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;\n}\n\n@keyframes bookStageEntrance {\n  0% { opacity: 0; transform: translateY(35px) scale(0.94); }\n  100% { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n.gr-hero-image-stage img {\n  width: 100%;\n  height: auto;\n  max-height: 560px;\n  object-fit: contain;\n  border-radius: 22px;\n  display: block;\n  box-shadow: 0 24px 60px rgba(46, 33, 26, 0.22);\n  animation: floatBookInfinite 8.5s ease-in-out infinite alternate;\n  will-change: transform, box-shadow;\n  transition: transform 0.4s ease;\n}\n\n@keyframes floatBookInfinite {\n  0% {\n    transform: translateY(0px) rotate(0deg);\n    box-shadow: 0 20px 50px rgba(46, 33, 26, 0.2);\n  }\n  50% {\n    transform: translateY(-15px) rotate(1.2deg);\n    box-shadow: 0 36px 80px rgba(46, 33, 26, 0.28);\n  }\n  100% {\n    transform: translateY(0px) rotate(0deg);\n    box-shadow: 0 20px 50px rgba(46, 33, 26, 0.2);\n  }\n}\n\n.gr-hero-float-quote {\n  position: absolute;\n  bottom: -28px;\n  left: -20px;\n  background: rgba(255, 255, 255, 0.96);\n  backdrop-filter: blur(16px);\n  padding: 22px 28px;\n  border-radius: var(--radius-md);\n  box-shadow: 0 18px 40px rgba(46, 33, 26, 0.16);\n  border: 1.5px solid var(--border-light);\n  border-left: 6px solid var(--accent);\n  max-width: 350px;\n  opacity: 0;\n  transform: scale(0.92) translateY(24px);\n  animation: quoteEntrance 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.3s forwards, 1, 0.3, 1) 0.85s forwards, floatQuoteInfinite 9.5s ease-in-out infinite alternate 2.2s;\n  will-change: transform, opacity;\n}\n\n@keyframes quoteEntrance {\n  0% { opacity: 0; transform: scale(0.92) translateY(24px); }\n  100% { opacity: 1; transform: scale(1) translateY(0); }\n}\n\n@keyframes floatQuoteInfinite {\n  0% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(10px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n\n\/* ========================================================\n   LE 3 CARD DELLE OPERE \u2014 INGRESSO A CASCATA PROGRESSIVO & COPERTINE FLUTTUANTI 3D\n======================================================== *\/\n.gr-scroll-reveal {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n.gr-scroll-reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.gr-books-grid {\n  position: relative;\n}\n\n.gr-books-grid .gr-book-card-3d {\n  background: #FFFFFF;\n  border-radius: var(--radius-lg);\n  border: 2px solid var(--accent);\n  padding: 34px 28px;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 16px 42px rgba(46, 33, 26, 0.13), 0 0 25px rgba(184, 125, 75, 0.14);\n  position: relative;\n  overflow: hidden;\n  \n  \/* ENTRATA A CASCATA ALLO SCROLL *\/\n  opacity: 0;\n  transform: translateY(50px);\n  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;\n  will-change: opacity, transform;\n}\n\n.gr-books-grid.is-visible .gr-book-card-3d {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.gr-books-grid.is-visible .gr-book-card-3d:nth-child(1) {\n  transition-delay: 0.1s;\n}\n\n.gr-books-grid.is-visible .gr-book-card-3d:nth-child(2) {\n  transition-delay: 0.28s;\n}\n\n.gr-books-grid.is-visible .gr-book-card-3d:nth-child(3) {\n  transition-delay: 0.46s;\n}\n\n.gr-book-card-3d:hover {\n  transform: translateY(-10px) !important;\n  border-color: var(--accent-hover);\n  box-shadow: 0 28px 65px rgba(46, 33, 26, 0.2), 0 0 40px rgba(184, 125, 75, 0.3) !important;\n}\n\n\/* PALCOSCENICO DEI LIBRI CON FASCIO DI LUCE PERIODICO *\/\n.gr-book-stage {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 30px 0;\n  background: radial-gradient(circle at 50% 35%, #FFFFFF 0%, #F5EDE2 100%);\n  border-radius: var(--radius-md);\n  border: 1.5px solid rgba(184, 125, 75, 0.35);\n  margin-bottom: 24px;\n  perspective: 1000px;\n  position: relative;\n  overflow: hidden;\n}\n\n.gr-book-stage::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -140%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);\n  transform: skewX(-24deg);\n  animation: bookStageSweep 6s infinite ease-in-out;\n  pointer-events: none;\n}\n\n@keyframes bookStageSweep {\n  0% { left: -140%; }\n  35%, 100% { left: 180%; }\n}\n\n.gr-book-card-3d:nth-child(2) .gr-book-stage::after {\n  animation-delay: 2s;\n}\n\n.gr-book-card-3d:nth-child(3) .gr-book-stage::after {\n  animation-delay: 4s;\n}\n\n\/* LE COPERTINE DEI 3 LIBRI \u2014 FLUTTUAZIONE VIVA E CONTINUA IN 3D *\/\n.gr-book-cover {\n  width: 185px;\n  height: 278px;\n  object-fit: cover;\n  border-radius: 8px;\n  transform: rotateY(0deg) scale(1.04);\n  box-shadow: 0 20px 48px rgba(36, 26, 20, 0.3), 0 4px 14px rgba(36, 26, 20, 0.15);\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\n  will-change: transform, box-shadow;\n  animation: floatBookLiving 5.2s ease-in-out infinite alternate;\n}\n\n.gr-book-card-3d:nth-child(1) .gr-book-cover {\n  animation-delay: 0.2s;\n}\n\n.gr-book-card-3d:nth-child(2) .gr-book-cover {\n  animation-delay: 1.8s;\n}\n\n.gr-book-card-3d:nth-child(3) .gr-book-cover {\n  animation-delay: 3.4s;\n}\n\n@keyframes floatBookLiving {\n  0% {\n    transform: translateY(0px) rotateY(0deg) scale(1.04);\n    box-shadow: 0 20px 48px rgba(36, 26, 20, 0.3), 0 4px 14px rgba(36, 26, 20, 0.15);\n  }\n  50% {\n    transform: translateY(-13px) rotate(1.2deg) scale(1.07);\n    box-shadow: 0 34px 72px rgba(36, 26, 20, 0.4), 0 8px 22px rgba(36, 26, 20, 0.22);\n  }\n  100% {\n    transform: translateY(0px) rotateY(0deg) scale(1.04);\n    box-shadow: 0 20px 48px rgba(36, 26, 20, 0.3), 0 4px 14px rgba(36, 26, 20, 0.15);\n  }\n}\n\n\/* BOTTONE SCHEDA & DETTAGLI *\/\n.gr-book-card-3d .gr-btn-outline {\n  background: rgba(184, 125, 75, 0.08) !important;\n  border-color: var(--accent) !important;\n  color: var(--accent) !important;\n  font-weight: 700 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  transition: all 0.35s ease !important;\n}\n\n.gr-book-card-3d .gr-btn-outline:hover {\n  background: var(--accent) !important;\n  color: #FFFFFF !important;\n  box-shadow: 0 8px 24px rgba(184, 125, 75, 0.35) !important;\n}\n\n\/* CITAZIONI DAI LIBRI & COMMUNITY CTA SCROLL REVEAL *\/\n.gr-quote-card {\n  background: #FFFFFF;\n  border-radius: var(--radius-lg);\n  padding: 36px 30px;\n  border: 1.5px solid var(--border-light);\n  box-shadow: var(--shadow-sm);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;\n  will-change: opacity, transform;\n}\n\n.gr-quotes-grid.is-visible .gr-quote-card {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.gr-quotes-grid.is-visible .gr-quote-card:nth-child(1) { transition-delay: 0.1s; }\n.gr-quotes-grid.is-visible .gr-quote-card:nth-child(2) { transition-delay: 0.25s; }\n.gr-quotes-grid.is-visible .gr-quote-card:nth-child(3) { transition-delay: 0.4s; }\n\n#gr-community-cta {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n#gr-community-cta.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ========================================================\n   MANIFESTO D'AUTORE \u2014 DIMENSIONI CALIBRATE & FONT OUTFIT\n======================================================== *\/\n.gr-manifesto {\n  background: radial-gradient(circle at 85% 20%, rgba(255, 255, 255, 0.7) 0%, transparent 60%),\n              linear-gradient(135deg, #F6EDE2 0%, #EBDBC7 45%, #DFCAAF 100%) !important;\n  color: #24160E !important;\n  border-radius: var(--radius-xl);\n  border: 2px solid #C49847 !important;\n  padding: 42px 48px !important;\n  margin: 60px 0 !important;\n  display: grid !important;\n  grid-template-columns: 1.25fr 0.85fr !important;\n  gap: 40px !important;\n  align-items: center !important;\n  box-shadow: 0 20px 55px rgba(184, 125, 75, 0.2), 0 6px 20px rgba(46, 33, 26, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;\n  position: relative;\n  overflow: hidden;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.gr-manifesto::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, #DFBA73 0%, #B87D4B 50%, #8E5629 100%);\n  opacity: 0.9;\n}\n\n.gr-manifesto:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 26px 70px rgba(184, 125, 75, 0.25), 0 8px 25px rgba(46, 33, 26, 0.1) !important;\n  border-color: #B87D4B !important;\n}\n\n@media(max-width: 900px) {\n  .gr-manifesto {\n    grid-template-columns: 1fr !important;\n    padding: 34px 22px !important;\n    gap: 28px !important;\n  }\n}\n\n.gr-manifesto-badge {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 7px !important;\n  background: linear-gradient(135deg, rgba(184, 125, 75, 0.16) 0%, rgba(184, 125, 75, 0.28) 100%) !important;\n  color: #945B2B !important;\n  border: 1.5px solid #B87D4B !important;\n  padding: 6px 18px !important;\n  border-radius: 999px !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  box-shadow: 0 3px 12px rgba(184, 125, 75, 0.18) !important;\n  margin-bottom: 18px !important;\n}\n\n.gr-manifesto-badge span.sparkle {\n  color: #B87D4B !important;\n  font-size: 10px !important;\n}\n\n\/* FONT OUTFIT MODERNO, BOLD E PULITO \u2014 TITOLO MISTO *\/\n.gr-manifesto-quote {\n  font-family: 'Outfit', 'Plus Jakarta Sans', -apple-system, sans-serif !important;\n  font-size: clamp(23px, 2.7vw, 32px) !important;\n  line-height: 1.28 !important;\n  font-weight: 700 !important;\n  font-style: normal !important;\n  color: #24160E !important;\n  letter-spacing: -0.4px !important;\n  margin: 0 0 18px !important;\n  padding-left: 20px !important;\n  border-left: 4.5px solid #B87D4B !important;\n}\n\n.gr-manifesto-quote em.gr-quote-accent {\n  font-style: normal !important;\n  color: #B87D4B !important;\n  font-weight: 800 !important;\n  display: inline !important;\n}\n\n.gr-manifesto-text {\n  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n  color: #1E130B !important;\n  font-size: 17.5px !important;\n  font-weight: 600 !important;\n  line-height: 1.72 !important;\n  margin: 0 0 28px !important;\n  -webkit-font-smoothing: antialiased !important;\n  -moz-osx-font-smoothing: grayscale !important;\n}\n\n.gr-manifesto-text p {\n  margin: 0 0 12px !important;\n  color: #1E130B !important;\n  font-weight: 600 !important;\n}\n\n\/* PALCOSCENICO D'ARTE CALIBRATO \u2014 NIENTE PI\u00d9 ALTEZZA GIGANTE *\/\n.gr-manifesto-gallery-frame {\n  background: #FFFFFF !important;\n  padding: 10px !important;\n  border-radius: 18px !important;\n  border: 1.5px solid rgba(184, 125, 75, 0.4) !important;\n  box-shadow: 0 16px 40px rgba(46, 33, 26, 0.18), 0 4px 12px rgba(46, 33, 26, 0.06) !important;\n  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease !important;\n  position: relative !important;\n  max-width: 350px !important;\n  width: 100% !important;\n  margin: 0 auto !important;\n}\n\n.gr-manifesto-gallery-frame:hover {\n  transform: scale(1.025) !important;\n  box-shadow: 0 22px 50px rgba(46, 33, 26, 0.24) !important;\n  border-color: #B87D4B !important;\n}\n\n.gr-manifesto-gallery-inner {\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  aspect-ratio: auto !important;\n  position: relative !important;\n  background: #EFE8DE !important;\n}\n\n.gr-manifesto-gallery-inner img {\n  width: 100% !important;\n  height: auto !important;\n  max-height: 420px !important;\n  object-fit: contain !important;\n  display: block !important;\n  transition: transform 0.6s ease !important;\n}\n\n.gr-manifesto-gallery-frame:hover .gr-manifesto-gallery-inner img {\n  transform: scale(1.03) !important;\n}\n\n\/* BOTTONE ARANCIONE CALIBRATO E ARMONIOSO *\/\n.gr-manifesto-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  background: linear-gradient(135deg, #C6824C 0%, #B87D4B 50%, #9E6535 100%) !important;\n  color: #FFFFFF !important;\n  padding: 13px 28px !important;\n  border-radius: 999px !important;\n  text-decoration: none !important;\n  font-weight: 800 !important;\n  font-size: 12.5px !important;\n  letter-spacing: 1.2px !important;\n  text-transform: uppercase !important;\n  border: none !important;\n  box-shadow: 0 8px 22px rgba(184, 125, 75, 0.4) !important;\n  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n.gr-manifesto-btn::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -130%;\n  width: 50%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n  transform: skewX(-20deg);\n  animation: manifestoBtnSweep 4s infinite ease-in-out 1s;\n  pointer-events: none;\n}\n\n@keyframes manifestoBtnSweep {\n  0% { left: -130%; }\n  35%, 100% { left: 180%; }\n}\n\n.gr-manifesto-btn:hover {\n  background: linear-gradient(135deg, #D6915A 0%, #C6824C 50%, #A86937 100%) !important;\n  transform: translateY(-3px) scale(1.02) !important;\n  box-shadow: 0 12px 30px rgba(184, 125, 75, 0.6) !important;\n  color: #FFFFFF !important;\n}\n\n.gr-manifesto-btn svg {\n  transition: transform 0.3s ease;\n}\n\n.gr-manifesto-btn:hover svg {\n  transform: translateX(4px);\n}\n\n\n\/* ========================================================\n   SEZIONE INTRODUTTIVA \u2014 CHI \u00c8 GIOVANNA ROMANO (SPAZIATA & VIVAMENTE ANIMATA)\n======================================================== *\/\n.gr-author-intro-section {\n  max-width: 1360px;\n  width: 94%;\n  margin: 75px auto 70px;\n  padding: 0 20px;\n  position: relative;\n}\n\n.gr-author-intro-card {\n  background: linear-gradient(145deg, #FFFFFF 0%, #FAF6F1 50%, #F5EFE6 100%);\n  border: 1.5px solid rgba(184, 125, 75, 0.4);\n  border-radius: 28px;\n  padding: 44px 50px;\n  display: grid;\n  grid-template-columns: 1fr 1.25fr;\n  gap: 48px;\n  align-items: center;\n  box-shadow: 0 18px 50px rgba(184, 125, 75, 0.12), 0 4px 16px rgba(46, 33, 26, 0.04);\n  position: relative;\n  overflow: hidden;\n  \n  \/* ENTRATA ALLO SCROLL (INTERSECTION OBSERVER) *\/\n  opacity: 0;\n  transform: translateY(40px) scale(0.98);\n  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;\n}\n\n.gr-author-intro-card.is-visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.gr-author-intro-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3.5px;\n  background: linear-gradient(90deg, #DFBA73 0%, #B87D4B 25%, #DFBA73 50%, #B87D4B 75%, #DFBA73 100%);\n  background-size: 200% auto;\n  animation: cardLineSweep 4.5s linear infinite;\n}\n\n@keyframes cardLineSweep {\n  0% { background-position: 0% 50%; }\n  100% { background-position: 200% 50%; }\n}\n\n.gr-author-intro-card:hover {\n  transform: translateY(-4px) scale(1);\n  box-shadow: 0 28px 75px rgba(184, 125, 75, 0.22), 0 10px 30px rgba(46, 33, 26, 0.08);\n  border-color: #B87D4B;\n}\n\n@media(max-width: 960px) {\n  .gr-author-intro-section {\n    margin: 45px auto 45px;\n  }\n  .gr-author-intro-card {\n    grid-template-columns: 1fr;\n    padding: 32px 22px;\n    gap: 32px;\n    text-align: center;\n  }\n}\n\n\/* RITRATTO FOTOGRAFICO VIVAMENTE FLUTTUANTE (CHIARAMENTE VISIBILE) *\/\n.gr-author-portrait-wrap {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n\n.gr-author-frame {\n  position: relative;\n  max-width: 410px;\n  width: 100%;\n  background: #FFFFFF;\n  padding: 12px;\n  border-radius: 24px;\n  border: 1.5px solid rgba(184, 125, 75, 0.45);\n  box-shadow: 0 18px 45px rgba(46, 33, 26, 0.14);\n  animation: floatAuthorPortraitAlive 4.8s ease-in-out infinite alternate;\n  will-change: transform, box-shadow;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  transition: border-color 0.4s ease, box-shadow 0.4s ease;\n}\n\n@keyframes floatAuthorPortraitAlive {\n  0% {\n    transform: translateY(0px);\n    box-shadow: 0 16px 40px rgba(46, 33, 26, 0.14);\n  }\n  50% {\n    transform: translateY(-16px);\n    box-shadow: 0 32px 70px rgba(184, 125, 75, 0.32);\n  }\n  100% {\n    transform: translateY(0px);\n    box-shadow: 0 16px 40px rgba(46, 33, 26, 0.14);\n  }\n}\n\n.gr-author-frame:hover {\n  border-color: #B87D4B;\n  box-shadow: 0 36px 80px rgba(184, 125, 75, 0.38);\n}\n\n.gr-author-inner-img {\n  border-radius: 16px;\n  overflow: hidden;\n  position: relative;\n  aspect-ratio: 1 \/ 1;\n  background: #24160E;\n}\n\n.gr-author-inner-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  image-rendering: -webkit-optimize-contrast;\n  transition: transform 0.8s ease;\n}\n\n.gr-author-frame:hover .gr-author-inner-img img {\n  transform: scale(1.03);\n}\n\n\/* BADGE SULLA FOTO: NITIDISSIMO & CON COUNTER-FLOAT *\/\n.gr-author-pill-float {\n  position: absolute;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: #1A110B;\n  color: #FFFFFF !important;\n  border: 1.5px solid #DFBA73;\n  padding: 6px 18px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n  white-space: nowrap;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  animation: pillCounterFloat 4.8s ease-in-out infinite alternate;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@keyframes pillCounterFloat {\n  0% { transform: translateX(-50%) translateY(0px); }\n  50% { transform: translateX(-50%) translateY(4px); }\n  100% { transform: translateX(-50%) translateY(0px); }\n}\n\n.gr-author-pill-float span.dot {\n  color: #DFBA73;\n  font-size: 13px;\n  display: inline-block;\n  animation: sparkleTwinkle 3.5s ease-in-out infinite;\n}\n\n\/* CONTENUTO TESTUALE: CARATTERI RIPOSANTI, NITIDI & CONTRASTATI *\/\n.gr-author-intro-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.gr-author-badge-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(184, 125, 75, 0.12);\n  color: #8E5423;\n  border: 1.5px solid #B87D4B;\n  padding: 6px 18px;\n  border-radius: 999px;\n  font-size: 11.5px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  box-shadow: 0 3px 10px rgba(184, 125, 75, 0.12);\n  margin-bottom: 16px;\n  width: fit-content;\n}\n\n@media(max-width: 960px) {\n  .gr-author-badge-pill {\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n.gr-author-intro-title {\n  font-family: var(--font-heading);\n  font-size: clamp(26px, 3.2vw, 37px);\n  line-height: 1.22;\n  font-weight: 700;\n  color: #1E130B !important;\n  letter-spacing: -0.4px;\n  margin: 0 0 16px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.gr-author-intro-title em {\n  font-style: normal;\n  color: #B87D4B !important;\n  font-weight: 700;\n  display: inline;\n}\n\n.gr-author-intro-lead {\n  font-size: 18px;\n  font-weight: 600;\n  color: #1E130B;\n  line-height: 1.6;\n  margin: 0 0 14px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.gr-author-intro-body {\n  font-size: 16.5px;\n  font-weight: 500;\n  color: #2E1F16;\n  line-height: 1.72;\n  margin: 0 0 24px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.gr-author-highlights {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin: 0 0 28px;\n}\n\n@media(max-width: 600px) {\n  .gr-author-highlights {\n    grid-template-columns: 1fr;\n  }\n}\n\n.gr-author-hl-box {\n  background: #FFFFFF;\n  border: 1.5px solid rgba(184, 125, 75, 0.35);\n  border-left: 4px solid var(--accent);\n  padding: 13px 18px;\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  text-align: left;\n  box-shadow: 0 3px 12px rgba(46, 33, 26, 0.04);\n  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.gr-author-hl-box:hover {\n  transform: translateY(-3px) scale(1.01);\n  border-color: var(--accent);\n  box-shadow: 0 10px 24px rgba(184, 125, 75, 0.2);\n}\n\n.gr-author-hl-icon {\n  font-size: 15px;\n  color: var(--accent);\n  flex-shrink: 0;\n  display: inline-block;\n  animation: sparkleTwinkle 3.5s ease-in-out infinite;\n}\n\n.gr-author-hl-text strong {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: #1E130B;\n  line-height: 1.3;\n}\n\n.gr-author-hl-text small {\n  font-size: 12.5px;\n  color: #4A3B32;\n  font-weight: 500;\n}\n\n\/* BOTTONE ARANCIONE BRAND CARAMELLO CON SWEEP SHINE VISIBILE *\/\n.gr-btn-gold {\n  background: linear-gradient(135deg, #C77838 0%, #B87D4B 50%, #A66532 100%) !important;\n  color: #FFFFFF !important;\n  border: 2px solid #B87D4B !important;\n  box-shadow: 0 8px 25px rgba(184, 125, 75, 0.38) !important;\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 36px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 700;\n  text-decoration: none;\n  cursor: pointer;\n  font-family: var(--font-body);\n  letter-spacing: 0.3px;\n  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n\n.gr-btn-gold::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -120%;\n  width: 50%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n  transform: skewX(-20deg);\n  animation: btnSweepShine 4.5s infinite ease-in-out 1.5s;\n  pointer-events: none;\n}\n\n.gr-btn-gold:hover {\n  background: linear-gradient(135deg, #D48846 0%, #C77838 50%, #B87D4B 100%) !important;\n  border-color: #D48846 !important;\n  color: #FFFFFF !important;\n  transform: translateY(-3px) scale(1.02);\n  box-shadow: 0 14px 34px rgba(184, 125, 75, 0.55) !important;\n}\n\n.gr-btn-gold svg {\n  transition: transform 0.3s ease;\n}\n\n.gr-btn-gold:hover svg {\n  transform: translateX(4px);\n}\n\n<\/style>\n\n  <!-- HEADER AD ISOLA CON RACCORDO CURVO SVG -->\n  <header class=\"gr-header-euro\">\n    \n    <div class=\"gr-euro-logo-box\">\n      <a href=\"\/\" class=\"gr-logo-link\">\n        <span class=\"gr-logo-title\">Giovanna Romano<\/span>\n        <span class=\"gr-logo-sub\">Scrittrice & Autrice<\/span>\n      <\/a>\n    <\/div>\n\n    <svg class=\"gr-euro-curve-divider\" viewBox=\"0 0 50 100\" preserveAspectRatio=\"none\">\n      <path d=\"M 0,0 L 12,0 C 42,25 42,75 12,100 L 0,100 Z\" fill=\"#FFFFFF\"\/>\n      <path d=\"M 12,0 C 42,25 42,75 12,100\" fill=\"none\" stroke=\"#FAF7F2\" stroke-width=\"4.5\"\/>\n    <\/svg>\n\n    <nav class=\"gr-euro-nav-zone\">\n      <ul class=\"gr-euro-nav-list\">\n        <li><a href=\"\/\" class=\"active\">Home<\/a><\/li>\n        <li><a href=\"\/?page_id=41\" class=\"\">Libri & Opere<\/a><\/li>\n        <li><a href=\"\/?page_id=35\" class=\"\">Chi Sono<\/a><\/li>\n        <li><a href=\"\/?page_id=36\" class=\"\">Contatti<\/a><\/li>\n      <\/ul>\n    <\/nav>\n\n  <\/header>\n  \n  \n  <!-- HERO APERTO E FLUIDO -->\n  <section class=\"gr-hero-open-section\">\n    <div class=\"gr-hero-open-container\">\n      \n      <!-- COLONNA SINISTRA -->\n      <div class=\"gr-hero-col-left\">\n        <div class=\"gr-badge\">\n          <span class=\"gr-badge-sparkle\">\u2728<\/span> Sito Ufficiale dell'Autrice\n        <\/div>\n        <h1 class=\"gr-hero-title\">\n          La gentilezza non \u00e8 debolezza: \u00e8 la forma pi\u00f9 alta di <em>forza interiore.<\/em>\n        <\/h1>\n        <div class=\"gr-hero-desc\">\n          <p>Benvenuti nello spazio letterario di <strong>Giovanna Romano<\/strong>.<\/p>\n          <p>Attraverso romanzi intimi, saggi di consapevolezza e guide pratiche, scopri come trasformare il silenzio in voce.<\/p>\n          <p>Superare i legami feriti e riabitare la tua verit\u00e0.<\/p>\n        <\/div>\n        <div class=\"gr-hero-cta-wrap\">\n          <a href=\"\/?page_id=41\" class=\"gr-btn gr-btn-dark\">\n            Esplora i Libri\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n          <a href=\"\/?page_id=35\" class=\"gr-btn gr-btn-outline\">\n            Biografia & Visione\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- LINEA DIVISORIA VERTICALE HERO -->\n      <div class=\"gr-hero-v-divider\" aria-hidden=\"true\"><\/div>\n\n      <!-- COLONNA DESTRA -->\n      <div class=\"gr-hero-col-right\">\n        <div class=\"gr-hero-visual-wrap\">\n          <div class=\"gr-hero-image-stage\">\n            <img decoding=\"async\" src=\"https:\/\/giovannaromano.shop\/wp-content\/uploads\/2026\/09\/dove-ricomincio-io.jpg\" alt=\"Dove ricomincio io - Giovanna Romano\" \/>\n          <\/div>\n          <div class=\"gr-hero-float-quote\">\n            <p>\u00abCi\u00f2 che lasci andare apre sempre spazio a ci\u00f2 che meriti davvero.\u00bb<\/p>\n            <small>\u2014 Giovanna Romano<\/small>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- SEPARATORE DI PRESTIGIO FRA HERO E SEZIONE OPERE -->\n  \n  <!-- SEZIONE INTRODUTTIVA: CHI \u00c8 GIOVANNA ROMANO (INSERITA TRA HERO E OPERE) -->\n  <section class=\"gr-author-intro-section\" id=\"chi-e-giovanna\">\n    <div class=\"gr-author-intro-card\">\n      \n      <!-- COLONNA SINISTRA: RITRATTO PROFESSIONALE DA SCRITTRICE -->\n      <div class=\"gr-author-portrait-wrap\">\n        <div class=\"gr-author-frame\">\n          <div class=\"gr-author-inner-img\">\n            <img decoding=\"async\" src=\"https:\/\/giovannaromano.shop\/wp-content\/uploads\/2026\/09\/giovanna-romano-scrittrice-ufficiale.jpg\" alt=\"Giovanna Romano \u2014 Scrittrice & Autrice\" \/>\n          <\/div>\n          <div class=\"gr-author-pill-float\">\n            <span class=\"dot\">\u2726<\/span>\n            <span>Giovanna Romano<\/span>\n            <span class=\"dot\">\u2726<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- COLONNA DESTRA: PRE-SPIEGAZIONE SU CHI \u00c8 E LA SUA VISIONE -->\n      <div class=\"gr-author-intro-content\">\n        <div class=\"gr-author-badge-pill\">\n          <span>\u2726<\/span>\n          <span>L'Autrice & La Sua Visione<\/span>\n          <span>\u2726<\/span>\n        <\/div>\n\n        <h2 class=\"gr-author-intro-title\">\n          Chi \u00e8 <em>Giovanna Romano<\/em>:<br>\n          La Voce della <em>Forza Gentile<\/em>\n        <\/h2>\n\n        <p class=\"gr-author-intro-lead\">\n          Scrittrice, ricercatrice dell'animo umano e custode di storie di profonda rinascita emotiva.\n        <\/p>\n\n        <p class=\"gr-author-intro-body\">\n          Attraverso una scrittura intensa, intima e priva di finzioni, Giovanna Romano trasforma il dolore e le prove della vita in ponti di consapevolezza. Nei suoi romanzi e nelle sue guide, accompagna ogni lettore a deporre le corazze, superare le relazioni ferite e ritrovare la propria sovranit\u00e0 interiore.\n        <\/p>\n\n        <div class=\"gr-author-highlights\">\n          <div class=\"gr-author-hl-box\">\n            <span class=\"gr-author-hl-icon\">\u2726<\/span>\n            <div class=\"gr-author-hl-text\">\n              <strong>Autrice di 8 Opere<\/strong>\n              <small>Romanzi, saggi ed edizioni bilingue<\/small>\n            <\/div>\n          <\/div>\n          <div class=\"gr-author-hl-box\">\n            <span class=\"gr-author-hl-icon\">\u2726<\/span>\n            <div class=\"gr-author-hl-text\">\n              <strong>Guida alla Rinascita<\/strong>\n              <small>Percorsi di libert\u00e0 emotiva e presenza<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div>\n          <a href=\"\/?page_id=35\" class=\"gr-btn gr-btn-gold\">\n            Scopri la Sua Biografia & Visione\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<div class=\"gr-hero-separator-wrap\">\n    <div class=\"gr-separator-line\"><\/div>\n    <div class=\"gr-separator-badge\">\n      <span class=\"gr-sep-sparkle\">\u2726<\/span>\n      <span>Spazio Letterario<\/span>\n      <span class=\"gr-sep-sparkle\">\u2726<\/span>\n    <\/div>\n    <div class=\"gr-separator-line right\"><\/div>\n  <\/div>\n\n  <!-- FEATURED BOOKS -->\n  <section style=\"padding: 40px 24px 80px; max-width: 1440px; width: 94%; margin: 0 auto;\">\n    <div id=\"featured-books-header\" class=\"gr-scroll-reveal\" style=\"text-align: center; max-width: 700px; margin: 0 auto 56px;\">\n      <span style=\"color: var(--accent); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 12px;\">Percorsi di Lettura<\/span>\n      <h2 style=\"font-family: var(--font-heading); font-size: clamp(30px, 4vw, 42px); font-weight: 700; color: var(--text-main); margin: 0 0 16px;\">Le Opere in <em style=\"font-style: normal; color: var(--accent); background: linear-gradient(135deg, #B87D4B 0%, #D99B65 30%, #B87D4B 60%, #8E5629 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Primo Piano<\/em><\/h2>\n      <p style=\"font-size: 17.5px; font-weight: 500; color: var(--text-muted); margin: 0;\">\n        Dalla comprensione del dolore alla libert\u00e0 emotiva.<br><br>\n        Tre pietre miliari per il tuo cammino di rinascita.\n      <\/p>\n    <\/div>\n\n    <div class=\"gr-books-grid\" id=\"featured-books-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 36px;\">\n      \n      <!-- CARD 1 -->\n      <div class=\"gr-book-card-3d\">\n        <div class=\"gr-book-stage\">\n          <img decoding=\"async\" class=\"gr-book-cover\" src=\"https:\/\/giovannaromano.shop\/wp-content\/uploads\/2026\/09\/la-donna-che-nasce-dal-silenzio.jpg\" alt=\"La donna che nasce dal silenzio\" \/>\n        <\/div>\n        <span style=\"font-size: 12px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px;\">Romanzo di Rinascita<\/span>\n        <h3 style=\"font-family: var(--font-heading); font-size: 22px; font-weight: 700; margin: 0 0 12px; line-height: 1.3;\">La donna che nasce dal silenzio<\/h3>\n        <div style=\"font-size: 15.5px; font-weight: 500; color: var(--text-muted); line-height: 1.75; margin-bottom: 24px; flex-grow: 1;\">\n          <p style=\"margin: 0 0 12px;\">Ci sono libri che nascono da un'idea, altri da un'urgenza.<\/p>\n          <p style=\"margin: 0 0 12px;\">Questo nasce da una rinascita: il momento in cui il dolore cessa di fare rumore e diventa direzione.<\/p>\n        <\/div>\n        <a href=\"\/?page_id=41\" class=\"gr-btn gr-btn-outline\" style=\"width: 100%;\">Scheda & Dettagli \u2192<\/a>\n      <\/div>\n\n      <!-- CARD 2 -->\n      <div class=\"gr-book-card-3d\">\n        <div class=\"gr-book-stage\">\n          <img decoding=\"async\" class=\"gr-book-cover\" src=\"https:\/\/giovannaromano.shop\/wp-content\/uploads\/2026\/09\/la-rinascita-dopo-lo-specchio.jpg\" alt=\"La rinascita dopo lo specchio\" \/>\n        <\/div>\n        <span style=\"font-size: 12px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px;\">Saggio Divulgativo<\/span>\n        <h3 style=\"font-family: var(--font-heading); font-size: 22px; font-weight: 700; margin: 0 0 12px; line-height: 1.3;\">La rinascita dopo lo specchio<\/h3>\n        <div style=\"font-size: 15.5px; font-weight: 500; color: var(--text-muted); line-height: 1.75; margin-bottom: 24px; flex-grow: 1;\">\n          <p style=\"margin: 0 0 12px;\">Un'indagine in quattro parti per comprendere le dinamiche del funzionamento narcisistico.<\/p>\n          <p style=\"margin: 0 0 12px;\">Riconoscere le trappole emotive e costruire confini sani e protettivi.<\/p>\n        <\/div>\n        <a href=\"\/?page_id=41\" class=\"gr-btn gr-btn-outline\" style=\"width: 100%;\">Scheda & Dettagli \u2192<\/a>\n      <\/div>\n\n      <!-- CARD 3 -->\n      <div class=\"gr-book-card-3d\">\n        <div class=\"gr-book-stage\">\n          <img decoding=\"async\" class=\"gr-book-cover\" src=\"https:\/\/giovannaromano.shop\/wp-content\/uploads\/2026\/09\/dove-ricomincio-io.jpg\" alt=\"Dove ricomincio io\" \/>\n        <\/div>\n        <span style=\"font-size: 12px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px;\">Guida Emozionale<\/span>\n        <h3 style=\"font-family: var(--font-heading); font-size: 22px; font-weight: 700; margin: 0 0 12px; line-height: 1.3;\">Dove ricomincio io<\/h3>\n        <div style=\"font-size: 15.5px; font-weight: 500; color: var(--text-muted); line-height: 1.75; margin-bottom: 24px; flex-grow: 1;\">\n          <p style=\"margin: 0 0 12px;\">Liberarsi dai legami che non ci appartengono pi\u00f9 senza colpa.<\/p>\n          <p style=\"margin: 0 0 12px;\">9 esercizi guidati per abitare il vuoto come terreno fertile di una nuova vita.<\/p>\n        <\/div>\n        <a href=\"\/?page_id=41\" class=\"gr-btn gr-btn-outline\" style=\"width: 100%;\">Scheda & Dettagli \u2192<\/a>\n      <\/div>\n\n    <\/div>\n\n    <div style=\"text-align: center; margin-top: 60px;\">\n      <a href=\"\/?page_id=41\" class=\"gr-btn gr-btn-gold\" style=\"padding: 16px 40px; font-size: 16px;\">\n        Visualizza Tutto il Catalogo & Edizioni Internazionali\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <!-- MANIFESTO -->\n  <section style=\"max-width: 1440px; width: 94%; margin: 0 auto; padding: 0 24px;\">\n    <div class=\"gr-manifesto\">\n      <div>\n        <div class=\"gr-manifesto-badge\">\n          <span class=\"sparkle\">\u2726<\/span>\n          <span>Il Cuore della Scrittura<\/span>\n          <span class=\"sparkle\">\u2726<\/span>\n        <\/div>\n        <div class=\"gr-manifesto-quote\">\n          \u00abLa <em class=\"gr-quote-accent\">forza vera<\/em> non sta nel gridare o nell'indurire il cuore.<br>\n          Sta nel <em class=\"gr-quote-accent\">passo piccolo<\/em> che sa dove vuole andare.\u00bb\n        <\/div>\n        <div class=\"gr-manifesto-text\">\n          <p>Nelle opere di Giovanna Romano la vulnerabilit\u00e0 diventa potenza narrativa.<\/p>\n          <p>I suoi libri offrono a ogni lettore una stanza accogliente dove deporre i pesi invisibili.<\/p>\n          <p>Per riscoprire la propria luce interiore.<\/p>\n        <\/div>\n        <a href=\"\/?page_id=35\" class=\"gr-manifesto-btn\">\n          <span>Leggi la Biografia dell'Autrice<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n      <div class=\"gr-manifesto-gallery-frame\">\n        <div class=\"gr-manifesto-gallery-inner\">\n          <img decoding=\"async\" src=\"https:\/\/giovannaromano.shop\/wp-content\/uploads\/2026\/09\/giovanna-romano-5.jpg\" alt=\"Giovanna Romano - Il Sentiero della Rinascita\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"gr-divider\">\n    <span class=\"gr-divider-icon\">\u2726<\/span>\n  <\/div>\n\n  <!-- QUOTES -->\n  <section style=\"padding: 60px 24px 80px; max-width: 1440px; width: 94%; margin: 0 auto;\">\n    <div style=\"text-align: center; max-width: 650px; margin: 0 auto 50px;\">\n      <span style=\"color: var(--accent); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 12px;\">Frammenti di Luce<\/span>\n      <h2 style=\"font-family: var(--font-heading); font-size: clamp(28px, 3.5vw, 38px); font-weight: 700; color: var(--text-main); margin: 0;\">Citazioni dai Libri<\/h2>\n    <\/div>\n\n    <div class=\"gr-quotes-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px;\">\n      \n      <div class=\"gr-quote-card\">\n        <div style=\"font-size: 32px; color: var(--accent); line-height: 1; margin-bottom: 12px;\">\u201c<\/div>\n        <div style=\"font-family: var(--font-body); font-size: 16px; font-weight: 500; color: var(--text-muted); line-height: 1.6; margin: 0 0 20px;\">\n          <p style=\"margin: 0 0 10px;\">A chi crede nei passi piccoli, nei gesti silenziosi, nelle trasformazioni lente.<\/p>\n          <p style=\"margin: 0 0 10px;\">A chi sa che la bellezza nasce anche dalle crepe.<\/p>\n        <\/div>\n        <small style=\"font-size: 13px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 1px;\">\u2014 Il Piccolo Manuale della Forza Gentile<\/small>\n      <\/div>\n\n      <div class=\"gr-quote-card\">\n        <div style=\"font-size: 32px; color: var(--accent); line-height: 1; margin-bottom: 12px;\">\u201c<\/div>\n        <div style=\"font-family: var(--font-body); font-size: 16px; font-weight: 500; color: var(--text-muted); line-height: 1.6; margin: 0 0 20px;\">\n          <p style=\"margin: 0 0 10px;\">Lasciare andare non \u00e8 un atto di resa.<\/p>\n          <p style=\"margin: 0 0 10px;\">\u00c8 un gesto di cura.<\/p>\n          <p style=\"margin: 0 0 10px;\">\u00c8 la scelta di non trattenere ci\u00f2 che non ci riconosce pi\u00f9.<\/p>\n        <\/div>\n        <small style=\"font-size: 13px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 1px;\">\u2014 Dove Ricomincio Io<\/small>\n      <\/div>\n\n      <div class=\"gr-quote-card\">\n        <div style=\"font-size: 32px; color: var(--accent); line-height: 1; margin-bottom: 12px;\">\u201c<\/div>\n        <div style=\"font-family: var(--font-body); font-size: 16px; font-weight: 500; color: var(--text-muted); line-height: 1.6; margin: 0 0 20px;\">\n          <p style=\"margin: 0 0 10px;\">Imparare a proteggere la propria luce senza nasconderla.<\/p>\n          <p style=\"margin: 0 0 10px;\">A dire no senza chiudere il cuore.<\/p>\n          <p style=\"margin: 0 0 10px;\">E a scegliere un s\u00ec che non chieda di scomparire.<\/p>\n        <\/div>\n        <small style=\"font-size: 13px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 1px;\">\u2014 Il Secondo Cammino della Forza Gentile<\/small>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- NEWSLETTER -->\n  <section style=\"max-width: 1440px; width: 94%; margin: 0 auto 90px; padding: 0 24px;\">\n    <div id=\"gr-community-cta\" style=\"background: var(--accent-soft); border: 2px solid var(--border-light); border-radius: var(--radius-xl); padding: 60px 40px; text-align: center; max-width: 900px; margin: 0 auto; box-shadow: var(--shadow-sm);\">\n      <span style=\"color: var(--accent); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 12px;\">Comunit\u00e0 dei Lettori<\/span>\n      <h3 style=\"font-family: var(--font-heading); font-size: clamp(26px, 3.5vw, 36px); color: var(--text-main); margin: 0 0 16px; font-weight: 700;\">Lettere di Luce & Nuove Pubblicazioni<\/h3>\n      <div style=\"font-size: 16.5px; font-weight: 500; color: var(--text-muted); max-width: 560px; margin: 0 auto 32px; line-height: 1.75;\">\n        <p style=\"margin: 0 0 10px;\">Iscriviti per ricevere riflessioni mensili inedite.<\/p>\n        <p style=\"margin: 0 0 10px;\">Estratti in anteprima e informazioni sulle prossime presentazioni letterarie.<\/p>\n      <\/div>\n      <div style=\"display: flex; gap: 12px; justify-content: center; max-width: 480px; margin: 0 auto; flex-wrap: wrap;\">\n        <input type=\"email\" placeholder=\"Inserisci la tua email...\" style=\"flex: 1; min-width: 240px; padding: 15px 22px; border-radius: 999px; border: 2px solid var(--border-light); background: #FFF; font-size: 15px; outline: none;\" \/>\n        <button class=\"gr-btn gr-btn-dark\">Iscriviti Ora<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n  <footer class=\"gr-footer-final\">\n    <div class=\"gr-footer-grid\">\n      <div>\n        <div style=\"font-family: var(--font-heading); font-size: 28px; font-weight: 700; color: #FFF; margin-bottom: 16px;\">Giovanna Romano<\/div>\n        <p style=\"color: #D6D3D1; font-size: 15.5px; font-weight: 500; line-height: 1.85; max-width: 440px; margin: 0 0 24px;\">\n          Un percorso letterario dedicato alla consapevolezza emotiva.<br><br>\n          La rinascita dopo il silenzio.<br><br>\n          L'arte gentile di ritrovare se stessi.\n        <\/p>\n        <div style=\"font-size: 13px; color: var(--accent); font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\">\n          Tutti i diritti d'autore riservati \u00a9 2026\n        <\/div>\n      <\/div>\n      <div>\n        <h4 style=\"color: #FFF; margin: 0 0 20px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; border-bottom: 1px solid #3F3027; padding-bottom: 8px;\">Navigazione<\/h4>\n        <ul style=\"list-style: none; padding: 0; margin: 0; line-height: 2.3; font-size: 15px; font-weight: 500;\">\n          <li><a href=\"\/\" style=\"color: var(--text-light); text-decoration: none;\">Home Page<\/a><\/li>\n          <li><a href=\"\/?page_id=41\" style=\"color: var(--text-light); text-decoration: none;\">Catalogo Opere<\/a><\/li>\n          <li><a href=\"\/?page_id=35\" style=\"color: var(--text-light); text-decoration: none;\">Biografia dell'Autrice<\/a><\/li>\n          <li><a href=\"\/?page_id=36\" style=\"color: var(--text-light); text-decoration: none;\">Contatti & Presentazioni<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <h4 style=\"color: #FFF; margin: 0 0 20px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; border-bottom: 1px solid #3F3027; padding-bottom: 8px;\">Opere Selezionate<\/h4>\n        <ul style=\"list-style: none; padding: 0; margin: 0; line-height: 2.3; font-size: 15px; font-weight: 500; color: #D6D3D1;\">\n          <li>La donna che nasce dal silenzio<\/li>\n          <li>La rinascita dopo lo specchio<\/li>\n          <li>Dove ricomincio io<\/li>\n          <li>Il piccolo manuale della forza gentile<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"gr-footer-bottom\">\n      giovannaromano.shop \u2022 Realizzato con cura per i lettori\n    <\/div>\n  <\/footer>\n  \n  \n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ CONFIGURAZIONE SCROLL-REVEAL INDIPENDENTE E PROGRESSIVO\n  \/\/ Regola essenziale: all'avvio (scrollY < 50), si anima SOLTANTO l'Hero!\n  \/\/ Nessuna sezione sottostante deve animarsi fino a quando l'utente non scorre la pagina.\n  \n  var scrollTargets = [\n    { selector: '.gr-author-intro-card' },\n    { selector: '#featured-books-header' },\n    { selector: '#featured-books-grid' },\n    { selector: '.gr-manifesto' },\n    { selector: '.gr-quotes-grid' },\n    { selector: '#gr-community-cta' }\n  ];\n\n  function evaluateScrollReveal() {\n    var scrollY = window.pageYOffset || document.documentElement.scrollTop || 0;\n    var viewportH = window.innerHeight;\n\n    scrollTargets.forEach(function(item) {\n      var el = document.querySelector(item.selector);\n      if (!el || el.classList.contains('is-visible')) return;\n\n      var rect = el.getBoundingClientRect();\n\n      \/\/ Se l'utente \u00e8 ancora in cima alla pagina a guardare l'Hero (scrollY < 50),\n      \/\/ blocchiamo categoricamente l'attivazione di qualsiasi elemento sottostante!\n      if (scrollY < 50 && rect.top > viewportH * 0.52) {\n        return;\n      }\n\n      \/\/ Attivazione dell'entrata progressiva quando l'elemento entra nella vista (80px prima del fondo schermo)\n      if (rect.top <= viewportH - 80 && rect.bottom >= 0) {\n        el.classList.add('is-visible');\n      }\n    });\n  }\n\n  \/\/ Ascolto fluido degli eventi scroll e resize\n  window.addEventListener('scroll', evaluateScrollReveal, { passive: true });\n  window.addEventListener('resize', evaluateScrollReveal, { passive: true });\n\n  \/\/ Controllo iniziale (attiva SOLO se la pagina viene ricaricata a met\u00e0 scorrimento)\n  evaluateScrollReveal();\n});\n<\/script>\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>Giovanna Romano Scrittrice &#038; Autrice Home Libri &#038; Opere Chi Sono Contatti \u2728 Sito Ufficiale dell&#8217;Autrice La gentilezza non \u00e8 debolezza: \u00e8 la forma pi\u00f9 alta di forza interiore. Benvenuti nello spazio letterario di Giovanna Romano. Attraverso romanzi intimi, saggi di consapevolezza e guide pratiche, scopri come trasformare il silenzio in voce. Superare i legami [&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-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/giovannaromano.shop\/index.php?rest_route=\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giovannaromano.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/giovannaromano.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/giovannaromano.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/giovannaromano.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=68"}],"version-history":[{"count":33,"href":"https:\/\/giovannaromano.shop\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/giovannaromano.shop\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions\/149"}],"wp:attachment":[{"href":"https:\/\/giovannaromano.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}