{"id":228,"date":"2025-08-27T16:56:41","date_gmt":"2025-08-27T14:56:41","guid":{"rendered":"https:\/\/gresart671.test\/gres-art-671\/"},"modified":"2025-09-01T15:51:33","modified_gmt":"2025-09-01T13:51:33","slug":"gres-art-671","status":"publish","type":"page","link":"https:\/\/gresart671.officine06lab.com\/en\/","title":{"rendered":"Gres Art 671"},"content":{"rendered":"<section\n  class=\"w-full flex items-center justify-center flex-col bg-black-100 overflow-hidden relative z-10 px-6 h-[calc(100dvh-192px)] lg:h-[600px]\">\n      <button type=\"button\"\n      class=\"toggle-video flex items-center justify-center border-2 border-white w-12 min-w-12 max-w-12 h-auto aspect-square cursor-pointer bg-black\/30 backdrop-blur-md absolute right-6 bottom-6 xl:right-10 xl:bottom-10 focus:border-3 focus-visible:!border-3 hover:bg-white\/20\"\n      aria-label=\"Pause the video\"\n      tabindex=\"0\">\n      <svg class=\"fill-white w-6 h-auto\" viewBox=\"0 0 256 256\">\n        <path d=\"M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z\"><\/path>\n      <\/svg>\n    <\/button>\n    <video class=\"w-full h-full object-cover absolute inset-0 top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 -z-[1]\"\n           poster=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-3.jpg\"\n           aria-hidden=\"true\"\n           role=\"presentation\"\n           aria-label=\"Decorative background video\"\n           autoplay loop muted playsinline>\n      <source src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/file_example_MP4_480_1_5MG.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"w-full h-full absolute inset-0 bg-black -z-[1]\" style=\"opacity: 30%\"><\/div>\n  <h1 class=\"text-heading-mini text-white font-body font-medium w-full max-w-[640px] text-center leading-none mb-10\">\n    between<br>Art and Life\n<\/h1>\n      <a href=\"#\" target=\"_self\"\n       aria-label=\"Discover gres art 671\"\n       title=\"Discover gres art 671\"\n       class=\"w-auto h-12 inline-flex items-center justify-center px-5 xl:px-6 lowercase bg-white text-black text-base font-medium font-body !no-underline underline-offset-2 hover:!underline hover:bg-black-200 active:!underline active:bg-black-300 outline-offset-2 outline-white focus:outline-3 focus-visible:!outline-3 disabled:bg-black-600 disabled:text-black-200 disabled:pointer-events-none \">\n                    Discover gres art 671\n            <\/a>\n        <div class=\"mt-10\">\n      <div class=\"flex items-start justify-center w-10 h-10 md:h-20 mx-auto mb-6 md:mb-10\">\n        <div class=\"w-0.5 bg-white animate-scroll-hint mx-auto\"><\/div>\n      <\/div>\n      <p class=\"text-small text-white font-body font-medium\">scroll down<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"w-full relative z-10 py-9 lg:py-16 xl:py-20  px-3 lg:px-7 space-y-6\" style=\"background-color: \">\n  <h2 class=\"text-subheading text-black font-body font-medium w-full leading-none\">\n    mission\n<\/h2>\n      <div class=\"text-base text-black font-body font-normal leading-tight space-y-6 editorial-content lg:columns-2 lg:gap-6\">\n      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consectetur nunc ut fermentum ornare. Cras et diam in libero eleifend faucibus. Sed non felis a nulla tincidunt sollicitudin. Phasellus gravida imperdiet dui quis sagittis. Donec tellus diam, ullamcorper quis scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consectetur nunc ut fermentum ornare. Cras et diam in libero eleifend faucibus.        <\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consectetur nunc ut fermentum ornare. Cras et diam in libero eleifend faucibus. Sed non felis a nulla tincidunt sollicitudin. Phasellus gravida imperdiet dui quis sagittis. Donec tellus diam, ullamcorper quis scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consectetur nunc ut fermentum ornare. Cras et diam in libero eleifend faucibus.        <\/p>\n\n    <\/div>\n  <\/section>\n<section\n  class=\"w-full px-3 lg:px-7\" style=\"background-color: ;\">\n  <div class=\"w-full h-px bg-black\" style=\"background-color: #000000; height: 1px\"><\/div>\n<\/section>\n<section class=\"w-full relative z-10 py-9 lg:py-16 xl:py-20  px-3 lg:px-7 space-y-6 overflow-hidden\"\n         style=\"background-color: \">\n  <div class=\"w-full flex items-center justify-between gap-6\">\n    <h2 class=\"text-subheading text-black font-body font-medium w-full leading-none\">\n    spaces\n<\/h2>\n    <div class=\"flex items-center justify-end gap-1\" role=\"group\" aria-label=\"Controlli carousel\">\n      <button class=\"zszfx-prev flex items-center justify-center border-2 border-black\/0 hover:bg-black\/5 active:bg-black\/10 focus:border-black w-12 min-w-12 max-w-12 h-auto aspect-square cursor-pointer\"\n          aria-label=\"Go to the previous slide\" aria-controls=\"zszfx\">\n          <svg class=\"fill-black w-6 h-auto\" viewBox=\"0 0 256 256\">\n            <path\n              d=\"M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z\"><\/path>\n          <\/svg>\n      <\/button>\n      <button class=\"zszfx-next flex items-center justify-center border-2 border-black\/0 hover:bg-black\/5 active:bg-black\/10 focus:border-black w-12 min-w-12 max-w-12 h-auto aspect-square cursor-pointer\"\n          aria-label=\"Go to the next slide\" aria-controls=\"zszfx\">\n          <svg class=\"fill-black w-6 h-auto\" viewBox=\"0 0 256 256\">\n            <path\n              d=\"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z\"><\/path>\n          <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n        <div class=\"swiper !overflow-visible\" id=\"zszfx\" role=\"region\"\n         aria-label=\"Immagini\"\n         aria-live=\"polite\">\n      <div class=\"swiper-wrapper\">\n                  <div class=\"swiper-slide !w-auto\">\n                          <div class=\"aspect-portrait md:aspect-auto w-auto h-[400px]\">\n                <img loading=\"lazy\" decoding=\"async\" role=\"presentation\" class=\"w-auto h-full object-cover\" src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-3.jpg\"\n                     alt=\"\" width=\"1920\"\n                     height=\"1080\">\n              <\/div>\n                                      <h3 class=\"text-subtitle md:text-module-heading text-black font-body font-medium w-full leading-none mt-5\">\n    square\n<\/h3>\n                      <\/div>\n                  <div class=\"swiper-slide !w-auto\">\n                          <div class=\"aspect-portrait md:aspect-auto w-auto h-[400px]\">\n                <img loading=\"lazy\" decoding=\"async\" role=\"presentation\" class=\"w-auto h-full object-cover\" src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-2.jpg\"\n                     alt=\"\" width=\"1080\"\n                     height=\"810\">\n              <\/div>\n                                      <h3 class=\"text-subtitle md:text-module-heading text-black font-body font-medium w-full leading-none mt-5\">\n    garden\n<\/h3>\n                      <\/div>\n                  <div class=\"swiper-slide !w-auto\">\n                          <div class=\"aspect-portrait md:aspect-auto w-auto h-[400px]\">\n                <img loading=\"lazy\" decoding=\"async\" role=\"presentation\" class=\"w-auto h-full object-cover\" src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-6.jpg\"\n                     alt=\"\" width=\"800\"\n                     height=\"800\">\n              <\/div>\n                                      <h3 class=\"text-subtitle md:text-module-heading text-black font-body font-medium w-full leading-none mt-5\">\n    terrace\n<\/h3>\n                      <\/div>\n              <\/div>\n    <\/div>\n  <\/section>\n\n  <section\n  class=\"w-full px-3 lg:px-7\" style=\"background-color: ;\">\n  <div class=\"w-full h-px bg-black\" style=\"background-color: #000000; height: 1px\"><\/div>\n<\/section>\n<section class=\"w-full relative z-10 py-9 lg:py-16 xl:py-20  px-3 lg:px-7 space-y-6\" style=\"background-color: \">\n  <h2 class=\"text-subheading text-black font-body font-medium w-full leading-none\">\n    ongoing\n<\/h2>\n  <\/section>\n<section\n  class=\"w-full px-3 lg:px-7\" style=\"background-color: ;\">\n  <div class=\"w-full h-px bg-black\" style=\"background-color: #000000; height: 1px\"><\/div>\n<\/section>\n<section class=\"w-full relative z-10 py-9 lg:py-16 xl:py-20  px-3 lg:px-7 space-y-6\"\n         style=\"background-color: \">\n  <div class=\"w-full flex items-start md:items-center justify-between flex-col md:flex-row gap-6\">\n          <h2 class=\"text-subheading text-black font-body font-medium leading-none\">\n    events\n<\/h2>\n              <div class=\"text-end w-full md:w-auto\">\n        <a href=\"#\" target=\"_self\"\n       aria-label=\"view all events\"\n       title=\"view all events\"\n       class=\"w-auto h-12 inline-flex items-center justify-center px-5 xl:px-6 lowercase bg-none text-black text-base font-medium font-body underline underline-offset-2 hover:!no-underline hover:bg-black\/5 active:!no-underline active:bg-black\/10 focus:!no-underline focus:border focus:border-3 focus-visible:outline-0 disabled:!no-underline disabled:text-black-400 disabled:pointer-events-none \">\n                    view all events\n            <\/a>\n      <\/div>\n      <\/div>\n        <div class=\"grid grid-cols-12 gap-6\">\n      <div class=\"col-span-12\">\n        <div class=\"text-base text-black-400 font-body font-normal leading-tight space-y-6\">\n          <p>No events scheduled<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<section\n  class=\"w-full px-3 lg:px-7\" style=\"background-color: ;\">\n  <div class=\"w-full h-px bg-black\" style=\"background-color: #000000; height: 1px\"><\/div>\n<\/section>\n<section class=\"w-full relative z-10 pt-9 lg:pt-16 xl:pt-20  px-3 lg:px-7 space-y-6\" style=\"background-color: \">\n  <h2 class=\"text-subheading text-black font-body font-medium w-full leading-none\">\n    discover, read, listen\n<\/h2>\n  <\/section>\n<section class=\"w-full relative z-10 my-5 lg:my-8 xl:my-10 px-3 lg:px-7\">\n  <div class=\"grid grid-cols-12 gap-6\">\n          <div class=\"col-span-12 \">\n        <div class=\"w-full p-6 lg:p-10 space-y-6\"\n             style=\"background-color: #cbe0ef\">\n          <div class=\"w-full flex items-start md:items-center justify-between flex-col md:flex-row gap-6\">\n            <h2 class=\"text-subheading text-black font-body font-medium leading-none\">\n    gres caf\u00e8\n<\/h2>\n                          <a href=\"#\" target=\"_self\"\n       aria-label=\"Discover the Gres Caf\u00e8\"\n       title=\"Discover the Gres Caf\u00e8\"\n       class=\"w-auto h-12 inline-flex items-center justify-center px-5 xl:px-6 lowercase bg-none border-2 border-black text-black text-base font-medium font-body !no-underline underline-offset-2 hover:!underline hover:bg-black\/5 active:!underline active:bg-black-200 focus:border-3 focus-visible:outline-0 disabled:bg-black-400 disabled:text-black-400 disabled:pointer-events-none \">\n                    Discover the Gres Caf\u00e8\n            <\/a>\n                      <\/div>\n                      <div class=\"text-subtitle text-black font-body font-medium leading-tight space-y-6\">\n              <p>The ideal place for breakfast, lunch or an aperitif. A welcoming space where cuisine meets inspiration, with a carefully curated gastronomic selection that combines quality and creativity.<\/p>\n\n            <\/div>\n                                                                          <div class=\"w-full space-y-6\">\n                                  <div class=\"w-full md:flex md:gap-6 md:items-end images-container space-y-4 md:space-y-0\"\n                       data-max-height=\"680\">\n                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-1.jpg\" alt=\"\"\n                           width=\"1080\" height=\"1350\"\n                           class=\"w-full md:w-auto h-auto image-proportional\">\n                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-2.jpg\" alt=\"\"\n                           width=\"1080\" height=\"810\"\n                           class=\"w-full md:w-auto h-auto image-proportional\">\n                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-3.jpg\" alt=\"\"\n                           width=\"1920\" height=\"1080\"\n                           class=\"w-full md:w-auto h-auto image-proportional\">\n                                      <\/div>\n                              <\/div>\n                              <\/div>\n      <\/div>\n          <div class=\"col-span-12 lg:col-span-6\">\n        <div class=\"w-full p-6 lg:p-10 space-y-6\"\n             style=\"background-color: #f5eb78\">\n          <div class=\"w-full flex items-start md:items-center justify-between flex-col md:flex-row gap-6\">\n            <h2 class=\"text-subheading text-black font-body font-medium leading-none\">\n    terrace\n<\/h2>\n                          <a href=\"#\" target=\"_self\"\n       aria-label=\"Discover the terrace\"\n       title=\"Discover the terrace\"\n       class=\"w-auto h-12 inline-flex items-center justify-center px-5 xl:px-6 lowercase bg-none border-2 border-black text-black text-base font-medium font-body !no-underline underline-offset-2 hover:!underline hover:bg-black\/5 active:!underline active:bg-black-200 focus:border-3 focus-visible:outline-0 disabled:bg-black-400 disabled:text-black-400 disabled:pointer-events-none \">\n                    Discover the terrace\n            <\/a>\n                      <\/div>\n                      <div class=\"text-subtitle text-black font-body font-medium leading-tight space-y-6\">\n              <p>A space where ideas circulate. Workshops, conferences, meetings and in-depth discussions are held here. the place to meet, stop and read a book, study or work.<\/p>\n\n            <\/div>\n                                                              <div class=\"w-full h-auto aspect-video overflow-hidden\">\n                  <img loading=\"lazy\" decoding=\"async\" role=\"presentation\" class=\"w-full h-full object-cover\" src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-2.jpg\" alt=\"\" width=\"1080\" height=\"810\">\n                <\/div>\n                                            <\/div>\n      <\/div>\n          <div class=\"col-span-12 lg:col-span-6\">\n        <div class=\"w-full p-6 lg:p-10 space-y-6\"\n             style=\"background-color: #f864f8\">\n          <div class=\"w-full flex items-start md:items-center justify-between flex-col md:flex-row gap-6\">\n            <h2 class=\"text-subheading text-black font-body font-medium leading-none\">\n    bookshop\n<\/h2>\n                          <a href=\"#\" target=\"_self\"\n       aria-label=\"Discover the bookshop\"\n       title=\"Discover the bookshop\"\n       class=\"w-auto h-12 inline-flex items-center justify-center px-5 xl:px-6 lowercase bg-none border-2 border-black text-black text-base font-medium font-body !no-underline underline-offset-2 hover:!underline hover:bg-black\/5 active:!underline active:bg-black-200 focus:border-3 focus-visible:outline-0 disabled:bg-black-400 disabled:text-black-400 disabled:pointer-events-none \">\n                    Discover the bookshop\n            <\/a>\n                      <\/div>\n                      <div class=\"text-subtitle text-black font-body font-medium leading-tight space-y-6\">\n              <p>A selection dedicated to modern and contemporary artists, with a particular focus on photography, performance, architecture, music and underground cultures.<\/p>\n\n            <\/div>\n                                                              <div class=\"w-full h-auto aspect-video overflow-hidden\">\n                  <img loading=\"lazy\" decoding=\"async\" role=\"presentation\" class=\"w-full h-full object-cover\" src=\"https:\/\/gresart671.officine06lab.com\/app\/uploads\/2025\/08\/jpg-2.jpg\" alt=\"\" width=\"1080\" height=\"810\">\n                <\/div>\n                                            <\/div>\n      <\/div>\n      <\/div>\n<\/section>\n\n  ","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-228","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gresart671.officine06lab.com\/en\/wp-json\/wp\/v2\/pages\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gresart671.officine06lab.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gresart671.officine06lab.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gresart671.officine06lab.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gresart671.officine06lab.com\/en\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":1,"href":"https:\/\/gresart671.officine06lab.com\/en\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":236,"href":"https:\/\/gresart671.officine06lab.com\/en\/wp-json\/wp\/v2\/pages\/228\/revisions\/236"}],"wp:attachment":[{"href":"https:\/\/gresart671.officine06lab.com\/en\/wp-json\/wp\/v2\/media?parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}