{"id":46,"date":"2026-04-23T09:13:52","date_gmt":"2026-04-23T09:13:52","guid":{"rendered":"https:\/\/www.cascinaberzide.it\/?page_id=46"},"modified":"2026-08-19T18:08:07","modified_gmt":"2026-08-19T18:08:07","slug":"la-storia","status":"publish","type":"page","link":"https:\/\/www.cascinaberzide.it\/en\/la-storia\/","title":{"rendered":"Our Story"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"46\" class=\"elementor elementor-46\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4db12ca e-flex e-con-boxed e-con e-parent\" data-id=\"4db12ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77f72ac elementor-widget elementor-widget-html\" data-id=\"77f72ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.spazi-hero {\r\n    background-color: #2B2116;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n}\r\n\r\n.spazi-hero-inner {\r\n    padding: 60px 3vw; \/* 60px sopra e sotto, 3vw ai lati per PC *\/\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n}\r\n\r\n.spazi-breadcrumb {\r\n    font-size: 0.8rem;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 25px;\r\n    color: #D4B98A;\r\n}\r\n\r\n.spazi-breadcrumb-home {\r\n    color: #fff !important;\r\n    text-decoration: none;\r\n}\r\n\r\n.spazi-breadcrumb-home:hover {\r\n    color: #D4B98A  !important;\r\n}\r\n\r\n.spazi-breadcrumb-sep {\r\n    color: #fff;\r\n}\r\n\r\n.spazi-hero-title {\r\n    color: #fff;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 3.2rem;\r\n    font-weight: 400;\r\n    line-height: 1.15;\r\n    margin: 0 0 25px 0;\r\n}\r\n\r\n.spazi-hero-title .spazi-corsivo {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    color: #c9a876;\r\n}\r\n\r\n.spazi-hero-desc {\r\n    color: rgba(255, 255, 255, 0.55) !important;\r\n    font-size: 1.05rem;\r\n    line-height: 1.6;\r\n    max-width: 600px;\r\n    margin: 0 !important;\r\n    font-style: italic;\r\n}\r\n\r\n\/* TABLET E MOBILE: 100px sopra e sotto, 5vw ai lati *\/\r\n@media (max-width: 1024px) {\r\n    .spazi-hero-inner { \r\n        padding: 60px 5vw 60px 5vw; \r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .spazi-hero-title { font-size: 2.4rem; }\r\n}\r\n\r\n\/* ANIMAZIONE IN INGRESSO *\/\r\n@keyframes spazi-up {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(16px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.spazi-hero-title {\r\n    animation: spazi-up 0.7s ease 0.55s both;\r\n}\r\n\r\n.spazi-hero-desc {\r\n    animation: spazi-up 0.7s ease 0.75s both;\r\n}\r\n\r\n\/* Disattiva l'animazione per chi ha impostato\r\n   la riduzione dei movimenti sul dispositivo *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .spazi-hero-title,\r\n    .spazi-hero-desc {\r\n        animation: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"spazi-hero\">\r\n    <div class=\"spazi-hero-inner\">\r\n        <div class=\"spazi-breadcrumb\">\r\n            <a href=\"\/en\/\" class=\"spazi-breadcrumb-home\">HOME<\/a>\r\n            <span class=\"spazi-breadcrumb-sep\">&nbsp;\u203a&nbsp;<\/span>\r\n            THE STORY\r\n        <\/div>\r\n        <h1 class=\"spazi-hero-title\">\r\n            Our <span class=\"spazi-corsivo\">Story<\/span>\r\n        <\/h1>\r\n        <p class=\"spazi-hero-desc\">\r\n            Un luogo antico, nato sulla parte pi\u00f9 alta di un piccolo borgo delle Langhe Monregalesi. Secoli di storia, architettura rurale e paesaggio custoditi tra le pietre di Cascina Berzide.\r\n        <\/p>\r\n    <\/div>\r\n<\/div>\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-c512ea4 e-flex e-con-boxed e-con e-parent\" data-id=\"c512ea4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d27ecc7 elementor-widget elementor-widget-html\" data-id=\"d27ecc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSEZIONE 1 \u2014 INCIPIT + FOTO PANORAMICA\n========================================================= -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');\n\n.cbsi-story-intro,\n.cbsi-story-intro * {\n  box-sizing: border-box;\n}\n\n.cbsi-story-intro {\n  --cbsi-cream: #F7F3ED;\n  --cbsi-warm: #FDFAF6;\n  --cbsi-ink: #2A2118;\n  --cbsi-muted: #7A6B5C;\n  --cbsi-gold: #B89A6A;\n  --cbsi-border: rgba(184, 154, 106, 0.22);\n  width: 100%;\n  overflow: hidden;\n  background: var(--cbsi-warm);\n  color: var(--cbsi-ink);\n  font-family: \"Jost\", Arial, sans-serif;\n}\n\n.cbsi-head {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 60px 3vw 0 3vw;\n  margin-bottom: 60px;\n  \n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: end;\n  gap: 36px;\n}\n\n\n\/* TABLET E MOBILE: 5vw ai lati *\/\n@media (max-width: 1024px) {\n  .cbsi-head {\n    padding: 60px 5vw 0 5vw;\n  }\n}\n\n.cbsi-label {\n  margin: 0 0 14px;\n  color: var(--cbsi-gold);\n  font-size: 0.64rem;\n  font-weight: 400;\n  letter-spacing: 0.32em;\n  line-height: 1.4;\n  text-transform: uppercase;\n}\n\n.cbsi-title {\n  max-width: 700px;\n  margin: 0;\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: clamp(2rem, 3.3vw, 3rem);\n  font-weight: 300;\n  line-height: 1.12;\n  text-wrap: balance;\n}\n\n.cbsi-title em {\n  color: var(--cbsi-gold);\n  font-style: italic;\n  font-weight: 300;\n}\n\n.cbsi-meta {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 5px;\n  padding-bottom: 3px;\n  white-space: nowrap;\n}\n\n.cbsi-meta-number {\n  color: var(--cbsi-gold);\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: clamp(1.7rem, 2.2vw, 2.15rem);\n  font-style: italic;\n  font-weight: 300;\n  line-height: 1;\n}\n\n.cbsi-meta-label {\n  color: var(--cbsi-muted);\n  font-size: 0.6rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n}\n\n\n.cbsi-figure {\n  width: 100%;\n  margin: 0;\n  background: var(--cbsi-cream);\n  border-top: 1px solid var(--cbsi-border);\n  border-bottom: 1px solid var(--cbsi-border);\n}\n\n.cbsi-photo-wrap {\n  position: relative;\n  width: 100%;\n  min-height: clamp(300px, 37vw, 560px);\n  overflow: hidden;\n  background: #d8cfc2;\n}\n\n.cbsi-photo {\n  position: absolute;\n  inset: 0;\n  background-image: url('https:\/\/www.cascinaberzide.it\/wp-content\/uploads\/2026\/08\/9613A056-A7F7-49A4-9F13-705EEEF1B775-scaled.jpg');\n  background-position: center 48%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  transform: scale(1.01);\n}\n\n.cbsi-photo-wrap::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(to bottom, rgba(42, 33, 24, 0.03), rgba(42, 33, 24, 0.17)),\n    linear-gradient(to right, rgba(247, 243, 237, 0.08), transparent 25%, transparent 75%, rgba(247, 243, 237, 0.08));\n}\n\n.cbsi-caption {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  min-height: 54px;\n  padding: 14px 24px;\n  color: var(--cbsi-muted);\n  font-size: 0.6rem;\n  letter-spacing: 0.22em;\n  line-height: 1.5;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.cbsi-caption::before,\n.cbsi-caption::after {\n  content: \"\";\n  width: 32px;\n  height: 1px;\n  flex: 0 0 32px;\n  background: var(--cbsi-border);\n}\n\n@media (max-width: 767px) {\n  .cbsi-head {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 22px;\n  }\n\n  .cbsi-meta {\n    align-items: flex-start;\n  }\n\n  .cbsi-photo-wrap {\n    min-height: 320px;\n  }\n\n  .cbsi-photo {\n    background-position: center;\n  }\n\n  .cbsi-caption {\n    font-size: 0.55rem;\n    letter-spacing: 0.16em;\n  }\n\n  .cbsi-caption::before,\n  .cbsi-caption::after {\n    width: 20px;\n    flex-basis: 20px;\n  }\n}\n\n\n\/* =========================================================\n   ANIMAZIONE TESTATA\n   STESSA LOGICA DEL BLOCCO \"SPAZI INTERNI\"\n   ========================================================= *\/\n\n@keyframes cbsi-head-up {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.cbsi-label {\n  animation: cbsi-head-up 0.7s ease 0.55s both;\n}\n\n.cbsi-title {\n  animation: cbsi-head-up 0.7s ease 0.75s both;\n}\n\n.cbsi-meta {\n  animation: cbsi-head-up 0.7s ease 0.90s both;\n}\n\n\n\/* =========================================================\n   ANIMAZIONE FOTO + DIDASCALIA\n   PARTE QUANDO DIVENTANO VISIBILI\n   ========================================================= *\/\n\n.cbsi-photo-wrap,\n.cbsi-caption {\n  opacity: 1;\n  transform: none;\n}\n\n.cbsi-photo-wrap.cbsi-photo-ready {\n  opacity: 0;\n  transform: translateY(34px);\n\n  transition:\n    opacity .9s cubic-bezier(0.22, 1, 0.36, 1),\n    transform .9s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.cbsi-caption.cbsi-caption-ready {\n  opacity: 0;\n  transform: translateY(20px);\n\n  transition:\n    opacity .8s cubic-bezier(0.22, 1, 0.36, 1) .12s,\n    transform .8s cubic-bezier(0.22, 1, 0.36, 1) .12s;\n}\n\n.cbsi-photo-wrap.cbsi-visible,\n.cbsi-caption.cbsi-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   RIDUZIONE MOVIMENTO\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cbsi-label,\n  .cbsi-title,\n  .cbsi-meta {\n    animation: none;\n  }\n\n  .cbsi-photo-wrap,\n  .cbsi-caption,\n  .cbsi-photo-wrap.cbsi-photo-ready,\n  .cbsi-caption.cbsi-caption-ready,\n  .cbsi-photo-wrap.cbsi-visible,\n  .cbsi-caption.cbsi-visible {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n}\n<\/style>\n\n\n<section class=\"cbsi-story-intro\" aria-labelledby=\"cbsi-title\">\n\n  <div class=\"cbsi-head\">\n\n    <div>\n\n      <div class=\"cbsi-label\">\n        DALL\u2019ANNO MILLE A OGGI\n      <\/div>\n\n      <h2 class=\"cbsi-title\" id=\"cbsi-title\">\n        A Story Untouched by <em>Time<\/em>\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"cbsi-meta\" aria-label=\"Five Chapters\">\n\n      <div class=\"cbsi-meta-number\">\n        I \u2013 V\n      <\/div>\n\n      <div class=\"cbsi-meta-label\">\n        Five Chapters\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <figure class=\"cbsi-figure\">\n\n    <div class=\"cbsi-photo-wrap\">\n\n      <div\n        class=\"cbsi-photo\"\n        role=\"img\"\n        aria-label=\"Panoramic View of Cascina Berzide\"\n      ><\/div>\n\n    <\/div>\n\n\n    <figcaption class=\"cbsi-caption\">\n      View of the Farmhouse, Today\n    <\/figcaption>\n\n  <\/figure>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section = document.currentScript.previousElementSibling;\n\n  if (\n    !section ||\n    !section.classList.contains('cbsi-story-intro')\n  ) {\n    return;\n  }\n\n\n  const photo = section.querySelector('.cbsi-photo-wrap');\n  const caption = section.querySelector('.cbsi-caption');\n\n\n  if (!photo || !caption) {\n    return;\n  }\n\n\n  photo.classList.add('cbsi-photo-ready');\n  caption.classList.add('cbsi-caption-ready');\n\n\n  if (!('IntersectionObserver' in window)) {\n\n    photo.classList.add('cbsi-visible');\n    caption.classList.add('cbsi-visible');\n\n    return;\n  }\n\n\n  const observer = new IntersectionObserver(\n\n    function (entries) {\n\n      entries.forEach(function (entry) {\n\n        if (!entry.isIntersecting) {\n          return;\n        }\n\n        entry.target.classList.add('cbsi-visible');\n\n        observer.unobserve(entry.target);\n\n      });\n\n    },\n\n    {\n      threshold: 0.12,\n      rootMargin: '0px 0px -35px 0px'\n    }\n\n  );\n\n\n  observer.observe(photo);\n  observer.observe(caption);\n\n})();\n<\/script>\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-6d4d015 e-flex e-con-boxed e-con e-parent\" data-id=\"6d4d015\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69c1560 elementor-widget elementor-widget-html\" data-id=\"69c1560\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSEZIONE 2 \u2014 CINQUE CAPITOLI CON NUMERI ROMANI\n========================================================= -->\n\n<style>\n.cbch-chronicle,\n.cbch-chronicle * {\n  box-sizing: border-box;\n}\n\n.cbch-chronicle {\n  --cbch-warm: #fff;\n  --cbch-ink: #2A2118;\n  --cbch-muted: #7A6B5C;\n  --cbch-gold: #B89A6A;\n  --cbch-gold-light: #D4B98A;\n  --cbch-border: rgba(184, 154, 106, 0.22);\n\n  width: 100%;\n  background: var(--cbch-warm);\n  color: var(--cbch-ink);\n  font-family: \"Jost\", Arial, sans-serif;\n}\n\n\n\/* ---------------------------------------------------------\n   INNER\n--------------------------------------------------------- *\/\n\n.cbch-inner {\n  width: 100%;\n  margin: 0 auto;\n  padding: 60px 3vw;\n}\n\n\n\/* ---------------------------------------------------------\n   SINGOLO CAPITOLO\n--------------------------------------------------------- *\/\n\n.cbch-entry {\n  display: grid;\n  grid-template-columns: 150px minmax(0, 1fr);\n  gap: clamp(30px, 4vw, 56px);\n  padding: clamp(42px, 5vw, 66px) 0;\n  border-bottom: 1px solid var(--cbch-border);\n}\n\n.cbch-entry:first-child {\n  padding-top: 0;\n}\n\n.cbch-entry:last-child {\n  border-bottom: 0;\n}\n\n\n\/* ---------------------------------------------------------\n   COLONNA NUMERO \/ ANNO\n--------------------------------------------------------- *\/\n\n.cbch-meta {\n  min-width: 0;\n  padding-right: clamp(20px, 3vw, 42px);\n  border-right: 1px dashed var(--cbch-border);\n}\n\n.cbch-index {\n  display: block;\n  margin: 0 0 20px;\n  color: var(--cbch-gold);\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: clamp(3rem, 5vw, 4.4rem);\n  font-style: italic;\n  font-weight: 300;\n  letter-spacing: 0.02em;\n  line-height: 0.82;\n}\n\n.cbch-index::after {\n  content: \"\";\n  display: block;\n  width: 34px;\n  height: 1px;\n  margin-top: 18px;\n  background: var(--cbch-gold-light);\n}\n\n.cbch-year {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--cbch-gold);\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: 1.55rem;\n  font-style: italic;\n  font-weight: 300;\n  line-height: 1;\n}\n\n.cbch-tag {\n  display: block;\n  color: var(--cbch-muted);\n  font-size: 0.58rem;\n  letter-spacing: 0.22em;\n  line-height: 1.5;\n  text-transform: uppercase;\n}\n\n\n\/* ---------------------------------------------------------\n   CORPO TESTO\n--------------------------------------------------------- *\/\n\n.cbch-body {\n  min-width: 0;\n  max-width: 950px;\n}\n\n.cbch-title {\n  margin: 0 0 22px;\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: clamp(1.75rem, 2.5vw, 2.35rem);\n  font-weight: 300;\n  line-height: 1.14;\n  text-wrap: balance;\n}\n\n.cbch-title em {\n  color: var(--cbch-gold);\n  font-style: italic;\n  font-weight: 300;\n}\n\n.cbch-text {\n  columns: 2;\n  column-gap: clamp(28px, 4vw, 44px);\n}\n\n.cbch-text p {\n  margin: 0 0 15px;\n  break-inside: avoid;\n  color: var(--cbch-muted);\n  font-size: clamp(0.84rem, 1vw, 0.91rem);\n  font-weight: 300;\n  line-height: 1.9;\n}\n\n.cbch-note {\n  max-width: 720px;\n  margin: 24px 0 0;\n  padding: 2px 0 2px 18px;\n  border-left: 2px solid var(--cbch-gold-light);\n  color: var(--cbch-ink);\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: clamp(1.08rem, 1.6vw, 1.28rem);\n  font-style: italic;\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.cbch-detail {\n  margin-top: 23px;\n  color: var(--cbch-gold);\n  font-size: 0.62rem;\n  letter-spacing: 0.15em;\n  line-height: 1.6;\n  text-transform: uppercase;\n}\n\n\n\/* ---------------------------------------------------------\n   MEDIA QUERIES\n--------------------------------------------------------- *\/\n\n@media (max-width: 1024px) {\n\n  .cbch-inner {\n    padding: 60px 5vw;\n  }\n\n}\n\n\n@media (max-width: 900px) {\n\n  .cbch-entry {\n    grid-template-columns: 125px minmax(0, 1fr);\n    gap: 30px;\n  }\n\n  .cbch-text {\n    columns: 1;\n  }\n\n}\n\n\n@media (max-width: 640px) {\n\n  .cbch-entry {\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n\n  .cbch-meta {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    grid-template-areas:\n      \"index year\"\n      \"index tag\";\n    align-items: center;\n    column-gap: 22px;\n    padding-right: 0;\n    border-right: 0;\n  }\n\n  .cbch-index {\n    grid-area: index;\n    margin: 0;\n    font-size: 3.2rem;\n  }\n\n  .cbch-index::after {\n    width: 28px;\n    margin-top: 12px;\n  }\n\n  .cbch-year {\n    grid-area: year;\n    align-self: end;\n    margin: 0 0 5px;\n  }\n\n  .cbch-tag {\n    grid-area: tag;\n    align-self: start;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMAZIONI ENTRANCE\n========================================================= *\/\n\n.cbch-meta,\n.cbch-body {\n  opacity: 1;\n  transform: none;\n}\n\n.cbch-meta.cbch-anim-ready-left {\n  opacity: 0;\n  transform: translateX(-36px);\n  transition:\n    opacity .9s cubic-bezier(0.22, 1, 0.36, 1),\n    transform .9s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.cbch-body.cbch-anim-ready-right {\n  opacity: 0;\n  transform: translateX(36px);\n  transition:\n    opacity .9s cubic-bezier(0.22, 1, 0.36, 1) .10s,\n    transform .9s cubic-bezier(0.22, 1, 0.36, 1) .10s;\n}\n\n.cbch-meta.cbch-visible,\n.cbch-body.cbch-visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n@media (max-width: 1024px) {\n\n  .cbch-meta.cbch-anim-ready-left,\n  .cbch-body.cbch-anim-ready-right {\n    transform: translateY(28px);\n  }\n\n  .cbch-meta.cbch-visible,\n  .cbch-body.cbch-visible {\n    transform: translateY(0);\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cbch-meta,\n  .cbch-body,\n  .cbch-meta.cbch-anim-ready-left,\n  .cbch-body.cbch-anim-ready-right,\n  .cbch-meta.cbch-visible,\n  .cbch-body.cbch-visible {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"cbch-chronicle\"\n  aria-label=\"The Five Chapters of Cascina Berzide\u2019s History\"\n>\n\n  <div class=\"cbch-inner\">\n\n\n    <!-- =====================================================\n         CAPITOLO I\n         ===================================================== -->\n\n    <article class=\"cbch-entry\">\n\n      <div class=\"cbch-meta\">\n\n        <span class=\"cbch-index\" aria-label=\"Chapter One\">\n          I\n        <\/span>\n\n        <span class=\"cbch-year\">\n          XI\n        <\/span>\n\n        <span class=\"cbch-tag\">\n          Chapter I\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"cbch-body\">\n\n        <h3 class=\"cbch-title\">\n          The <em>Origins<\/em> of Berzide\n        <\/h3>\n\n        <div class=\"cbch-text\">\n\n          <p>\n            La nascita del borghetto di Berzide viene fatta risalire al periodo della colonizzazione saracena, intorno all\u2019anno Mille. \u00c8 nella parte pi\u00f9 alta dell\u2019abitato che affondano le radici del luogo che oggi conosciamo come Cascina Berzide.\n          <\/p>\n\n          <p>\n            Anche il nome sembrerebbe conservare una traccia di quel passato: la sua etimologia, probabilmente araba, richiamerebbe la presenza di antichi pozzi d\u2019acqua.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"cbch-detail\">\n          Le origini dell\u2019antico borgo\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- =====================================================\n         CAPITOLO II\n         ===================================================== -->\n\n    <article class=\"cbch-entry\">\n\n      <div class=\"cbch-meta\">\n\n        <span class=\"cbch-index\" aria-label=\"Second Chapter\">\n          II\n        <\/span>\n\n        <span class=\"cbch-year\">\n          XVIII\n        <\/span>\n\n        <span class=\"cbch-tag\">\n          Chapter II\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"cbch-body\">\n\n        <h3 class=\"cbch-title\">\n          L\u2019antica <em>Fortified Farmhouse<\/em>\n        <\/h3>\n\n        <div class=\"cbch-text\">\n\n          <p>\n            Nel corso dei secoli il piccolo borgo di Berzide cambia e si trasforma, mentre la cascina conserva una caratteristica che ancora oggi ne definisce l\u2019identit\u00e0: l\u2019antica disposizione rettangolare riconducibile alla sua origine fortificata.\n          <\/p>\n\n          <p>\n            Tre edifici distinti, costruiti su livelli differenti, rimangono raccolti attorno allo stesso giardino. Una struttura particolare che ha attraversato il tempo e che ancora oggi determina il carattere intimo e raccolto della propriet\u00e0.\n          <\/p>\n\n        <\/div>\n\n        <blockquote class=\"cbch-note\">\n          \u201cTre antichi edifici, un unico giardino e una forma che attraversa i secoli.\u201d\n        <\/blockquote>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- =====================================================\n         CAPITOLO III\n         ===================================================== -->\n\n    <article class=\"cbch-entry\">\n\n      <div class=\"cbch-meta\">\n\n        <span class=\"cbch-index\" aria-label=\"Third Chapter\">\n          III\n        <\/span>\n\n        <span class=\"cbch-year\">\n          XIX\n        <\/span>\n\n        <span class=\"cbch-tag\">\n          Chapter III\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"cbch-body\">\n\n        <h3 class=\"cbch-title\">\n          The Rhythm <em>of the Land<\/em>\n        <\/h3>\n\n        <div class=\"cbch-text\">\n\n          <p>\n            For generations, life at the farmhouse followed the rhythm of the countryside. Working the fields, the changing seasons, and the daily connection with nature shaped the days of those who lived here.\n          <\/p>\n\n          <p>\n            \u00c8 questa origine profondamente rurale a lasciare una delle impronte pi\u00f9 forti di Berzide. Gli edifici, il verde e il paesaggio circostante conservano ancora oggi il carattere semplice e autentico di un mondo legato alla terra.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"cbch-detail\">\n          Land, Work and Seasons\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- =====================================================\n         CAPITOLO IV\n         ===================================================== -->\n\n    <article class=\"cbch-entry\">\n\n      <div class=\"cbch-meta\">\n\n        <span class=\"cbch-index\" aria-label=\"Fourth Chapter\">\n          IV\n        <\/span>\n\n        <span class=\"cbch-year\">\n          XX\n        <\/span>\n\n        <span class=\"cbch-tag\">\n          Chapter IV\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"cbch-body\">\n\n        <h3 class=\"cbch-title\">\n          The Return <em>to Life<\/em>\n        <\/h3>\n\n        <div class=\"cbch-text\">\n\n          <p>\n            Dopo una lunga storia rurale, Cascina Berzide affronta una laboriosa opera di recupero. Un restauro durato anni, pensato per restituire agli edifici la loro bellezza senza cancellarne l\u2019identit\u00e0.\n          <\/p>\n\n          <p>\n            L\u2019intervento conserva il carattere dell\u2019architettura originaria, rispettandone forme, proporzioni e atmosfera. Il passato non viene ricostruito artificialmente: rimane leggibile nelle pietre e negli spazi della cascina.\n          <\/p>\n\n        <\/div>\n\n        <blockquote class=\"cbch-note\">\n          \u201cRestaurare non per cancellare il tempo, ma per permettere alla sua storia di continuare.\u201d\n        <\/blockquote>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- =====================================================\n     CAPITOLO V\n     ===================================================== -->\n\n<article class=\"cbch-entry\">\n\n  <div class=\"cbch-meta\">\n\n    <span class=\"cbch-index\" aria-label=\"Fifth Chapter\">\n      V\n    <\/span>\n\n    <span class=\"cbch-year\">\n      Today\n    <\/span>\n\n    <span class=\"cbch-tag\">\n      Chapter V\n    <\/span>\n\n  <\/div>\n\n\n  <div class=\"cbch-body\">\n\n    <h3 class=\"cbch-title\">\n      A Story That <em>Continues<\/em>\n    <\/h3>\n\n    <div class=\"cbch-text\">\n\n      <p>\n        Oggi Cascina Berzide conserva la propria anima rurale aprendosi a una nuova forma di ospitalit\u00e0. Matrimoni, cerimonie ed eventi riportano vita negli edifici, nei giardini e negli spazi che per secoli hanno accompagnato la storia del borgo.\n      <\/p>\n\n      <p>\n        Le pietre, il verde e l\u2019antica disposizione della cascina rimangono. A cambiare sono le persone che la attraversano e le nuove storie che, di volta in volta, scelgono Berzide come proprio scenario.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"cbch-detail\">\n      Cascina Berzide Today\n    <\/div>\n\n  <\/div>\n\n<\/article>\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section = document.currentScript.previousElementSibling;\n\n  if (\n    !section ||\n    !section.classList.contains('cbch-chronicle')\n  ) {\n    return;\n  }\n\n  const entries = section.querySelectorAll('.cbch-entry');\n\n  if (!entries.length) {\n    return;\n  }\n\n  const animatedElements = [];\n\n  entries.forEach(function (entry) {\n\n    const meta = entry.querySelector('.cbch-meta');\n    const body = entry.querySelector('.cbch-body');\n\n    if (meta) {\n      meta.classList.add('cbch-anim-ready-left');\n      animatedElements.push(meta);\n    }\n\n    if (body) {\n      body.classList.add('cbch-anim-ready-right');\n      animatedElements.push(body);\n    }\n\n  });\n\n  if (!('IntersectionObserver' in window)) {\n\n    animatedElements.forEach(function (el) {\n      el.classList.add('cbch-visible');\n    });\n\n    return;\n  }\n\n  const observer = new IntersectionObserver(\n\n    function (entries) {\n\n      entries.forEach(function (entry) {\n\n        if (!entry.isIntersecting) {\n          return;\n        }\n\n        entry.target.classList.add('cbch-visible');\n        observer.unobserve(entry.target);\n\n      });\n\n    },\n\n    {\n      threshold: 0.12,\n      rootMargin: '0px 0px -35px 0px'\n    }\n\n  );\n\n  animatedElements.forEach(function (el) {\n    observer.observe(el);\n  });\n\n})();\n<\/script>\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-655f861 e-flex e-con-boxed e-con e-parent\" data-id=\"655f861\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-207705d elementor-widget elementor-widget-html\" data-id=\"207705d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSEZIONE 3 \u2014 TIMELINE SCURA RIASSUNTIVA\n========================================================= -->\n\n<style>\n.cbtl-timeline,\n.cbtl-timeline * {\n  box-sizing: border-box;\n}\n\n.cbtl-timeline {\n  --cbtl-ink: #2A2118;\n  --cbtl-gold: #D4B98A;\n  --cbtl-line: rgba(212, 185, 138, 0.28);\n\n  width: 100%;\n  margin: 0;\n\n  background: var(--cbtl-ink);\n  color: #FFFFFF;\n\n  font-family: \"Jost\", Arial, sans-serif;\n}\n\n\n\/* ---------------------------------------------------------\n   INNER: 3vw PC \/ 5vw TABLET E MOBILE\n--------------------------------------------------------- *\/\n\n.cbtl-inner {\n  width: 100%;\n  margin: 0 auto;\n\n  padding: 60px 3vw;\n}\n\n\n.cbtl-label {\n  margin-bottom: 14px;\n\n  color: var(--cbtl-gold);\n\n  font-size: 0.62rem;\n\n  letter-spacing: 0.32em;\n\n  line-height: 1.5;\n\n  text-transform: uppercase;\n}\n\n\n.cbtl-title {\n  max-width: 650px;\n\n  margin: 0 0 clamp(48px, 6vw, 72px);\n\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n\n  font-size: clamp(2rem, 3vw, 2.8rem);\n\n  font-weight: 300;\n\n  line-height: 1.15;\n\n  text-wrap: balance;\n\n  color: #FFFFFF;\n}\n\n\n.cbtl-title em {\n  color: var(--cbtl-gold);\n\n  font-style: italic;\n\n  font-weight: 300;\n}\n\n\n\/* ---------------------------------------------------------\n   TRACK\n--------------------------------------------------------- *\/\n\n.cbtl-track {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n\n  gap: clamp(16px, 2.3vw, 34px);\n}\n\n\n.cbtl-track::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 7px;\n  right: 7px;\n  left: 7px;\n\n  height: 1px;\n\n  background: var(--cbtl-line);\n}\n\n\n\/* ---------------------------------------------------------\n   NODI\n--------------------------------------------------------- *\/\n\n.cbtl-node {\n  position: relative;\n\n  min-width: 0;\n\n  padding-top: 34px;\n\n  padding-right: 10px;\n}\n\n\n.cbtl-node:last-child {\n  padding-right: 0;\n\n  text-align: right;\n}\n\n\n.cbtl-dot {\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  z-index: 1;\n\n  width: 15px;\n  height: 15px;\n\n  border: 1px solid var(--cbtl-gold);\n\n  border-radius: 50%;\n\n  background: var(--cbtl-ink);\n}\n\n\n.cbtl-node:last-child .cbtl-dot {\n  right: 0;\n  left: auto;\n\n  background: var(--cbtl-gold);\n}\n\n\n.cbtl-year {\n  margin-bottom: 10px;\n\n  color: var(--cbtl-gold);\n\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n\n  font-size: clamp(1.35rem, 1.8vw, 1.65rem);\n\n  font-style: italic;\n\n  font-weight: 300;\n\n  line-height: 1;\n}\n\n\n.cbtl-text {\n  max-width: 175px;\n\n  color: rgba(255, 255, 255, 0.56);\n\n  font-size: clamp(0.71rem, 0.9vw, 0.79rem);\n\n  font-weight: 300;\n\n  line-height: 1.65;\n}\n\n\n.cbtl-node:last-child .cbtl-text {\n  margin-left: auto;\n}\n\n\n\/* ---------------------------------------------------------\n   TABLET\n--------------------------------------------------------- *\/\n\n@media (max-width: 1024px) {\n\n  .cbtl-inner {\n    padding: 60px 5vw;\n  }\n\n}\n\n\n\/* ---------------------------------------------------------\n   MOBILE\n--------------------------------------------------------- *\/\n\n@media (max-width: 767px) {\n\n  .cbtl-track {\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n  }\n\n\n  .cbtl-track::before {\n    top: 7px;\n    bottom: 7px;\n    left: 7px;\n\n    width: 1px;\n    height: auto;\n\n    right: auto;\n  }\n\n\n  .cbtl-node,\n  .cbtl-node:last-child {\n    min-height: 78px;\n\n    padding: 0 0 0 42px;\n\n    text-align: left;\n  }\n\n\n  .cbtl-dot,\n  .cbtl-node:last-child .cbtl-dot {\n    top: 0;\n    right: auto;\n    left: 0;\n  }\n\n\n  .cbtl-text,\n  .cbtl-node:last-child .cbtl-text {\n    max-width: 520px;\n\n    margin-left: 0;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMAZIONI ENTRANCE\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   TESTATA\n--------------------------------------------------------- *\/\n\n.cbtl-label,\n.cbtl-title {\n  opacity: 1;\n\n  transform: none;\n}\n\n\n.cbtl-label.cbtl-head-ready {\n  opacity: 0;\n\n  transform: translateY(18px);\n\n  transition:\n    opacity .75s cubic-bezier(0.22, 1, 0.36, 1),\n    transform .75s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n.cbtl-title.cbtl-head-ready {\n  opacity: 0;\n\n  transform: translateY(22px);\n\n  transition:\n    opacity .85s cubic-bezier(0.22, 1, 0.36, 1) .10s,\n    transform .85s cubic-bezier(0.22, 1, 0.36, 1) .10s;\n}\n\n\n.cbtl-label.cbtl-visible,\n.cbtl-title.cbtl-visible {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\/* ---------------------------------------------------------\n   LINEA \u2014 DESKTOP\n--------------------------------------------------------- *\/\n\n.cbtl-track.cbtl-track-ready::before {\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n  transition:\n    transform 1.25s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n.cbtl-track.cbtl-track-visible::before {\n  transform: scaleX(1);\n}\n\n\n\/* ---------------------------------------------------------\n   NODI\n--------------------------------------------------------- *\/\n\n.cbtl-node {\n  opacity: 1;\n\n  transform: none;\n}\n\n\n.cbtl-node.cbtl-node-ready {\n  opacity: 0;\n\n  transform: translateY(24px);\n\n  transition:\n    opacity .8s cubic-bezier(0.22, 1, 0.36, 1),\n    transform .8s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n.cbtl-node.cbtl-node-visible {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\/* piccolo effetto sul pallino *\/\n\n.cbtl-node.cbtl-node-ready .cbtl-dot {\n  transform: scale(0.4);\n\n  transition:\n    transform .55s cubic-bezier(0.22, 1, 0.36, 1),\n    background .3s ease;\n}\n\n\n.cbtl-node.cbtl-node-visible .cbtl-dot {\n  transform: scale(1);\n}\n\n\n\/* ---------------------------------------------------------\n   MOBILE:\n   LINEA DALL'ALTO AL BASSO\n--------------------------------------------------------- *\/\n\n@media (max-width: 767px) {\n\n  .cbtl-track.cbtl-track-ready::before {\n    transform: scaleY(0);\n\n    transform-origin: center top;\n  }\n\n\n  .cbtl-track.cbtl-track-visible::before {\n    transform: scaleY(1);\n  }\n\n\n  .cbtl-node.cbtl-node-ready {\n    transform: translateX(-22px);\n  }\n\n\n  .cbtl-node.cbtl-node-visible {\n    transform: translateX(0);\n  }\n\n}\n\n\n\/* ---------------------------------------------------------\n   RIDUZIONE MOVIMENTO\n--------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cbtl-label,\n  .cbtl-title,\n  .cbtl-label.cbtl-head-ready,\n  .cbtl-title.cbtl-head-ready,\n  .cbtl-label.cbtl-visible,\n  .cbtl-title.cbtl-visible,\n\n  .cbtl-node,\n  .cbtl-node.cbtl-node-ready,\n  .cbtl-node.cbtl-node-visible {\n    opacity: 1;\n\n    transform: none;\n\n    transition: none;\n  }\n\n\n  .cbtl-track.cbtl-track-ready::before,\n  .cbtl-track.cbtl-track-visible::before {\n    transform: none;\n\n    transition: none;\n  }\n\n\n  .cbtl-node.cbtl-node-ready .cbtl-dot,\n  .cbtl-node.cbtl-node-visible .cbtl-dot {\n    transform: none;\n\n    transition: none;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"cbtl-timeline\"\n  aria-labelledby=\"cbtl-title\"\n>\n\n  <div class=\"cbtl-inner\">\n\n    <div class=\"cbtl-label\">\n      In Brief\n    <\/div>\n\n    <h2\n      class=\"cbtl-title\"\n      id=\"cbtl-title\"\n    >\n      A Thousand Years in <em>Five Stages<\/em>\n    <\/h2>\n\n    <div\n      class=\"cbtl-track\"\n      role=\"list\"\n    >\n\n\n      <!-- 1000 -->\n\n      <div\n        class=\"cbtl-node\"\n        role=\"listitem\"\n      >\n\n        <span\n          class=\"cbtl-dot\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        <div class=\"cbtl-year\">\n          XI\n        <\/div>\n\n        <div class=\"cbtl-text\">\n          The origins of the hamlet of Berzide, linked to the period of Saracen settlement\n        <\/div>\n\n      <\/div>\n\n\n      <!-- XVIII -->\n\n      <div\n        class=\"cbtl-node\"\n        role=\"listitem\"\n      >\n\n        <span\n          class=\"cbtl-dot\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        <div class=\"cbtl-year\">\n          XVIII\n        <\/div>\n\n        <div class=\"cbtl-text\">\n          Tre antichi edifici conservano l\u2019impianto dell\u2019antica cascina fortificata\n        <\/div>\n\n      <\/div>\n\n\n      <!-- XIX -->\n\n      <div\n        class=\"cbtl-node\"\n        role=\"listitem\"\n      >\n\n        <span\n          class=\"cbtl-dot\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        <div class=\"cbtl-year\">\n          XIX\n        <\/div>\n\n        <div class=\"cbtl-text\">\n          Life at the farmhouse follows the rhythm of the land, work, and the seasons\n        <\/div>\n\n      <\/div>\n\n\n      <!-- XX -->\n\n      <div\n        class=\"cbtl-node\"\n        role=\"listitem\"\n      >\n\n        <span\n          class=\"cbtl-dot\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        <div class=\"cbtl-year\">\n          XX\n        <\/div>\n\n        <div class=\"cbtl-text\">\n          An extensive restoration restores the buildings to their original character\n        <\/div>\n\n      <\/div>\n\n\n      <!-- XXI -->\n\n      <div\n        class=\"cbtl-node\"\n        role=\"listitem\"\n      >\n\n        <span\n          class=\"cbtl-dot\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        <div class=\"cbtl-year\">\n          Today\n        <\/div>\n\n        <div class=\"cbtl-text\">\n          Cascina Berzide continues its story by welcoming weddings, ceremonies, and events\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n  const section = document.currentScript.previousElementSibling;\n\n  if (\n    !section ||\n    !section.classList.contains('cbtl-timeline')\n  ) {\n    return;\n  }\n\n\n  const label = section.querySelector('.cbtl-label');\n  const title = section.querySelector('.cbtl-title');\n  const track = section.querySelector('.cbtl-track');\n\n  const nodes = Array.from(\n    section.querySelectorAll('.cbtl-node')\n  );\n\n\n  if (!track || !nodes.length) {\n    return;\n  }\n\n\n  \/* =====================================================\n     STATO INIZIALE\n     ===================================================== *\/\n\n  if (label) {\n    label.classList.add('cbtl-head-ready');\n  }\n\n\n  if (title) {\n    title.classList.add('cbtl-head-ready');\n  }\n\n\n  track.classList.add('cbtl-track-ready');\n\n\n  nodes.forEach(function (node, index) {\n\n    node.classList.add('cbtl-node-ready');\n\n\n    \/*\n     * Entrata progressiva dei cinque punti.\n     *\/\n\n    node.style.transitionDelay =\n      (0.18 + index * 0.11) + 's';\n\n\n    const dot = node.querySelector('.cbtl-dot');\n\n    if (dot) {\n\n      dot.style.transitionDelay =\n        (0.18 + index * 0.11) + 's';\n\n    }\n\n  });\n\n\n  \/* =====================================================\n     FALLBACK\n     ===================================================== *\/\n\n  if (!('IntersectionObserver' in window)) {\n\n    if (label) {\n      label.classList.add('cbtl-visible');\n    }\n\n    if (title) {\n      title.classList.add('cbtl-visible');\n    }\n\n    track.classList.add('cbtl-track-visible');\n\n\n    nodes.forEach(function (node) {\n      node.classList.add('cbtl-node-visible');\n    });\n\n\n    return;\n  }\n\n\n  \/* =====================================================\n     TESTATA\n     ===================================================== *\/\n\n  const headObserver = new IntersectionObserver(\n\n    function (entries) {\n\n      entries.forEach(function (entry) {\n\n        if (!entry.isIntersecting) {\n          return;\n        }\n\n\n        entry.target.classList.add(\n          'cbtl-visible'\n        );\n\n\n        headObserver.unobserve(\n          entry.target\n        );\n\n      });\n\n    },\n\n    {\n      threshold: 0.12,\n      rootMargin: '0px 0px -35px 0px'\n    }\n\n  );\n\n\n  if (label) {\n    headObserver.observe(label);\n  }\n\n  if (title) {\n    headObserver.observe(title);\n  }\n\n\n  \/* =====================================================\n     TIMELINE\n     ===================================================== *\/\n\n  const timelineObserver = new IntersectionObserver(\n\n    function (entries) {\n\n      entries.forEach(function (entry) {\n\n        if (!entry.isIntersecting) {\n          return;\n        }\n\n\n        \/*\n         * Disegna la linea\n         *\/\n\n        track.classList.add(\n          'cbtl-track-visible'\n        );\n\n\n        \/*\n         * Fa entrare tutti i nodi.\n         * I delay impostati sopra creano la sequenza.\n         *\/\n\n        nodes.forEach(function (node) {\n\n          node.classList.add(\n            'cbtl-node-visible'\n          );\n\n        });\n\n\n        timelineObserver.unobserve(track);\n\n      });\n\n    },\n\n    {\n      threshold: 0.12,\n      rootMargin: '0px 0px -35px 0px'\n    }\n\n  );\n\n\n  timelineObserver.observe(track);\n\n\n})();\n<\/script>\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-db7e0ff e-flex e-con-boxed e-con e-parent\" data-id=\"db7e0ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b52e80 elementor-widget elementor-widget-html\" data-id=\"5b52e80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSEZIONE 4 \u2014 CITAZIONE FINALE\n========================================================= -->\n\n<style>\n.cbqt-quote,\n.cbqt-quote * {\n  box-sizing: border-box;\n}\n\n.cbqt-quote {\n  --cbqt-cream: #fff;\n  --cbqt-ink: #2A2118;\n  --cbqt-muted: #7A6B5C;\n  --cbqt-gold: #B89A6A;\n  --cbqt-border: rgba(184, 154, 106, 0.22);\n\n  width: 100%;\n  margin: 0;\n\n  background: var(--cbqt-cream);\n  color: var(--cbqt-ink);\n\n  border-bottom: 1px solid var(--cbqt-border);\n\n  font-family: \"Jost\", Arial, sans-serif;\n}\n\n\n\/* ---------------------------------------------------------\n   INNER: 3vw PC \/ 5vw TABLET E MOBILE\n--------------------------------------------------------- *\/\n\n.cbqt-inner {\n  width: 100%;\n  margin: 0 auto;\n\n  padding: 60px 3vw;\n\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n\n  align-items: start;\n\n  gap: clamp(22px, 4vw, 46px);\n}\n\n\n\/* ---------------------------------------------------------\n   VIRGOLETTA\n--------------------------------------------------------- *\/\n\n.cbqt-mark {\n  color: var(--cbqt-gold);\n\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n\n  font-size: clamp(5.5rem, 9vw, 8rem);\n\n  font-weight: 300;\n\n  line-height: 0.58;\n\n  opacity: 0.52;\n\n  transform: translateY(9px);\n}\n\n\n\/* ---------------------------------------------------------\n   TESTO\n--------------------------------------------------------- *\/\n\n.cbqt-text {\n  max-width: 880px;\n\n  margin: 0 0 28px;\n\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n\n  font-size: clamp(1.55rem, 2.5vw, 2.15rem);\n\n  font-style: italic;\n\n  font-weight: 300;\n\n  line-height: 1.48;\n\n  text-wrap: pretty;\n}\n\n\n\/* ---------------------------------------------------------\n   AUTORE\n--------------------------------------------------------- *\/\n\n.cbqt-author {\n  color: var(--cbqt-muted);\n\n  font-size: 0.65rem;\n\n  letter-spacing: 0.18em;\n\n  line-height: 1.7;\n\n  text-transform: uppercase;\n}\n\n.cbqt-author strong {\n  color: var(--cbqt-gold);\n\n  font-weight: 400;\n}\n\n\n\/* ---------------------------------------------------------\n   TABLET\n--------------------------------------------------------- *\/\n\n@media (max-width: 1024px) {\n\n  .cbqt-inner {\n    padding: 60px 5vw;\n  }\n\n}\n\n\n\/* ---------------------------------------------------------\n   MOBILE\n--------------------------------------------------------- *\/\n\n@media (max-width: 640px) {\n\n  .cbqt-inner {\n    grid-template-columns: 1fr;\n\n    gap: 10px;\n  }\n\n  .cbqt-mark {\n    font-size: 5.5rem;\n\n    transform: none;\n  }\n\n  .cbqt-author {\n    font-size: 0.59rem;\n\n    letter-spacing: 0.14em;\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMAZIONI ENTRANCE\n   ========================================================= *\/\n\n.cbqt-mark,\n.cbqt-text,\n.cbqt-author {\n  opacity: 1;\n}\n\n\n\/* VIRGOLETTA *\/\n\n.cbqt-mark.cbqt-mark-ready {\n  opacity: 0;\n\n  transform: translate(-28px, 9px);\n\n  transition:\n    opacity .8s cubic-bezier(0.22, 1, 0.36, 1),\n    transform .8s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.cbqt-mark.cbqt-visible {\n  opacity: 0.52;\n\n  transform: translate(0, 9px);\n}\n\n\n\/* TESTO *\/\n\n.cbqt-text.cbqt-text-ready {\n  opacity: 0;\n\n  transform: translateY(28px);\n\n  transition:\n    opacity .9s cubic-bezier(0.22, 1, 0.36, 1) .10s,\n    transform .9s cubic-bezier(0.22, 1, 0.36, 1) .10s;\n}\n\n.cbqt-text.cbqt-visible {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\/* AUTORE *\/\n\n.cbqt-author.cbqt-author-ready {\n  opacity: 0;\n\n  transform: translateY(18px);\n\n  transition:\n    opacity .8s cubic-bezier(0.22, 1, 0.36, 1) .22s,\n    transform .8s cubic-bezier(0.22, 1, 0.36, 1) .22s;\n}\n\n.cbqt-author.cbqt-visible {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\/* MOBILE:\n   tutto dal basso *\/\n\n@media (max-width: 640px) {\n\n  .cbqt-mark.cbqt-mark-ready {\n    transform: translateY(22px);\n  }\n\n  .cbqt-mark.cbqt-visible {\n    transform: translateY(0);\n  }\n\n}\n\n\n\/* ---------------------------------------------------------\n   RIDUZIONE MOVIMENTO\n--------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cbqt-mark,\n  .cbqt-text,\n  .cbqt-author,\n  .cbqt-mark.cbqt-mark-ready,\n  .cbqt-text.cbqt-text-ready,\n  .cbqt-author.cbqt-author-ready,\n  .cbqt-mark.cbqt-visible,\n  .cbqt-text.cbqt-visible,\n  .cbqt-author.cbqt-visible {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .cbqt-mark {\n    opacity: 0.52;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"cbqt-quote\"\n  aria-label=\"Quote from Cascina Berzide\"\n>\n\n  <div class=\"cbqt-inner\">\n\n    <div\n      class=\"cbqt-mark\"\n      aria-hidden=\"true\"\n    >\n      \u201c\n    <\/div>\n\n    <div>\n\n      <blockquote class=\"cbqt-text\">\n        Forse \u00e8 questo il destino dei luoghi antichi: custodire il passato e fare spazio alle storie che devono ancora cominciare.\n      <\/blockquote>\n\n      <div class=\"cbqt-author\">\n        <strong>Sergio - owner of Cascina Berzide<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section = document.currentScript.previousElementSibling;\n\n  if (\n    !section ||\n    !section.classList.contains('cbqt-quote')\n  ) {\n    return;\n  }\n\n\n  const mark = section.querySelector('.cbqt-mark');\n  const text = section.querySelector('.cbqt-text');\n  const author = section.querySelector('.cbqt-author');\n\n\n  if (!mark || !text || !author) {\n    return;\n  }\n\n\n  mark.classList.add('cbqt-mark-ready');\n  text.classList.add('cbqt-text-ready');\n  author.classList.add('cbqt-author-ready');\n\n\n  if (!('IntersectionObserver' in window)) {\n\n    mark.classList.add('cbqt-visible');\n    text.classList.add('cbqt-visible');\n    author.classList.add('cbqt-visible');\n\n    return;\n  }\n\n\n  const observer = new IntersectionObserver(\n\n    function (entries) {\n\n      entries.forEach(function (entry) {\n\n        if (!entry.isIntersecting) {\n          return;\n        }\n\n\n        mark.classList.add('cbqt-visible');\n        text.classList.add('cbqt-visible');\n        author.classList.add('cbqt-visible');\n\n\n        observer.unobserve(entry.target);\n\n      });\n\n    },\n\n    {\n      threshold: 0.16,\n      rootMargin: '0px 0px -35px 0px'\n    }\n\n  );\n\n\n  observer.observe(section);\n\n\n})();\n<\/script>\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-63f66ee e-flex e-con-boxed e-con e-parent\" data-id=\"63f66ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08277ca elementor-widget elementor-widget-html\" data-id=\"08277ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital@0;1&family=Jost:wght@400;500&display=swap');\n\n.vsp-wrapper {\n  background-color: #F5F0E8 !important;\n  padding: 0;\n  box-sizing: border-box;\n  width: 100%;\n  border-top: 1px solid #d9cfc4 !important;\n  border-bottom: 1px solid #d9cfc4 !important;\n}\n\n.vsp-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 40px;\n  padding: 70px 3vw;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.vsp-text {\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n.vsp-title {\n  font-family: 'Playfair Display', serif;\n  font-weight: 400;\n  font-size: 2.3rem;\n  color: #2b2117;\n  line-height: 1.3;\n  margin: 0 0 16px 0;\n}\n\n.vsp-title .vsp-corsivo {\n  font-family: 'Playfair Display', serif;\n  font-style: italic;\n  font-weight: 400;\n  color: #c9a876;\n}\n\n.vsp-desc {\n  color: #5a5347;\n  font-family: 'Jost', sans-serif;\n  font-size: 1rem;\n  line-height: 1.65;\n  max-width: 600px;\n  margin: 0 !important;\n  font-weight: 400;\n}\n\n.vsp-actions {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.vsp-btn {\n  font-family: 'Jost', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  text-decoration: none;\n  padding: 18px 28px;\n  border-radius: 2px;\n  white-space: nowrap;\n  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n\n.vsp-btn-primary {\n  background: #2B2116;\n  color: #F5F0E8;\n  border: 1px solid #2B2116;\n}\n\n.vsp-btn-primary:hover {\n  background: #B89A6A;\n  border-color: #B89A6A;\n  color: #faf7f1;\n}\n\n.vsp-btn-secondary {\n  background: transparent;\n  color: #2b2117;\n  border: 1px solid #d9cfc4;\n}\n\n.vsp-btn-secondary:hover {\n  background: #F5F0E8;\n  color: #B89A6A;\n  border-color: #B89A6A;\n}\n\n@media (max-width: 900px) {\n  .vsp-inner {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 30px;\n    padding: 50px 5vw;\n  }\n\n  .vsp-actions {\n    width: 100%;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n  }\n\n  .vsp-btn {\n    text-align: center;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .vsp-title { \n    font-size: 1.9rem; \n  }\n}\n\n\n\/* =========================================================\n   ANIMAZIONI ENTRANCE\n   ========================================================= *\/\n\n.vsp-text,\n.vsp-actions {\n  opacity: 1;\n  transform: none;\n}\n\n\/* TESTO *\/\n\n.vsp-text.vsp-anim-ready-left {\n  opacity: 0;\n  transform: translateX(-36px);\n\n  transition:\n    opacity .9s cubic-bezier(0.22, 1, 0.36, 1),\n    transform .9s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* PULSANTI *\/\n\n.vsp-actions.vsp-anim-ready-right {\n  opacity: 0;\n  transform: translateX(36px);\n\n  transition:\n    opacity .9s cubic-bezier(0.22, 1, 0.36, 1) .10s,\n    transform .9s cubic-bezier(0.22, 1, 0.36, 1) .10s;\n}\n\n\/* STATO FINALE *\/\n\n.vsp-text.vsp-visible,\n.vsp-actions.vsp-visible {\n  opacity: 1;\n  transform: translate(0, 0);\n}\n\n\n\/* TABLET E MOBILE *\/\n\n@media (max-width: 900px) {\n\n  .vsp-text.vsp-anim-ready-left,\n  .vsp-actions.vsp-anim-ready-right {\n    transform: translateY(28px);\n  }\n\n  .vsp-text.vsp-visible,\n  .vsp-actions.vsp-visible {\n    transform: translateY(0);\n  }\n\n}\n\n\n\/* RIDUZIONE MOVIMENTO *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .vsp-text,\n  .vsp-actions,\n  .vsp-text.vsp-anim-ready-left,\n  .vsp-actions.vsp-anim-ready-right,\n  .vsp-text.vsp-visible,\n  .vsp-actions.vsp-visible {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n}\n<\/style>\n\n<div class=\"vsp-wrapper\">\n  <div class=\"vsp-inner\">\n\n    <div class=\"vsp-text\">\n      <h2 class=\"vsp-title\">\n        Come and Write <span class=\"vsp-corsivo\">Your Chapter<\/span>\n      <\/h2>\n\n      <p class=\"vsp-desc\">\n        We offer visits by appointment, including weekends. Come and discover Cascina Berzide and experience its story in person.\n      <\/p>\n    <\/div>\n\n    <div class=\"vsp-actions\">\n      <a href=\"https:\/\/www.cascinaberzide.it\/en\/#forminator-module-1854\" class=\"vsp-btn vsp-btn-primary\">\n        Book a site visit\n      <\/a>\n\n      <a href=\"https:\/\/www.cascinaberzide.it\/en\/spazi-ambienti\/\" class=\"vsp-btn vsp-btn-secondary\">\n        DISCOVER THE SPACES\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n\n  const wrapper = document.currentScript.previousElementSibling;\n\n  if (\n    !wrapper ||\n    !wrapper.classList.contains('vsp-wrapper')\n  ) {\n    return;\n  }\n\n  const text = wrapper.querySelector('.vsp-text');\n  const actions = wrapper.querySelector('.vsp-actions');\n\n  if (!text || !actions) {\n    return;\n  }\n\n  text.classList.add('vsp-anim-ready-left');\n  actions.classList.add('vsp-anim-ready-right');\n\n\n  if (!('IntersectionObserver' in window)) {\n\n    text.classList.add('vsp-visible');\n    actions.classList.add('vsp-visible');\n\n    return;\n  }\n\n\n  const observer = new IntersectionObserver(\n\n    function (entries) {\n\n      entries.forEach(function (entry) {\n\n        if (!entry.isIntersecting) {\n          return;\n        }\n\n        entry.target.classList.add('vsp-visible');\n\n        observer.unobserve(entry.target);\n\n      });\n\n    },\n\n    {\n      threshold: 0.12,\n      rootMargin: '0px 0px -35px 0px'\n    }\n\n  );\n\n\n  observer.observe(text);\n  observer.observe(actions);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>HOME &nbsp;\u203a&nbsp; LA STORIA La Nostra Storia Un luogo antico, nato sulla parte pi\u00f9 alta di un piccolo borgo delle [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cascinaberzide.it\/en\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cascinaberzide.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cascinaberzide.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cascinaberzide.it\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cascinaberzide.it\/en\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":86,"href":"https:\/\/www.cascinaberzide.it\/en\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":4369,"href":"https:\/\/www.cascinaberzide.it\/en\/wp-json\/wp\/v2\/pages\/46\/revisions\/4369"}],"wp:attachment":[{"href":"https:\/\/www.cascinaberzide.it\/en\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}