{"id":251,"date":"2026-10-19T12:51:05","date_gmt":"2026-10-19T12:51:05","guid":{"rendered":"https:\/\/forma-viva.it\/?page_id=251"},"modified":"2026-10-21T13:55:53","modified_gmt":"2026-10-21T13:55:53","slug":"inout","status":"publish","type":"page","link":"https:\/\/forma-viva.it\/en\/inout\/","title":{"rendered":"IN&amp;OUT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"251\" class=\"elementor elementor-251\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d071d18 e-con e-atomic-element e-flexbox-base e-default-div e-fa25019 \" data-id=\"d071d18\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d071d18\">\n    \t\t<div class=\"elementor-element elementor-element-5a55c33 elementor-widget elementor-widget-html\" data-id=\"5a55c33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FORMAVIVA \u00b7 Pagina collezione IN&OUT (v2 \u00b7 linea catalogo: Poppins Light + Lora corsivo)\r\n     Elementor: widget HTML a larghezza piena \u2192 incolla tutto questo blocco.\r\n     Le immagini vanno caricate nella Libreria media con i nomi originali (inout-...). -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500&family=Lora:ital@1&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.fvio{--crema:#efeae3;--carta:#f6f3ee;--grafite:#2a2622;--grafite-2:#5c554d;--sabbia:#cbbea8;--oro:#b79a62;--line:rgba(42,38,34,.16);\r\n  --sw-bg:#6b2a27;--sw-fg:#f6f3ee;--sw-soft:rgba(246,243,238,.72);--sw-line:rgba(246,243,238,.25);\r\n  font-family:'Poppins',system-ui,sans-serif;font-weight:300;color:var(--grafite);background:var(--crema);width:100%;-webkit-font-smoothing:antialiased}\r\n.fvio *{box-sizing:border-box}\r\n.fvio img{max-width:100%;display:block}\r\n.fvio .wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}\r\n.fvio h1,.fvio h2,.fvio h3{font-family:'Poppins',sans-serif;font-weight:300;text-transform:lowercase;letter-spacing:-.01em;line-height:1;margin:0}\r\n.fvio .en{font-family:'Lora',Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:0}\r\n.fvio .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;font-weight:400;color:var(--grafite-2)}\r\n.fvio p{margin:0;line-height:1.75}\r\n\r\n\/* HERO: prodotto a sinistra, testo a destra *\/\r\n.fvio .hero{padding:clamp(56px,7vw,112px) 0 clamp(64px,8vw,120px)}\r\n.fvio .hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,104px);align-items:center}\r\n.fvio .hero-img{border-radius:12px;overflow:hidden;aspect-ratio:4\/5;background:#e2dbd0}\r\n.fvio .hero-img img{width:100%;height:100%;object-fit:cover}\r\n.fvio .hero h1{font-size:clamp(64px,8.6vw,150px);margin-top:22px;letter-spacing:-.02em;white-space:nowrap}\r\n.fvio .hero .en-sub{font-size:clamp(20px,1.8vw,26px);color:var(--grafite-2);margin-top:14px}\r\n.fvio .hero .lead{font-size:clamp(16px,1.25vw,18px);color:var(--grafite-2);max-width:500px;margin-top:30px}\r\n.fvio .specs-line{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\r\n.fvio .specs-line div{padding:16px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}\r\n.fvio .specs-line div:first-child{padding-left:0}.fvio .specs-line div:last-child{border-right:0;padding-right:0}\r\n.fvio .specs-line b{font-weight:400;font-size:17px;color:var(--grafite)}\r\n.fvio .specs-line span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--grafite-2)}\r\n.fvio .actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:40px}\r\n.fvio .btn{display:inline-flex;align-items:center;min-height:52px;padding:0 30px;border-radius:999px;background:var(--grafite);color:var(--carta);text-decoration:none;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;transition:background .3s ease,transform .3s ease}\r\n.fvio .btn:hover{background:#000;transform:translateY(-2px);color:var(--carta)}\r\n.fvio .cat{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--grafite)}\r\n.fvio .cat img{width:38px;height:auto;border-radius:2px;box-shadow:0 6px 14px rgba(0,0,0,.22);transition:transform .35s ease}\r\n.fvio .cat:hover img{transform:translateY(-3px) rotate(-3deg)}\r\n.fvio .cat span{display:flex;flex-direction:column;line-height:1.3}\r\n.fvio .cat b{font-weight:400;font-size:12px;letter-spacing:.24em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start}\r\n.fvio .cat small{font-size:12px;color:var(--grafite-2);margin-top:4px}\r\n\r\n\/* COLORI *\/\r\n.fvio .config{background:var(--sw-bg);color:var(--sw-fg);transition:background-color .6s ease,color .6s ease;padding:clamp(80px,9vw,140px) 0}\r\n.fvio .config .eyebrow{color:var(--sw-soft)}\r\n.fvio .stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,104px);align-items:center}\r\n.fvio .pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:540px;width:100%}\r\n.fvio .pc{display:flex;flex-direction:column;gap:14px}\r\n.fvio .pc i{display:block;aspect-ratio:665\/2135;background-size:200% 200%;background-repeat:no-repeat;transition:opacity .35s ease;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28))}\r\n.fvio .pc span{font-size:11px;letter-spacing:.24em;text-align:center;color:var(--sw-soft);font-weight:400}\r\n.fvio .config h2{font-size:clamp(64px,7vw,112px);margin-top:18px}\r\n.fvio .config .en-name{font-size:clamp(20px,1.8vw,26px);color:var(--sw-soft);margin-top:12px;display:block}\r\n.fvio .desc{font-size:clamp(16px,1.25vw,18px);margin-top:28px;max-width:520px;color:var(--sw-fg)}\r\n.fvio .swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:40px;padding-top:28px;border-top:1px solid var(--sw-line)}\r\n.fvio .sw{appearance:none;border:0;background:none;cursor:pointer;color:inherit;font:inherit;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left;min-height:44px}\r\n.fvio .sw .chip{width:100%;aspect-ratio:1\/1.35;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .35s ease}\r\n.fvio .sw:hover .chip{transform:translateY(-4px)}\r\n.fvio .sw .nm{font-size:13px;font-weight:300;line-height:1.2;text-transform:lowercase;opacity:.7;transition:opacity .3s ease}\r\n.fvio .sw[aria-pressed=\"true\"] .nm{opacity:1}\r\n.fvio .sw[aria-pressed=\"true\"] .chip{box-shadow:0 0 0 1.5px currentColor,0 0 0 5px var(--sw-bg)}\r\n.fvio .sw:focus-visible{outline:1px solid currentColor;outline-offset:6px}\r\n.fvio .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:clamp(64px,8vw,112px)}\r\n.fvio .gallery figure{margin:0;overflow:hidden;aspect-ratio:4\/5;background:rgba(0,0,0,.12);cursor:zoom-in;position:relative;border-radius:12px}\r\n.fvio .gallery img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .35s ease}\r\n.fvio .gallery figure:hover img{transform:scale(1.04)}\r\n.fvio .gallery figcaption{position:absolute;left:14px;bottom:12px;font-size:12px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}\r\n.fvio .note{font-size:12px;color:var(--sw-soft);margin-top:22px}\r\n\r\n\/* QUATTRO PEZZI *\/\r\n.fvio .four{padding:clamp(88px,10vw,150px) 0}\r\n.fvio .sec-title{font-size:clamp(48px,5.6vw,88px);margin-top:18px}\r\n.fvio .sec-title + .en{display:block;font-size:clamp(18px,1.6vw,24px);color:var(--grafite-2);margin-top:10px}\r\n.fvio .four .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:clamp(48px,6vw,80px)}\r\n.fvio .four .item{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:24px}\r\n.fvio .four .draw{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\r\n.fvio .four .draw img:first-child{width:96px}\r\n.fvio .four .draw img:last-child{width:96px}\r\n.fvio .four h3{font-size:30px;margin-top:8px;text-transform:none}\r\n.fvio .four p{font-size:15px;color:var(--grafite-2)}\r\n.fvio .four .dim{font-size:11px;letter-spacing:.24em;color:var(--grafite-2);text-transform:uppercase}\r\n\r\n\/* POSA + TECNICA *\/\r\n.fvio .tech{background:var(--carta);padding:clamp(88px,10vw,150px) 0}\r\n.fvio .tech .cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(40px,6vw,104px);margin-top:clamp(48px,6vw,80px);align-items:start}\r\n.fvio .posa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}\r\n.fvio .posa figure{margin:0;display:flex;flex-direction:column;gap:12px}\r\n.fvio .posa figcaption{font-size:14px}\r\n.fvio .posa figcaption .en{display:block;color:var(--grafite-2);font-size:14px}\r\n.fvio .specs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}\r\n.fvio .specs li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}\r\n.fvio .specs li span:first-child{color:var(--grafite-2)}\r\n.fvio .specs li span:last-child{text-align:right}\r\n.fvio .small{font-size:12px;color:var(--grafite-2);margin-top:18px}\r\n\r\n\/* CHIUSURA *\/\r\n.fvio .cta{background:var(--grafite);color:var(--carta);text-align:center;padding:clamp(96px,11vw,160px) 0}\r\n.fvio .cta .eyebrow{color:var(--sabbia)}\r\n.fvio .cta h2{font-size:clamp(52px,6.4vw,104px);margin-top:20px}\r\n.fvio .cta .en{display:block;color:var(--sabbia);font-size:clamp(18px,1.6vw,24px);margin-top:12px}\r\n.fvio .cta p{font-size:16px;max-width:560px;margin:28px auto 0;color:rgba(246,243,238,.78)}\r\n.fvio .cta .actions{justify-content:center}\r\n.fvio .cta .btn{background:var(--carta);color:var(--grafite)}\r\n.fvio .cta .btn:hover{background:var(--sabbia);color:var(--grafite)}\r\n.fvio .cta .cat{color:var(--carta)}\r\n.fvio .cta .cat small{color:var(--sabbia)}\r\n\r\n\/* LIGHTBOX *\/\r\n.fvio .lb{position:fixed;inset:0;z-index:9999;background:rgba(20,18,16,.92);display:none;align-items:center;justify-content:center;padding:24px}\r\n.fvio .lb.open{display:flex}\r\n.fvio .lb img{max-height:90vh;max-width:min(92vw,1100px);border-radius:4px}\r\n.fvio .lb button{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:0;background:var(--carta);color:var(--grafite);font-size:24px;cursor:pointer}\r\n\r\n@media (max-width:900px){\r\n  .fvio .hero .wrap,.fvio .stage,.fvio .tech .cols{grid-template-columns:1fr}\r\n  .fvio .hero-img{max-width:520px}\r\n  .fvio .four .grid{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n  .fvio .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n  .fvio .pieces{margin:0 auto}\r\n}\r\n@media (max-width:560px){\r\n  .fvio .specs-line{grid-template-columns:repeat(2,auto)}\r\n  .fvio .specs-line{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n  .fvio .specs-line div{padding:16px 12px !important}\r\n  .fvio .specs-line div:nth-child(2){border-right:0}\r\n  .fvio .specs-line div:nth-child(n+3){border-top:1px solid var(--line)}\r\n  .fvio .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}\r\n  .fvio .posa{grid-template-columns:1fr}\r\n}\r\n@media (prefers-reduced-motion:reduce){.fvio *{transition:none!important}}\r\n\/* titolo del tema nascosto e contenitore Elementor a tutta larghezza (pagina IN&OUT, id 251) *\/\r\n.page-id-251 .hostinger-ai-page-title{display:none !important}\r\n.page-id-251 .elementor-251 > .e-con{padding:0 !important;margin:0 !important}\r\n.page-id-251 .elementor-251 .e-con-inner{max-width:100% !important;padding:0 !important}\r\n.page-id-251 .elementor-251 .elementor-widget-html{margin:0 !important}\r\n\r\n<\/style>\r\n\r\n<div class=\"fvio\" id=\"fvio\">\r\n\r\n<section class=\"hero\">\r\n<div class=\"wrap\">\r\n<div class=\"hero-img\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-hero.jpg\" alt=\"Superficie posata in IN&amp;OUT rosso\" loading=\"eager\"><\/div>\r\n<div>\r\n<div class=\"eyebrow\">collezione \u00b7 collection<\/div>\r\n<h1>in&amp;out<\/h1>\r\n<span class=\"en en-sub\">push in, pull out<\/span>\r\n<p class=\"lead\">Nasce da un gesto semplice: spingere la superficie verso l'interno, tirarla verso l'esterno. Posati insieme, i pezzi sembrano rientrare e uscire dalla parete, e la luce disegna una trama che cambia con l'ora del giorno.<\/p>\r\n<div class=\"specs-line\">\r\n<div><b>6,5 \u00d7 21,2<\/b><span>cm<\/span><\/div>\r\n<div><b>4<\/b><span>superfici<\/span><\/div>\r\n<div><b>6<\/b><span>colori<\/span><\/div>\r\n<div><b>1,1<\/b><span>cm spessore<\/span><\/div>\r\n<\/div>\r\n<div class=\"actions\">\r\n<a class=\"btn\" href=\"#fvio-colori\">scegli il colore<\/a>\r\n<a class=\"cat\" href=\"\/wp-content\/uploads\/2026\/10\/Formaviva_IN-OUT_catalogo_2.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-catalogo-copertina.jpg\" alt=\"\" width=\"38\" height=\"47\"><span><b>catalogo pdf<\/b><small>25 pagine \u00b7 IT\/EN<\/small><\/span><\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"config\" id=\"fvio-colori\" aria-label=\"Colori della collezione\">\r\n<div class=\"wrap\">\r\n<div class=\"stage\">\r\n<div class=\"pieces\" id=\"fvio-pieces\" role=\"img\" aria-label=\"I quattro pezzi IN&amp;OUT nel colore scelto\">\r\n<div class=\"pc\"><i style=\"background-position:0 100%\"><\/i><span>IN<\/span><\/div>\r\n<div class=\"pc\"><i style=\"background-position:100% 0\"><\/i><span>OUT<\/span><\/div>\r\n<div class=\"pc\"><i style=\"background-position:0 0\"><\/i><span>IN&amp;OUT<\/span><\/div>\r\n<div class=\"pc\"><i style=\"background-position:100% 100%\"><\/i><span>FLAT<\/span><\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"eyebrow\">sei colori \u00b7 six colours<\/div>\r\n<h2 id=\"fvio-name\">rosso<\/h2>\r\n<span class=\"en en-name\" id=\"fvio-en\">red<\/span>\r\n<p class=\"desc\" id=\"fvio-desc\"><\/p>\r\n<div class=\"swatches\" role=\"group\" aria-label=\"Scegli il colore\" id=\"fvio-sw\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"gallery\" id=\"fvio-gallery\"><\/div>\r\n<p class=\"note\">Le ambientazioni sono visualizzazioni digitali. Le variazioni di tono e di forma sono proprie della lavorazione artigianale.<\/p>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"four\">\r\n<div class=\"wrap\">\r\n<div class=\"eyebrow\">formati \u00b7 four pieces<\/div>\r\n<h2 class=\"sec-title\">quattro pezzi<\/h2>\r\n<span class=\"en\">one format, four surfaces<\/span>\r\n<div class=\"grid\">\r\n<div class=\"item\"><div class=\"draw\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-disegno-in.png\" alt=\"Disegno del pezzo IN, vista dall'alto\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-sezione-in.png\" alt=\"Sezione del pezzo IN\"><\/div><h3>IN<\/h3><p>Incavo a tronco di piramide: la superficie rientra e trattiene l'ombra.<\/p><div class=\"dim\">6,5 \u00d7 21,2 \u00d7 1,1 cm<\/div><\/div>\r\n<div class=\"item\"><div class=\"draw\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-disegno-out.png\" alt=\"Disegno del pezzo OUT, vista dall'alto\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-sezione-out.png\" alt=\"Sezione del pezzo OUT\"><\/div><h3>OUT<\/h3><p>Rilievo a padiglione: la superficie avanza e cattura la luce.<\/p><div class=\"dim\">6,5 \u00d7 21,2 \u00d7 1,1 cm<\/div><\/div>\r\n<div class=\"item\"><div class=\"draw\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-disegno-in-out.png\" alt=\"Disegno del pezzo IN&amp;OUT, vista dall'alto\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-sezione-in-out.png\" alt=\"Sezione del pezzo IN&amp;OUT\"><\/div><h3>IN&amp;OUT<\/h3><p>Incavo con prisma centrale: luce e ombra nello stesso pezzo.<\/p><div class=\"dim\">6,5 \u00d7 21,2 \u00d7 1,1 cm<\/div><\/div>\r\n<div class=\"item\"><div class=\"draw\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-disegno-flat.png\" alt=\"Disegno del pezzo FLAT, vista dall'alto\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-sezione-flat.png\" alt=\"Sezione del pezzo FLAT\"><\/div><h3>FLAT<\/h3><p>Superficie piana: la pausa che d\u00e0 respiro alla composizione.<\/p><div class=\"dim\">6,5 \u00d7 21,2 \u00d7 1,1 cm<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"tech\">\r\n<div class=\"wrap\">\r\n<div class=\"eyebrow\">posa e dati tecnici<\/div>\r\n<h2 class=\"sec-title\">il ritmo lo decidi tu<\/h2>\r\n<span class=\"en\">placement suggestions<\/span>\r\n<div class=\"cols\">\r\n<div class=\"posa\">\r\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-posa-1.jpg\" alt=\"Schema di posa: mix dei quattro pezzi\" loading=\"lazy\"><figcaption>1 \u00b7 mix dei quattro pezzi<span class=\"en\">mix of the four pieces<\/span><\/figcaption><\/figure>\r\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-posa-2.jpg\" alt=\"Schema di posa: IN&amp;OUT e FLAT\" loading=\"lazy\"><figcaption>2 \u00b7 IN&amp;OUT e FLAT<span class=\"en\">IN&amp;OUT and FLAT<\/span><\/figcaption><\/figure>\r\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-posa-3.jpg\" alt=\"Schema di posa: solo OUT\" loading=\"lazy\"><figcaption>3 \u00b7 solo OUT<span class=\"en\">OUT only<\/span><\/figcaption><\/figure>\r\n<\/div>\r\n<div>\r\n<ul class=\"specs\">\r\n<li><span>Materiale<\/span><span>Pasta bianca, fatto a mano<\/span><\/li>\r\n<li><span>Formato<\/span><span>6,5 \u00d7 21,2 cm<\/span><\/li>\r\n<li><span>Spessore al bordo<\/span><span>1,1 cm<\/span><\/li>\r\n<li><span>Superfici<\/span><span>IN, OUT, IN&amp;OUT, FLAT<\/span><\/li>\r\n<li><span>Resa<\/span><span>circa 72 pezzi\/m\u00b2 (fuga esclusa)<\/span><\/li>\r\n<li><span>Colori<\/span><span>6, altri su richiesta<\/span><\/li>\r\n<\/ul>\r\n<p class=\"small\">Tutte le misure sono indicative. Le variazioni di tono e di forma sono proprie della lavorazione artigianale.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"cta\">\r\n<div class=\"wrap\">\r\n<div class=\"eyebrow\">campioni e render<\/div>\r\n<h2>portala nel tuo progetto<\/h2>\r\n<span class=\"en\">samples and renderings on request<\/span>\r\n<p>Ti inviamo i campioni nel colore che preferisci o ti prepariamo un render con le misure della tua parete.<\/p>\r\n<div class=\"actions\">\r\n<a class=\"btn\" href=\"mailto:Luigi@forma-viva.it?subject=Collezione%20IN%26OUT\">richiedi campioni<\/a>\r\n<a class=\"cat\" href=\"\/wp-content\/uploads\/2026\/10\/Formaviva_IN-OUT_catalogo_2.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/inout-catalogo-copertina.jpg\" alt=\"\" width=\"38\" height=\"47\"><span><b>catalogo pdf<\/b><small>25 pagine \u00b7 IT\/EN<\/small><\/span><\/a>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<div class=\"lb\" id=\"fvio-lb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Immagine ingrandita\"><button type=\"button\" aria-label=\"Chiudi\">\u00d7<\/button><img alt=\"\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var BASE='\/wp-content\/uploads\/2026\/10\/';\r\n  var C=[\r\n    {id:'bianco',it:'bianco',en:'white',hex:'#E4E0D8',bg:'#E4E0D8',fg:'#2a2622',soft:'rgba(42,38,34,.62)',line:'rgba(42,38,34,.2)',d:\"Un bianco che non \u00e8 mai piatto: il rilievo lavora con la luce naturale e trasforma la parete in un bassorilievo.\",amb:['ristorante','accoglienza','pasticceria','nicchie']},\r\n    {id:'giallo',it:'giallo',en:'yellow',hex:'#C69B48',bg:'#C69B48',fg:'#2a2622',soft:'rgba(42,38,34,.66)',line:'rgba(42,38,34,.22)',d:\"Caldo e luminoso, porta nello spazio la luce del tardo pomeriggio. Per ambienti di accoglienza e ristorazione.\",amb:['camino','wine bar','bagno','soggiorno']},\r\n    {id:'rosso',it:'rosso',en:'red',hex:'#6B2A27',bg:'#6B2A27',fg:'#f6f3ee',soft:'rgba(246,243,238,.72)',line:'rgba(246,243,238,.25)',d:\"Profondo come un vino rosso. Sul camino o in una lounge d\u00e0 alla parete peso, calore e carattere.\",amb:['cantina','barbiere','spa','cortile']},\r\n    {id:'verde',it:'verde',en:'green',hex:'#1E4637',bg:'#1E4637',fg:'#f6f3ee',soft:'rgba(246,243,238,.72)',line:'rgba(246,243,238,.25)',d:\"Un verde bottiglia intenso che si accende con l'ottone e il marmo. Per bar e interni dal gusto classico.\",amb:['ristorante','suite','boutique','appartamento']},\r\n    {id:'carta-da-zucchero',it:'carta da zucchero',en:'sugar-paper blue',hex:'#10305A',bg:'#10305A',fg:'#f6f3ee',soft:'rgba(246,243,238,.72)',line:'rgba(246,243,238,.25)',d:\"Un carta da zucchero profondo e brillante: lo smalto riflette la luce sulle facce inclinate come acqua in movimento.\",amb:['camera','wine bar','ristorante','soggiorno']},\r\n    {id:'blu-notte',it:'blu notte',en:'midnight blue',hex:'#1F2124',bg:'#1F2124',fg:'#f6f3ee',soft:'rgba(246,243,238,.72)',line:'rgba(246,243,238,.25)',d:\"Il blu notte rende il rilievo quasi grafico: una superficie essenziale, per progetti dal segno deciso.\",amb:['ristorante','bar','hotel','cucina']}\r\n  ];\r\n  var root=document.getElementById('fvio'); if(!root) return;\r\n  var cfg=root.querySelector('.config'), sw=document.getElementById('fvio-sw'), gal=document.getElementById('fvio-gallery');\r\n  var pz=document.getElementById('fvio-pieces'), nm=document.getElementById('fvio-name'), en=document.getElementById('fvio-en'), desc=document.getElementById('fvio-desc');\r\n  var tiles=pz.querySelectorAll('i');\r\n  C.forEach(function(c){ var i=new Image(); i.src=BASE+'inout-'+c.id+'-pezzi.webp'; });\r\n  C.forEach(function(c,k){\r\n    var b=document.createElement('button'); b.type='button'; b.className='sw'; b.setAttribute('aria-pressed','false'); b.setAttribute('aria-label',c.it);\r\n    b.innerHTML='<span class=\"chip\" style=\"background:'+c.hex+'\"><\/span><span class=\"nm\">'+c.it+'<\/span>';\r\n    b.addEventListener('click',function(){ show(k,true); });\r\n    sw.appendChild(b);\r\n  });\r\n  function each(list,fn){ Array.prototype.forEach.call(list,fn); }\r\n  function show(k,anim){\r\n    var c=C[k];\r\n    cfg.style.setProperty('--sw-bg',c.bg); cfg.style.setProperty('--sw-fg',c.fg); cfg.style.setProperty('--sw-soft',c.soft); cfg.style.setProperty('--sw-line',c.line);\r\n    each(sw.children,function(b,i){ b.setAttribute('aria-pressed', i===k?'true':'false'); });\r\n    nm.textContent=c.it; en.textContent=c.en; desc.textContent=c.d;\r\n    var set=function(){\r\n      each(tiles,function(el){ el.style.backgroundImage='url('+BASE+'inout-'+c.id+'-pezzi.webp)'; el.style.opacity=1; });\r\n      pz.setAttribute('aria-label','I quattro pezzi IN&OUT nel colore '+c.it);\r\n      var items=c.amb.map(function(n,i){ return ['inout-'+c.id+'-ambiente-'+(i+1)+'.jpg','Ambiente in IN&OUT '+c.it+': '+n, n]; })\r\n        .concat([['inout-'+c.id+'-superficie.jpg','Superficie posata in IN&OUT '+c.it,'superficie'],['inout-'+c.id+'-still.jpg','I pezzi IN&OUT '+c.it+' in still life','dettaglio']]);\r\n      gal.innerHTML=items.map(function(it){ return '<figure><img decoding=\"async\" src=\"'+BASE+it[0]+'\" alt=\"'+it[1]+'\" loading=\"lazy\"><figcaption>'+it[2]+'<\/figcaption><\/figure>'; }).join('');\r\n    };\r\n    if(anim){ each(tiles,function(el){el.style.opacity=0}); each(gal.querySelectorAll('img'),function(i){i.style.opacity=0}); setTimeout(set,280); } else set();\r\n  }\r\n  show(3,false);\r\n  var lb=document.getElementById('fvio-lb'), lbi=lb.querySelector('img');\r\n  gal.addEventListener('click',function(e){ var f=e.target.closest('figure'); if(!f) return; var s=f.querySelector('img'); lbi.src=s.src; lbi.alt=s.alt; lb.classList.add('open'); lb.querySelector('button').focus(); });\r\n  function close(){ lb.classList.remove('open'); }\r\n  lb.addEventListener('click',function(e){ if(e.target!==lbi) close(); });\r\n  document.addEventListener('keydown',function(e){ if(e.key==='Escape') close(); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>collezione \u00b7 collection in&amp;out push in, pull out Nasce da un gesto semplice: spingere la superficie verso l&#8217;interno, tirarla verso l&#8217;esterno. Posati insieme, i pezzi sembrano rientrare e uscire dalla parete, e la luce disegna una trama che cambia con l&#8217;ora del giorno. 6,5 \u00d7 21,2cm 4superfici 6colori 1,1cm spessore scegli il colore catalogo pdf25 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-251","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/forma-viva.it\/en\/wp-json\/wp\/v2\/pages\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forma-viva.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forma-viva.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forma-viva.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forma-viva.it\/en\/wp-json\/wp\/v2\/comments?post=251"}],"version-history":[{"count":10,"href":"https:\/\/forma-viva.it\/en\/wp-json\/wp\/v2\/pages\/251\/revisions"}],"predecessor-version":[{"id":385,"href":"https:\/\/forma-viva.it\/en\/wp-json\/wp\/v2\/pages\/251\/revisions\/385"}],"wp:attachment":[{"href":"https:\/\/forma-viva.it\/en\/wp-json\/wp\/v2\/media?parent=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}