{"id":70257,"date":"2026-05-06T11:10:36","date_gmt":"2026-05-06T09:10:36","guid":{"rendered":"https:\/\/pre.synsighthub.com\/auteur\/"},"modified":"2026-06-10T10:53:34","modified_gmt":"2026-06-10T08:53:34","slug":"auteur","status":"publish","type":"page","link":"https:\/\/pre.synsighthub.com\/fr\/auteur\/","title":{"rendered":"Auteur"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"70257\" class=\"elementor elementor-70257 elementor-56637\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4ab358 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a4ab358\" 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-bf3cdd1 elementor-widget elementor-widget-html\" data-id=\"bf3cdd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"zx-app\" id=\"zxApp\" data-view=\"hero\">\r\n\r\n  <!-- =====================================================\r\n       HERO \u2014 ret\u00edcula 3 \u00d7 2 con formatos variados\r\n       \u00b7 cada autor: 1 retrato grande (vertical)\r\n                   + 1 producto en su columna\r\n       \u00b7 sin rotaci\u00f3n, sin parallax, scroll infinito vertical\r\n       ===================================================== -->\r\n  <section class=\"zh-wrapper\" id=\"zhWrapper\">\r\n\r\n<div class=\"zh-loop\" id=\"zhLoop\">\r\n\r\n<div class=\"zh-scatter\" id=\"zhScatter\">\r\n\r\n<!-- ============ FILA SUPERIOR ============ -->\r\n\r\n<!-- 1. Producto Francesc \u2014 horizontal -->\r\n\r\n<a href=\"#\" class=\"zh-item zh-item--product\" data-author=\"francesc\" style=\"--x:14%; --y:25%; --w:23vw; --ar:4\/5;\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/Francesc-Rife.webp\" alt=\"\">\r\n\r\n<span class=\"zh-item-cap\">  Francesc Rif\u00e9<\/span>\r\n\r\n<\/a>\r\n\r\n<!-- 2. Estudi Manel Molina \u2014 autor (grande, vertical) -->\r\n\r\n<a href=\"#\" class=\"zh-item zh-item--author\" data-author=\"francesc\" style=\"--x:48%; --y:24%; --w:20vw; --ar:4\/5;\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/HEIKO_BLANCO-2.webp\" alt=\"\">\r\n\r\n<span class=\"zh-item-cap\">Francesc Rif\u00e9<\/span>\r\n\r\n<\/a>\r\n\r\n<!-- 3. Producto Javier \u2014 horizontal -->\r\n\r\n<a href=\"#\" class=\"zh-item zh-item--product\" data-author=\"pastor\" style=\"--x:80%; --y:17%; --w:24vw; --ar:4\/5;\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/expormim-furniture-design-javier-pastor-1.webp\" alt=\"\">\r\n\r\n<span class=\"zh-item-cap\">Javier Pastor<\/span>\r\n\r\n<\/a>\r\n\r\n<!-- ============ FILA INFERIOR ============ -->\r\n\r\n<!-- 4. Francesc Rif\u00e9 \u2014 autor (grande, vertical) -->\r\n\r\n<a href=\"#\" class=\"zh-item zh-item--author\" data-author=\"pastor\" style=\"--x:20%; --y:74%; --w:20vw; --ar:4\/5;\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/Bul-9.webp\" alt=\"\">\r\n\r\n<span class=\"zh-item-cap\">Javier Pastor<\/span>\r\n\r\n<\/a>\r\n\r\n<!-- 5. Producto Estudi \u2014 peque\u00f1o cuadrado, en el centro -->\r\n\r\n<a href=\"#\" class=\"zh-item zh-item--product\" data-author=\"molina\" style=\"--x:50%; --y:76%; --w:24vw; --ar:4\/5;\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/Estudi-Manel-Molina-OK.webp\" alt=\"\">\r\n\r\n<span class=\"zh-item-cap\">Estudi Manel Molina<\/span>\r\n\r\n<\/a>\r\n\r\n<!-- 6. Javier Pastor \u2014 autor (grande, vertical) -->\r\n\r\n<a href=\"#\" class=\"zh-item zh-item--author\" data-author=\"molina\" style=\"--x:80%; --y:74%; --w:20vw; --ar:4\/5;\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/RIERA_2.webp\" alt=\"\">\r\n\r\n<span class=\"zh-item-cap\">Estudi Manel Molina<\/span>\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<!-- el segundo scatter lo clona el JS al cargar -->\r\n\r\n<\/div>\r\n\r\n<!-- Centro vac\u00edo (sin texto) -->\r\n\r\n<div class=\"zh-center\"><\/div>\r\n\r\n<\/section> \r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       EXPERIENCIA \u2014 cada autor en su propio bloque\r\n       (al entrar s\u00f3lo se muestra el bloque seleccionado)\r\n       ===================================================== -->\r\n  <div class=\"zg-experience\" id=\"zgExperience\">\r\n\r\n    <button class=\"zg-back\" id=\"zgBack\" aria-label=\"Volver\">\r\n      <span class=\"zg-back-arrow\">\u2190<\/span><span>RETOUR<\/span>\r\n    <\/button>\r\n\r\n    <!-- ============ FRANCESC RIF\u00c9 ============ -->\r\n    <div class=\"zg-pin\" data-gallery=\"\" data-author=\"francesc\">\r\n      <div class=\"zg-pin-inner\">\r\n        <div class=\"zg-track\" data-track=\"\">\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/Francesc-Rife.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/POALGI_BANO-14.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/HEIKO-1.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/HEIKO_BLANCO-8.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/HEIKO_BLANCO-2.webp?=w=900&q=80\" alt=\"\"><\/a>\r\n        <\/div>\r\n        <div class=\"zg-bar zg-bar--bottom\">\r\n          <div class=\"zg-progress\" data-progress=\"\"><div class=\"zg-progress-fill\"><\/div><\/div>\r\n          <span class=\"zg-bar-key zg-pulse\">D\u00c9FILER \u2193<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"zg-info\" data-author=\"francesc\">\r\n      <div class=\"zg-info-grid\">\r\n        <div class=\"zg-info-cell\">\r\n          <span class=\"zg-info-label\">Auteur<\/span>\r\n          <h3 class=\"zg-info-name\">Francesc Rif\u00e9<\/h3>\r\n        <\/div>\r\n        <div class=\"zg-info-cell zg-info-desc\">\r\n          <p>Architecte d\u2019int\u00e9rieur et designer industriel, Francesc Rif\u00e9 (Sant Sadurn\u00ed d\u2019Anoia, 1969) fonde son studio \u00e0 Barcelone en 1994.<\/p>\r\n          <p>Influenc\u00e9 par le minimalisme et marqu\u00e9 par une histoire familiale li\u00e9e \u00e0 l\u2019artisanat, il articule toute son \u0153uvre autour de l\u2019ordre spatial et de la proportion g\u00e9om\u00e9trique. Il manifeste \u00e9galement une attirance particuli\u00e8re pour les mat\u00e9riaux nobles qui ne le quittera jamais. <\/p>\r\n        <\/div>\r\n        <div class=\"zg-info-cell zg-info-collections\">\r\n          <span class=\"zg-info-label\">Collections<\/span>\r\n          <ul>\r\n            <li>Clot (2024)<\/li>\r\n            <li>Riera (2024)<\/li>\r\n            <li>Echo Within (2023)<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============ ESTUDI MANEL MOLINA ============ -->\r\n    <div class=\"zg-pin\" data-gallery=\"\" data-author=\"molina\">\r\n      <div class=\"zg-pin-inner\">\r\n        <div class=\"zg-track\" data-track=\"\">\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/Estudi-Manel-Molina-OK.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/RIERA_1.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/RIERA_2.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/RIERA_3.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/CLOT-3-1.webp\" alt=\"\"><\/a>\r\n        <\/div>\r\n        <div class=\"zg-bar zg-bar--bottom\">\r\n          <div class=\"zg-progress\" data-progress=\"\"><div class=\"zg-progress-fill\"><\/div><\/div>\r\n          <span class=\"zg-bar-key zg-pulse\">D\u00c9FILER \u2193<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"zg-info\" data-author=\"molina\">\r\n      <div class=\"zg-info-grid\">\r\n        <div class=\"zg-info-cell\">\r\n          <span class=\"zg-info-label\">Auteur<\/span>\r\n          <h3 class=\"zg-info-name\">Estudi Manel Molina<\/h3>\r\n        <\/div>\r\n        <div class=\"zg-info-cell zg-info-desc\">\r\n          <p>Manel Molina suit des \u00e9tudes d\u2019architecture d\u2019int\u00e9rieur et de design \u00e0 l\u2019\u00e9cole d\u2019Art et de Design EINA (Barcelone). De 1985 \u00e0 1989, il travaille comme designer industriel au sein de l\u2019Estudio Miguel Mil\u00e1, et en 1991, il s\u2019associe avec Alberto Lievore et Jeannette Altherr pour fonder le studio Lievore Altherr Molina. <\/p>\r\n          <p>En 2016, il cr\u00e9e l\u2019Estudi Manel Molina avec Raimon Monsarro, Daniel Castro et Blanca Roig\u00e9, un studio en constante \u00e9volution qui d\u00e9veloppe des projets de mobilier, de produits et de communication avec une approche fonctionnelle, durable et ancr\u00e9e dans le territoire.<\/p>\r\n        <\/div>\r\n        <div class=\"zg-info-cell zg-info-collections\">\r\n          <span class=\"zg-info-label\">Collections<\/span>\r\n          <ul>\r\n            <li>Velvet Dusk (2024)<\/li>\r\n            <li>Dust & Reverie (2024)<\/li>\r\n            <li>Northern Reverie (2024)<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============ JAVIER PASTOR ============ -->\r\n    <div class=\"zg-pin\" data-gallery=\"\" data-author=\"pastor\">\r\n      <div class=\"zg-pin-inner\">\r\n        <div class=\"zg-track\" data-track=\"\">\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/expormim-furniture-design-javier-pastor-1.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/POALGI_BANO-20.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/poalgi-20.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/Bul-9.webp\" alt=\"\"><\/a>\r\n          <a href=\"#\" class=\"zg-item\"><img decoding=\"async\" src=\"https:\/\/pre.synsighthub.com\/wp-content\/uploads\/2026\/05\/DAL-2.webp\" alt=\"\"><\/a>\r\n        <\/div>\r\n        <div class=\"zg-bar zg-bar--bottom\">\r\n          <div class=\"zg-progress\" data-progress=\"\"><div class=\"zg-progress-fill\"><\/div><\/div>\r\n          <span class=\"zg-bar-key zg-pulse\">D\u00c9FILER \u2193<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"zg-info zg-info--end\" data-author=\"pastor\">\r\n      <div class=\"zg-info-grid\">\r\n        <div class=\"zg-info-cell\">\r\n          <span class=\"zg-info-label\">Auteur<\/span>\r\n          <h3 class=\"zg-info-name\">Javier Pastor<\/h3>\r\n        <\/div>\r\n        <div class=\"zg-info-cell zg-info-desc\">\r\n          <p>Designer industriel et graphique, Javier Pastor a d\u00e9velopp\u00e9 des projets dans les domaines du mobilier, de l\u2019\u00e9clairage, du produit, du design graphique et de la communication.<\/p>\r\n          <p>En tant que chercheur de l\u2019IGD (Groupe de Recherche et de Gestion du Design de l\u2019Universit\u00e9 Polytechnique de Valence), il travaille sur des projets de conseil et de formation pour la gestion du design et le portefeuille de produits, en collaboration avec diff\u00e9rentes entreprises et entit\u00e9s.<\/p>\r\n        <\/div>\r\n        <div class=\"zg-info-cell zg-info-collections\">\r\n          <span class=\"zg-info-label\">Collections<\/span>\r\n          <ul>\r\n            <li>Echo of Silence (2025)<\/li>\r\n            <li>The Silence (2025)<\/li>\r\n            <li>Northern Light (2025)<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* ============================================================\r\n   ROOT \u2014 todo en Helvetica\r\n   ============================================================ *\/\r\n.zx-app{\r\n  --zx-bg: #ffffff;\r\n  --zx-fg: #000000;\r\n  --zx-muted: #8a8780;\r\n  --zx-line: rgba(0,0,0,.12);\r\n  --zx-font-display: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  --zx-font-mono:    'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  --zx-font-sans:    'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  background: var(--zx-bg);\r\n  color: var(--zx-fg);\r\n  font-family: var(--zx-font-sans);\r\n}\r\n\r\nbody.zx-locked{ overflow: hidden !important; height: 100vh; }\r\n\r\n\r\n\/* ============================================================\r\n   HERO\r\n   ============================================================ *\/\r\n.zh-wrapper{\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9000;\r\n  overflow: hidden;\r\n  background: var(--zx-bg);\r\n  transition: opacity .9s cubic-bezier(.7,0,.2,1),\r\n              transform .9s cubic-bezier(.7,0,.2,1),\r\n              filter .9s cubic-bezier(.7,0,.2,1);\r\n}\r\n.zx-app[data-view=\"gallery\"] .zh-wrapper{\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transform: scale(1.06);\r\n  filter: blur(20px);\r\n}\r\n\r\n\/* loop scroll infinito vertical *\/\r\n.zh-loop{\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%;\r\n  will-change: transform;\r\n}\r\n\r\n.zh-scatter{\r\n  position: relative;\r\n  width: 100%;\r\n  height: 135vh;\r\n  height: 135dvh;\r\n  flex-shrink: 0;\r\n  margin-bottom: 10vh;\r\n}\r\n\r\n\/* Imagen: aspect ratio configurable por item (--ar), sin rotaci\u00f3n *\/\r\n.zh-item{\r\n  position: absolute;\r\n  left: var(--x); top: var(--y);\r\n  width: var(--w);\r\n  aspect-ratio: var(--ar, 4\/5);   \/* << ahora variable por imagen *\/\r\n  display: block; text-decoration: none; color: var(--zx-fg);\r\n  cursor: pointer;\r\n  transform: translate(-50%, -50%);\r\n  transition: transform .8s cubic-bezier(.2,.8,.2,1),\r\n              filter .5s ease,\r\n              opacity .5s ease;\r\n}\r\n\r\n#zhScatter .zh-item{\r\n  opacity: 0;\r\n  animation: zhFadeIn 1.2s cubic-bezier(.2,.8,.2,1) forwards;\r\n}\r\n#zhScatter .zh-item:nth-child(1){ animation-delay: .10s }\r\n#zhScatter .zh-item:nth-child(2){ animation-delay: .22s }\r\n#zhScatter .zh-item:nth-child(3){ animation-delay: .34s }\r\n#zhScatter .zh-item:nth-child(4){ animation-delay: .46s }\r\n#zhScatter .zh-item:nth-child(5){ animation-delay: .58s }\r\n#zhScatter .zh-item:nth-child(6){ animation-delay: .70s }\r\n@keyframes zhFadeIn{ from{opacity:0} to{opacity:1} }\r\n\r\n.zh-item img{\r\n  width: 100%; height: 100%; object-fit: cover; display: block;\r\n  filter: grayscale(15%) brightness(.95);\r\n  transition: filter .6s ease, transform 1s cubic-bezier(.2,.8,.2,1);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Hover: difumina el resto *\/\r\n.zh-loop:has(.zh-item:hover) .zh-item:not(:hover){\r\n  filter: blur(6px) brightness(.6); opacity: .55;\r\n}\r\n.zh-loop:has(.zh-item:hover) .zh-item:not(:hover) img{\r\n  filter: grayscale(60%) brightness(.7);\r\n}\r\n.zh-item:hover{\r\n  z-index: 10;\r\n  transform: translate(-50%, -50%) scale(1.06);\r\n}\r\n.zh-item:hover img{ filter: grayscale(0%) brightness(1.02); }\r\n@supports not selector(:has(*)){\r\n  .zh-loop:hover .zh-item{ filter: blur(6px) brightness(.6); opacity: .55; }\r\n  .zh-loop:hover .zh-item:hover{ filter: none; opacity: 1; }\r\n}\r\n\r\n.zh-item-cap{\r\n  position: absolute; left: 0; bottom: -28px;\r\n  font-family: var(--zx-font-sans);\r\n  font-size: 11px;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--zx-fg); white-space: nowrap;\r\n  opacity: 0; transform: translateY(-6px);\r\n  transition: opacity .4s ease .1s, transform .4s ease .1s;\r\n}\r\n.zh-item:hover .zh-item-cap{ opacity: 1; transform: translateY(0); }\r\n\r\n.zh-center{\r\n  position: absolute; inset: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  pointer-events: none; z-index: 5;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   EXPERIENCIA\r\n   ============================================================ *\/\r\n.zg-experience{\r\n  position: relative;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity .6s ease .3s;\r\n}\r\n.zx-app[data-view=&quot;gallery&quot;] .zg-experience{\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n}\r\n\r\n\/* === Aislamiento por autor: solo se muestra el seleccionado === *\/\r\n.zx-app[data-author=&quot;francesc&quot;] .zg-pin:not([data-author=&quot;francesc&quot;]),\r\n.zx-app[data-author=&quot;francesc&quot;] .zg-info:not([data-author=&quot;francesc&quot;]),\r\n.zx-app[data-author=&quot;molina&quot;]   .zg-pin:not([data-author=&quot;molina&quot;]),\r\n.zx-app[data-author=&quot;molina&quot;]   .zg-info:not([data-author=&quot;molina&quot;]),\r\n.zx-app[data-author=&quot;pastor&quot;]   .zg-pin:not([data-author=&quot;pastor&quot;]),\r\n.zx-app[data-author=&quot;pastor&quot;]   .zg-info:not([data-author=&quot;pastor&quot;]){\r\n  display: none !important;\r\n}\r\n\r\n.zg-back{\r\n  position: fixed;\r\n  top: 140px; left: 24px;\r\n  background: rgba(255,255,255,.85);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  border: 1px solid var(--zx-line);\r\n  color: #000;\r\n  padding: 10px 18px;\r\n  font-family: var(--zx-font-sans);\r\n  font-size: 11px;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  cursor: pointer; display: flex; align-items: center; gap: 10px;\r\n  z-index: 999999;\r\n  opacity: 0; pointer-events: none;\r\n  transition: background .3s, transform .3s, opacity .4s;\r\n}\r\n.zg-back.is-visible{ opacity: 1; pointer-events: auto; }\r\n.zg-back:hover{ background: #000; color: #fff; transform: translateX(-4px); }\r\n\r\n\r\n\/* ============================================================\r\n   GALER\u00cdA PINNED\r\n   ============================================================ *\/\r\n.zg-pin{ position: relative; width: 100%; }\r\n.zg-pin-inner{\r\n  position: sticky; top: 0;\r\n  height: 100vh; height: 100dvh;\r\n  width: 100%; overflow: hidden;\r\n  display: flex; flex-direction: column;\r\n  background: var(--zx-bg);\r\n}\r\n\r\n.zg-bar{\r\n  flex: 0 0 auto;\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  padding: 22px 32px;\r\n  font-family: var(--zx-font-sans);\r\n  font-size: 11px;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--zx-muted);\r\n}\r\n.zg-bar--bottom{ border-top: 1px solid var(--zx-line); gap: 24px; }\r\n.zg-bar-key{ color: var(--zx-fg); }\r\n.zg-progress{ flex: 1; height: 1px; background: rgba(0,0,0,.12); position: relative; overflow: hidden; }\r\n.zg-progress-fill{ position: absolute; inset: 0 auto 0 0; width: 0%; background: var(--zx-fg); transition: width .1s linear; }\r\n.zg-pulse{ animation: zsPulse 2.4s ease-in-out infinite; }\r\n@keyframes zsPulse{ 0%,100%{opacity:.35} 50%{opacity:1} }\r\n\r\n.zg-track{\r\n  flex: 1 1 auto;\r\n  display: flex;\r\n  align-items: stretch;\r\n  gap: 14px;\r\n  padding: 0 0 16px 0;\r\n  will-change: transform;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n.zg-item{\r\n  flex: 0 0 auto;\r\n  height: 80%;\r\n  width: 900px;\r\n  aspect-ratio: 4\/5;\r\n  display: block;\r\n  overflow: hidden;\r\n  background: #1a1a1a;\r\n  text-decoration: none;\r\n}\r\n.zg-item:first-child{ margin-left: 16px; }\r\n.zg-item:last-child{  margin-right: 16px; }\r\n\r\n.zg-item img{\r\n  width: 100%; height: 100%; object-fit: cover; display: block;\r\n  filter: grayscale(15%) brightness(.92);\r\n  transition: transform 1.2s cubic-bezier(.2,.8,.2,1), filter .6s ease;\r\n  pointer-events: none;\r\n}\r\n.zg-item:hover img{ transform: scale(1.04); filter: grayscale(0%) brightness(1); }\r\n\r\n\r\n\/* ============================================================\r\n   PANEL DE TEXTO\r\n   ============================================================ *\/\r\n.zg-info{\r\n  position: relative;\r\n  min-height: 50vh;\r\n  display: flex; flex-direction: column;\r\n  background: var(--zx-bg);\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.zg-info-grid{\r\n  flex: 1 1 auto;\r\n  display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 60px;\r\n  padding: 20px 6vw 80px;\r\n  align-content: center;\r\n}\r\n.zg-info-cell{ display: flex; flex-direction: column; gap: 16px; }\r\n.zg-info-label{\r\n  font-family: var(--zx-font-sans);\r\n  font-size: 11px;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--zx-muted);\r\n}\r\n.zg-info-name{\r\n  font-family: var(--zx-font-sans);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: clamp(28px, 2.6vw, 40px);\r\n  line-height: 1.15;\r\n  margin: 0;\r\n  letter-spacing: -0.01em;\r\n}\r\n.zg-info-desc p{\r\n  font-family: var(--zx-font-sans);\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n  margin: 0 0 16px;\r\n  max-width: 60ch;\r\n}\r\n.zg-info-collections ul{\r\n  list-style: none; padding: 0; margin: 0;\r\n  display: flex; flex-direction: column; gap: 8px;\r\n}\r\n.zg-info-collections li{\r\n  font-family: var(--zx-font-sans);\r\n  font-size: 14px;\r\n  padding-bottom: 8px;\r\n  border-bottom: 1px solid var(--zx-line);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width: 900px){\r\n  .zh-item.zh-item--author { width: 34vw !important; }\r\n  .zh-item.zh-item--product{ width: 26vw !important; }\r\n}\r\n@media (max-width: 768px){\r\n  .zg-pin{ height: auto !important; }\r\n  .zg-pin-inner{ position: relative; height: auto; }\r\n  .zg-track{ flex-direction: column; gap: 10px; padding: 12px; transform: none !important; }\r\n  .zg-item{ width: 92%; height: auto; aspect-ratio: 4\/5; margin: 0 auto !important; }\r\n  .zg-bar{ padding: 14px 16px; font-size: 9px; }\r\n  .zg-info-grid{ grid-template-columns: 1fr; gap: 32px; padding: 24px 24px 48px; }\r\n  .zg-back{ top: 12px; left: 12px; padding: 8px 12px; font-size: 10px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n  const app       = document.getElementById('zxApp');\r\n  const heroWrap  = document.getElementById('zhWrapper');\r\n  const loop      = document.getElementById('zhLoop');\r\n  const scatter   = document.getElementById('zhScatter');\r\n  const backBtn   = document.getElementById('zgBack');\r\n  if (backBtn) document.body.appendChild(backBtn);\r\n\r\n  \/* Clon del scatter para loop infinito *\/\r\n  const scatterClone = scatter.cloneNode(true);\r\n  scatterClone.removeAttribute('id');\r\n  scatterClone.classList.add('zh-scatter--clone');\r\n  loop.appendChild(scatterClone);\r\n\r\n  const allHeroItems = loop.querySelectorAll('.zh-item');\r\n\r\n\r\n  \/* ============================================================\r\n     Vistas + filtrado por autor\r\n     ============================================================ *\/\r\n  document.body.classList.add('zx-locked');\r\n\r\n  function enterGallery(authorKey){\r\n    if (!authorKey) return;\r\n    app.dataset.view   = 'gallery';\r\n    app.dataset.author = authorKey;\r\n    document.body.classList.remove('zx-locked');\r\n    if (backBtn) backBtn.classList.add('is-visible');\r\n    window.scrollTo({ top: 0, behavior: 'instant' });\r\n    setTimeout(calcSizes, 50);\r\n    setTimeout(calcSizes, 350);\r\n    setTimeout(calcSizes, 900);\r\n  }\r\n\r\n  function exitGallery(){\r\n    app.dataset.view = 'hero';\r\n    delete app.dataset.author;\r\n    document.body.classList.add('zx-locked');\r\n    if (backBtn) backBtn.classList.remove('is-visible');\r\n    window.scrollTo({ top: 0, behavior: 'instant' });\r\n    setTimeout(calcSizes, 50);\r\n  }\r\n\r\n  allHeroItems.forEach(item => {\r\n    item.addEventListener('click', e => {\r\n      e.preventDefault();\r\n      enterGallery(item.dataset.author);\r\n    });\r\n  });\r\n  if(backBtn) backBtn.addEventListener('click', exitGallery);\r\n  document.addEventListener('keydown', e => {\r\n    if(e.key === 'Escape' && app.dataset.view === 'gallery') exitGallery();\r\n  });\r\n\r\n\r\n  \/* ============================================================\r\n     HERO \u2014 s\u00f3lo scroll infinito vertical (sin parallax de rat\u00f3n)\r\n     ============================================================ *\/\r\n  const lerp  = (a,b,n) => (1-n)*a + n*b;\r\n  const clamp = (v,a,b) => Math.max(a, Math.min(b,v));\r\n  const mod   = (n,m) => ((n % m) + m) % m;\r\n\r\n  let virtualY = 0;\r\n  let targetY  = 0;\r\n\r\n  heroWrap.addEventListener('wheel', e => {\r\n    if(app.dataset.view !== 'hero') return;\r\n    targetY += e.deltaY * 0.7;\r\n    e.preventDefault();\r\n  }, { passive: false });\r\n\r\n  let lastTouchY = 0;\r\n  heroWrap.addEventListener('touchstart', e => {\r\n    lastTouchY = e.touches[0].clientY;\r\n  }, { passive: true });\r\n  heroWrap.addEventListener('touchmove', e => {\r\n    if(app.dataset.view !== 'hero') return;\r\n    const dy = lastTouchY - e.touches[0].clientY;\r\n    targetY += dy * 1.3;\r\n    lastTouchY = e.touches[0].clientY;\r\n    e.preventDefault();\r\n  }, { passive: false });\r\n\r\n  function tickHero(){\r\n    virtualY = lerp(virtualY, targetY, 0.1);\r\n    \r\n    \/\/ 1. Leemos el margen inferior que has puesto en el CSS\r\n    const style = window.getComputedStyle(scatter);\r\n    const marginBottom = parseFloat(style.marginBottom) || 0;\r\n    \r\n    \/\/ 2. Sumamos la altura del contenedor + el margen para tener el total real\r\n    const h = scatter.offsetHeight + marginBottom; \r\n    \r\n    const wrapped = mod(virtualY, h);\r\n    loop.style.transform = `translate3d(0, ${-wrapped}px, 0)`;\r\n    requestAnimationFrame(tickHero);\r\n  }\r\n  tickHero();\r\n\r\n\r\n  \/* ============================================================\r\n     GALER\u00cdA PINNED \u2014 s\u00f3lo opera sobre la galer\u00eda visible\r\n     ============================================================ *\/\r\n  const galleries = Array.from(document.querySelectorAll('.zg-pin'));\r\n  function setupGallery(pin){\r\n    const track = pin.querySelector('[data-track]');\r\n    if(!track) return null;\r\n    return {\r\n      pin, track,\r\n      progressFill: pin.querySelector('.zg-progress-fill'),\r\n      counter: pin.querySelector('[data-counter]'),\r\n      itemCount: track.querySelectorAll('.zg-item').length,\r\n      scrollDistance: 0\r\n    };\r\n  }\r\n  const galleryData = galleries.map(setupGallery).filter(Boolean);\r\n  const isMobile = () => window.innerWidth <= 768;\r\n\r\n  function isHidden(el){\r\n    return el.offsetParent === null;\r\n  }\r\n\r\n  function calcSizes(){\r\n    if(isMobile()){\r\n      galleryData.forEach(g => { g.pin.style.height = 'auto'; });\r\n      return;\r\n    }\r\n    galleryData.forEach(g => {\r\n      if (isHidden(g.pin)){\r\n        g.pin.style.height = '';\r\n        g.scrollDistance = 0;\r\n        return;\r\n      }\r\n      const trackTotalWidth = g.track.scrollWidth;\r\n      const distance = Math.max(0, trackTotalWidth - window.innerWidth);\r\n      g.scrollDistance = distance;\r\n      g.pin.style.height = (window.innerHeight + distance) + 'px';\r\n    });\r\n  }\r\n  calcSizes();\r\n  window.addEventListener('resize', calcSizes);\r\n  window.addEventListener('load', () => { calcSizes(); setTimeout(calcSizes, 300); });\r\n\r\n  let scrollY = window.pageYOffset;\r\n  let smoothScrollY = scrollY;\r\n  window.addEventListener('scroll', () => { scrollY = window.pageYOffset; }, { passive: true });\r\n\r\n  function tickPin(){\r\n    if(!isMobile()){\r\n      smoothScrollY = lerp(smoothScrollY, scrollY, 0.12);\r\n\r\n      galleryData.forEach(g => {\r\n        if (isHidden(g.pin)) return;\r\n\r\n        const rect = g.pin.getBoundingClientRect();\r\n        const blockTop = rect.top + window.pageYOffset;\r\n        const start = blockTop;\r\n        const end   = blockTop + g.pin.offsetHeight - window.innerHeight;\r\n        const range = end - start;\r\n        let progress = range > 0 ? (smoothScrollY - start) \/ range : 0;\r\n        progress = clamp(progress, 0, 1);\r\n\r\n        const inView = smoothScrollY + window.innerHeight > start && smoothScrollY < end + window.innerHeight;\r\n        if(inView){\r\n          g.track.style.transform = `translate3d(${-progress * g.scrollDistance}px, 0, 0)`;\r\n          if(g.progressFill) g.progressFill.style.width = (progress * 100) + '%';\r\n          if(g.counter){\r\n            const idx = Math.min(g.itemCount, Math.floor(progress * g.itemCount) + 1);\r\n            g.counter.textContent = String(idx).padStart(2,'0') + ' \/ ' + String(g.itemCount).padStart(2,'0');\r\n          }\r\n        }\r\n      });\r\n    }\r\n    requestAnimationFrame(tickPin);\r\n  }\r\n  tickPin();\r\n\r\n  document.querySelectorAll('.zg-item img').forEach(img => {\r\n    if(img.complete) return;\r\n    img.addEventListener('load', calcSizes);\r\n  });\r\n})();\r\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Francesc Rif\u00e9 Francesc Rif\u00e9 Javier Pastor Javier Pastor Estudi Manel Molina Estudi Manel Molina \u2190RETOUR D\u00c9FILER \u2193 Auteur Francesc Rif\u00e9 Architecte d\u2019int\u00e9rieur et designer industriel, Francesc Rif\u00e9 (Sant Sadurn\u00ed d\u2019Anoia, 1969) fonde son studio \u00e0 Barcelone en 1994. Influenc\u00e9 par le minimalisme et marqu\u00e9 par une histoire familiale li\u00e9e \u00e0 l\u2019artisanat, il articule toute son \u0153uvre autour de l\u2019ordre spatial et de la proportion g\u00e9om\u00e9trique. Il manifeste \u00e9galement une attirance particuli\u00e8re pour les mat\u00e9riaux nobles qui ne le quittera jamais. Collections Clot (2024) Riera (2024) Echo Within (2023) D\u00c9FILER \u2193 Auteur Estudi Manel Molina Manel Molina suit des \u00e9tudes d\u2019architecture d\u2019int\u00e9rieur et de design \u00e0 l\u2019\u00e9cole d\u2019Art et de Design EINA (Barcelone). De 1985 \u00e0 1989, il travaille comme designer industriel au sein de l\u2019Estudio Miguel Mil\u00e1, et en 1991, il s\u2019associe avec Alberto Lievore et Jeannette Altherr pour fonder le studio Lievore Altherr Molina. En 2016, il cr\u00e9e l\u2019Estudi Manel Molina avec Raimon Monsarro, Daniel Castro et Blanca Roig\u00e9, un studio en constante \u00e9volution qui d\u00e9veloppe des projets de mobilier, de produits et de communication avec une approche fonctionnelle, durable et ancr\u00e9e dans le territoire. Collections Velvet Dusk (2024) Dust &#038; Reverie (2024) Northern Reverie (2024) D\u00c9FILER \u2193 Auteur Javier Pastor Designer industriel et graphique, Javier Pastor a d\u00e9velopp\u00e9 des projets dans les domaines du mobilier, de l\u2019\u00e9clairage, du produit, du design graphique et de la communication. En tant que chercheur de l\u2019IGD (Groupe de Recherche et de Gestion du Design de l\u2019Universit\u00e9 Polytechnique de Valence), il travaille sur des projets de conseil et de formation pour la gestion du design et le portefeuille de produits, en collaboration avec diff\u00e9rentes entreprises et entit\u00e9s. Collections Echo of Silence (2025) The Silence (2025) Northern Light (2025)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"","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-70257","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pre.synsighthub.com\/fr\/wp-json\/wp\/v2\/pages\/70257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pre.synsighthub.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pre.synsighthub.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pre.synsighthub.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pre.synsighthub.com\/fr\/wp-json\/wp\/v2\/comments?post=70257"}],"version-history":[{"count":2,"href":"https:\/\/pre.synsighthub.com\/fr\/wp-json\/wp\/v2\/pages\/70257\/revisions"}],"predecessor-version":[{"id":70259,"href":"https:\/\/pre.synsighthub.com\/fr\/wp-json\/wp\/v2\/pages\/70257\/revisions\/70259"}],"wp:attachment":[{"href":"https:\/\/pre.synsighthub.com\/fr\/wp-json\/wp\/v2\/media?parent=70257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}