MORPH_001<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<\/head>\n<body>\n\n\n<nav id=\"main-nav\">\n <span class=\"nav-mark\">MORPH_001<\/span>\n <span class=\"nav-r\">Cirurgia \u00b7 Identitat \u00b7 Transformaci\u00f3<\/span>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/pielcuadrii.jpg\" alt=\"MORPH_001\">\n <\/div>\n\n <div class=\"hero-bottom\">\n <div class=\"hero-left-text\">\n El cos com a material.<br>\n La cirurgia com a acte.<br>\n La pell com a superf\u00edcie<br>\n de significat.\n <\/div>\n <h1 class=\"hero-title\">MORPH_001<\/h1>\n <div class=\"hero-right-text\">\n Cirurgia pl\u00e0stica<br>\n com a expressi\u00f3<br>\n art\u00edstica i identit\u00e0ria.<br>\n MORPH \u00b7 2025\n <\/div>\n <\/div>\n\n <div class=\"hero-scroll\">\n <div class=\"hero-scroll-line\"><\/div>\n <span>\u2193<\/span>\n <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n\n<section id=\"idea\" class=\"fi\">\n <div class=\"idea-void\">\n <span class=\"idea-void-label\">001 \u00b7 Idea del projecte<\/span>\n <\/div>\n <div class=\"idea-content\">\n <span class=\"idea-section-num\">001 \u2014 IDEA DEL PROJECTE<\/span>\n <p class=\"idea-big\">No \u00e9s bellesa.<br>\u00c9s transformaci\u00f3.<\/p>\n <p class=\"idea-body\">\n La cirurgia pl\u00e0stica com a territori art\u00edstic,<br>\n performatiu i identitari. No per corregir:<br>\n per construir. Per decidir. Per desafiar<br>\n la forma que altres esperen del cos.\n <\/p>\n <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n\n<section id=\"referents\">\n <div class=\"ref-head fi\">\n <h2 class=\"ref-title\">Referents<\/h2>\n <div class=\"ref-meta\">002<br>Artistes \u00b7 Cossos<br>Transformaci\u00f3 radical<\/div>\n <\/div>\n<div class=\"ref-grid\">\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/orlanb.jpg\" alt=\"ORLAN\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">ORLAN<\/span>\n <span class=\"ref-desc\">Carnal Art \u00b7 Cirurgia en directe<\/span>\n <a href=\"http:\/\/www.orlan.eu\" target=\"_blank\" class=\"ref-link\">orlan.eu \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/blancooo.jpg\" alt=\"Stelarc\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Stelarc<\/span>\n <span class=\"ref-desc\">Posthum\u00e0 \u00b7 Cos augmentat<\/span>\n <a href=\"https:\/\/stelarc.org\" target=\"_blank\" class=\"ref-link\">stelarc.org \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/genesis-p-orridgeblanco.jpg\" alt=\"Genesis P-Orridge\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Genesis P-Orridge<\/span>\n <span class=\"ref-desc\">Pandrogeny \u00b7 Fusi\u00f3 identit\u00e0ria<\/span>\n <a href=\"https:\/\/breedersseries.com\" target=\"_blank\" class=\"ref-link\">arxiu \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/blancoacumen-54-art-tate-modern-leigh-bowery-01.jpg\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Leigh Bowery<\/span>\n <span class=\"ref-desc\">Cos \u00b7 Performance \u00b7 Exageraci\u00f3<\/span>\n <a href=\"https:\/\/www.leighbowery.com\" target=\"_blank\" class=\"ref-link\">leighbowery.com \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/arcab.jpg\" alt=\"Arca\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Arca<\/span>\n <span class=\"ref-desc\">Mutaci\u00f3 \u00b7 Identitat sonora<\/span>\n <a href=\"https:\/\/arcaofficial.com\" target=\"_blank\" class=\"ref-link\">arcaofficial.com \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/blancomf.jpg\" alt=\"Mat\u00e8ries F\u00e9cales\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Mat\u00e8ries F\u00e9cales<\/span>\n <span class=\"ref-desc\">Cos \u00b7 L\u00edmit \u00b7 Degradaci\u00f3<\/span>\n <a href=\"https:\/\/materiasfecales.com\" target=\"_blank\" class=\"ref-link\">arxiu \u2197<\/a>\n <\/div>\n <\/div>\n\n<\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<section id=\"arxiu\">\n <div class=\"arxiu-head fi\">\n <span class=\"arxiu-title\">003 \u2014 Arxiu de proc\u00e9s creatiu<\/span>\n <span class=\"arxiu-count\">Fulls de contacte \u00b7 Esbossos \u00b7 Proves<\/span>\n <\/div>\n\n <div class=\"arxiu-grid\">\n \n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-3-e1778779977895.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 01<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-2-e1778779911138.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Wireframe<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.46-3-e1778753751487.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Prova 03<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a4\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-4-e1778753530429.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Concepte<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-2-1-e1778780022557.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 05<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-1-e1778779751689.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Mockup<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-3-1-e1778780056192.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Versi\u00f3 07<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-00.47.49.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Prova 08<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-6-e1778780164219.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Composici\u00f3<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-5-e1778779658244.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 10<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a4\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-5-2-e1778779889960.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Final 11<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.46-1-1-e1778780110986.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Descart<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.46-1-e1778780446709.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Tipografia<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-7.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Grid<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.46-2-e1778780132812.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Paleta<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-82.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Revisi\u00f3<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-76.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Iteraci\u00f3<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-72.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Publicaci\u00f3<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a4\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-71.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 19<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-65.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Prova 20<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-95.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 21<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-maig-2026-05_43_35.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Wireframe 2<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-96.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Mockup 2<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-maig-2026-05_43_29.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Versi\u00f3 24<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-41.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Composici\u00f3 2<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a4\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-33.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 26<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-12.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Final 27<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ojosabiertos.jpg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Descart 2<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/kling_20260418_\u4f5c\u54c1_Image1en_b_201_0-2.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Tipografia 2<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_iahviuiahviuiahv-1.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Grid 2<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n<\/section>\n<section id=\"visuals\">\n\n <style>\n #visuals { padding:0; overflow:hidden; position:relative; background:#fff; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-header {\n display:flex; justify-content:space-between; align-items:flex-end;\n padding:3rem 3rem 2.5rem; border-bottom:.5px solid var(--light);\n }\n .visuals-header-label {\n font-family:'Space Mono',monospace; font-size:.45rem;\n letter-spacing:.45em; color:var(--mid); text-transform:uppercase;\n }\n .visuals-header-title {\n font-family:'Space Mono',monospace; font-size:clamp(2.5rem,5vw,4.5rem);\n font-weight:400; letter-spacing:.05em; color:#2b211d; line-height:.9;\n text-transform: capitalize;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 GENERAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-tip, .visuals-color, .visuals-comp { border-bottom:.5px solid var(--light); }\n \n .visuals-tip-title, .visuals-color-title, .visuals-comp-title {\n font-family:'Space Mono',monospace; font-size:clamp(1.4rem,2.5vw,2rem);\n font-weight:400; text-transform: capitalize;\n letter-spacing: .15em;\n color:#2b211d; margin-bottom:2.5rem;\n }\n\n .visuals-tip-body, .visuals-comp-body { \n font-family:'Space Mono',monospace; font-size:.75rem; \n line-height:1.8; color:#1a1a1a; \n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 TIPOGRAFIA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-tip { display:grid; grid-template-columns:1fr 1.2fr; min-height:70vh; }\n .visuals-tip-main { padding:5rem 3rem; border-right:.5px solid var(--light); display:flex; flex-direction:column; justify-content:center; }\n .visuals-tip-aside { padding:5rem 2rem; display:flex; flex-direction:column; justify-content:flex-end; gap:3rem; }\n \n .visuals-font-specimen { display:flex; flex-direction:column; gap:.8rem; }\n .visuals-font-label { font-family:'Space Mono',monospace; font-size:.45rem; letter-spacing:.35em; text-transform:uppercase; color:var(--mid); }\n .visuals-font-display { font-family:\"Minion Pro\",serif; font-size:clamp(1.8rem,3vw,2.8rem); color:#8d5d49; line-height:1.2; }\n .marron-skin { color:#8d5d49 !important; font-family:'Space Mono',monospace; font-size: .45rem; letter-spacing: .2em; text-transform: uppercase; }\n \n .visuals-tip-note { \n font-family:'Space Mono',monospace; font-size:.65rem; line-height:1.8; \n color:#8d5d49; border-left:.5px solid var(--light); padding-left:1.5rem; \n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COLOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-color { display:grid; grid-template-columns:32% 68%; min-height:55vh; }\n .visuals-color-text { padding:5rem 3rem; border-right:.5px solid var(--light); display:flex; flex-direction:column; justify-content:center; }\n .visuals-color-num { font-family:'Space Mono',monospace; font-size:.45rem; letter-spacing:.45em; text-transform:uppercase; color:#8d5d49; margin-bottom:2rem; }\n .visuals-color-body { font-family:'Space Mono',monospace; font-size:.75rem; line-height:1.8; color:#8d5d49; }\n\n .visuals-color-palette { display:flex; flex-direction:column; justify-content:center; padding:3rem; }\n .visuals-palette-strip { display:flex; align-items:flex-end; height:350px; }\n .visuals-palette-swatch { flex:1; position:relative; }\n .visuals-palette-swatch::after { content:attr(data-hex); position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%) rotate(-90deg); font-family:'Space Mono',monospace; font-size:.4rem; letter-spacing:.2em; color:rgba(255,255,255,.6); }\n\n .swatch-a{background:#7a5541;height:170px;}\n .swatch-b{background:#a7674c;height:240px;}\n .swatch-c{background:#ae6542;height:150px;}\n .swatch-d{background:#633318;height:280px;}\n .swatch-e{background:#715142;height:210px;}\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPOSICI\u00d3 (MOCKUPS CON BORDE NEGRO) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-comp { display:grid; grid-template-columns:60% 40%; min-height:80vh; }\n .visuals-comp-diagram { position:relative; border-right:.5px solid var(--light); background:#fff; overflow:hidden; }\n \n .comp-mockup { \n position: absolute; \n background-size: contain; \n background-position: center; \n background-repeat: no-repeat;\n z-index: 5; \n border: 1px solid #000; \/* Borde negro fino y definido *\/\n background-color: #fff;\n }\n \n .m1 { top: 10%; left: 10%; width: 50%; height: 28%; }\n .m2 { top: 38%; right: 10%; width: 48%; height: 28%; }\n .m3 { bottom: 10%; left: 15%; width: 42%; height: 22%; }\n\n .visuals-comp-text { padding:5rem 3rem; display:flex; flex-direction:column; justify-content:space-between; }\n .visuals-comp-num { font-family:'Space Mono',monospace; font-size:.45rem; letter-spacing:.45em; text-transform:uppercase; color:var(--mid); margin-bottom:1.5rem; }\n \n .visuals-comp-bottom { display:flex; flex-direction:column; gap:1.5rem; margin-top: 4rem; }\n .visuals-comp-tag { display:flex; justify-content:space-between; padding-bottom:.6rem; border-bottom:.5px solid rgba(0,0,0,.05); }\n .visuals-comp-tag-k, .visuals-comp-tag-v { font-family:'Space Mono',monospace; font-size:.45rem; letter-spacing:.2em; text-transform:uppercase; }\n .visuals-comp-tag-k { color:var(--mid); }\n .visuals-comp-tag-v { color:#1a1a1a; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 QUOTE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-pullquote { padding:8rem 3rem; border-top:.5px solid var(--light); }\n .visuals-pq-text { font-family:'Space Mono',monospace; font-size:clamp(1.1rem,2vw,1.6rem); line-height:1.7; color:#1a1a1a; }\n <\/style>\n\n <div class=\"visuals-header fi\">\n <span class=\"visuals-header-label\">004 \u2014 Decisi\u00f3 visual<\/span>\n <span class=\"visuals-header-title\">Visuals<\/span>\n <\/div>\n\n <div class=\"visuals-tip fi\">\n <div class=\"visuals-tip-main\">\n <span class=\"visuals-header-label\" style=\"display:block; margin-bottom:2rem;\">001 \u00b7 Tipografia<\/span>\n <h3 class=\"visuals-tip-title\">Tipografia<\/h3>\n <p class=\"visuals-tip-body\">\n Els t\u00edtols de les obres<br> estan escrits en grec.<br><br>\n No \u00e9s una decisi\u00f3 est\u00e8tica.<br> \u00c9s una decisi\u00f3 conceptual.<br><br>\n Els c\u00e0nons de bellesa<br> occidental neixen all\u00e0.\n <\/p>\n <\/div>\n <div class=\"visuals-tip-aside\">\n <div class=\"visuals-font-specimen\">\n <span class=\"visuals-font-label\">T\u00edtols d'obra<\/span>\n <span class=\"visuals-font-display\">\u039f\u039c\u039f\u03a1\u03a6\u0399\u0391<\/span>\n <span class=\"marron-skin\">Minion Pro \u00b7 Grec<\/span>\n <\/div>\n <div class=\"visuals-font-specimen\">\n <span class=\"visuals-font-label\">Cos de text<\/span>\n <span class=\"visuals-font-display\" style=\"font-family:'Space Mono',monospace; color: #8d5d49;\">Space Mono \u00b7 Regular<\/span>\n <span class=\"marron-skin\" style=\"text-transform:none; letter-spacing:normal; font-size:.6rem;\">La pell com a superf\u00edcie.<\/span>\n <\/div>\n <p class=\"visuals-tip-note\">Impacte primer.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"visuals-color fi\">\n <div class=\"visuals-color-text\">\n <span class=\"visuals-color-num\">002 \u00b7 Color<\/span>\n <h3 class=\"visuals-color-title\" style=\"color:#8d5d49;\">Color<\/h3>\n <p class=\"visuals-color-body\">\n La paleta crom\u00e0tica<br> s'extreu de la pell.\n <\/p>\n <\/div>\n <div class=\"visuals-color-palette\">\n <div class=\"visuals-palette-strip\">\n <div class=\"visuals-palette-swatch swatch-a\" data-hex=\"#7a5541\"><\/div>\n <div class=\"visuals-palette-swatch swatch-b\" data-hex=\"#a7674c\"><\/div>\n <div class=\"visuals-palette-swatch swatch-c\" data-hex=\"#ae6542\"><\/div>\n <div class=\"visuals-palette-swatch swatch-d\" data-hex=\"#633318\"><\/div>\n <div class=\"visuals-palette-swatch swatch-e\" data-hex=\"#715142\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"visuals-comp fi\">\n <div class=\"visuals-comp-diagram\">\n <div class=\"comp-mockup m1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-11-a-les-11.14.27-01.jpg');\"><\/div>\n <div class=\"comp-mockup m2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-11-a-les-11.14.27-02.jpg');\"><\/div>\n <div class=\"comp-mockup m3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-11-a-les-11.14.27-03.jpg');\"><\/div>\n <\/div>\n\n <div class=\"visuals-comp-text\">\n <div>\n <span class=\"visuals-comp-num\">003 \u00b7 Composici\u00f3<\/span>\n <h3 class=\"visuals-comp-title\">Composici\u00f3<\/h3>\n <p class=\"visuals-comp-body\">\n Cap element busca l'estabilitat.<br><br>\n Les imatges canvien d'escala, es desplacen, trenquen alineacions.<br><br>\n El text t\u00e9 poc pes visual: mides petites, molt espai buit, jerarquia molt controlada.\n <\/p>\n <\/div>\n\n <div class=\"visuals-comp-bottom\">\n <div class=\"visuals-comp-tag\"><span class=\"visuals-comp-tag-k\">Espai negatiu<\/span><span class=\"visuals-comp-tag-v\">Dominant<\/span><\/div>\n <div class=\"visuals-comp-tag\"><span class=\"visuals-comp-tag-k\">Jerarquia<\/span><span class=\"visuals-comp-tag-v\">Imatge \u00b7 Text \u00b7 Buit<\/span><\/div>\n <div class=\"visuals-comp-tag\"><span class=\"visuals-comp-tag-k\">Equilibri<\/span><span class=\"visuals-comp-tag-v\">Intern<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"visuals-pullquote fi\">\n <div class=\"visuals-pq-inner\">\n <p class=\"visuals-pq-text\">\n El cos apareix abans que el significat.<br>\n La imatge parla primer.<br>\n La lectura arriba despr\u00e9s.\n <\/p>\n <\/div>\n <\/div>\n\n<\/section>\n\n<section id=\"fanzine\">\n <style>\n \/* Variables generales de tu sitio *\/\n :root {\n --light: #e0e0e0;\n --mid: #888888;\n }\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&display=swap');\n\n #fanzine { \n display: grid; \n grid-template-columns: 1fr 2fr; \/* 1 parte para la info (izquierda), 2 partes para el flipbook (derecha) *\/\n gap: 4rem;\n min-height: 70vh; \n background: #fff; \n border-bottom: .5px solid var(--light);\n padding: 5rem 3rem;\n align-items: end; \/* Alinea los elementos abajo, la info queda abajo a la izquierda *\/\n }\n\n \/* Columna Izquierda: Informaci\u00f3n *\/\n .fanzine-info-side {\n display: flex;\n flex-direction: column;\n justify-content: flex-end; \/* Fuerza el contenido hacia la parte inferior *\/\n }\n\n .fanzine-num { \n font-family: 'Space Mono', monospace; \n font-size: .45rem; \n letter-spacing: .45em; \n color: #8d5d49; \n text-transform: uppercase; \n margin-bottom: 1rem;\n }\n\n .fanzine-word { \n font-family: 'Space Mono', monospace; \n font-size: clamp(2rem, 4vw, 3.5rem); \n font-weight: 400; \n color: #2b211d; \n text-transform: capitalize; \n margin-bottom: 2rem;\n }\n\n .fanzine-small { \n font-family: 'Space Mono', monospace; \n font-size: .75rem; \n line-height: 1.8; \n color: #1a1a1a; \n margin-bottom: 0; \/* Eliminado el margen inferior al no haber bot\u00f3n *\/\n }\n\n \/* Columna Derecha: Flipbook grande *\/\n .fanzine-flipbook-side {\n width: 100%;\n }\n\n .flipbook-zone-large {\n width: 100%;\n height: 520px; \/* Altura del iframe solicitado *\/\n border: 1px solid #000; \/* Borde negro fino *\/\n background: #fafafa;\n }\n\n \/* Comportamiento Responsivo (M\u00f3viles) *\/\n @media (max-width: 768px) {\n #fanzine { \n grid-template-columns: 1fr; \n gap: 3rem;\n padding: 3rem 1.5rem;\n }\n .fanzine-info-side {\n order: 2; \/* En m\u00f3vil, la info pasa abajo del todo *\/\n }\n .fanzine-flipbook-side {\n order: 1; \/* El visor se lee primero arriba *\/\n }\n .flipbook-zone-large {\n height: 400px; \n }\n }\n <\/style>\n\n <div class=\"fanzine-info-side\">\n <span class=\"fanzine-num\">005 \u2014 Fanzine<\/span>\n <div class=\"fanzine-word\">Fanzine<\/div>\n \n <p class=\"fanzine-small\">\n Edici\u00f3 impresa.<br>\n Format A5.<br>\n 200 exemplars numerats.\n <\/p>\n <\/div>\n \n <div class=\"fanzine-flipbook-side\">\n <div class=\"flipbook-zone-large\">\n <iframe \n allowfullscreen=\"allowfullscreen\" \n allow=\"clipboard-write\" \n scrolling=\"no\" \n class=\"fp-iframe\" \n src=\"https:\/\/heyzine.com\/flip-book\/ec63fc2cb1.html\" \n style=\"border: none; width: 100%; height: 100%;\">\n <\/iframe>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"sep-thick\"><\/div>\n\n<section id=\"obres-maquetacio\">\n<section id=\"obres-final\">\n <style>\n \n <section id=\"video-destacado\">\n <style>\n #video-destacado {\n width: 100%;\n padding: 4rem 3rem;\n background: #fff;\n box-sizing: border-box;\n display: flex;\n justify-content: center; \/* Centra el v\u00eddeo horitzontalment *\/\n }\n\n \/* Contenidor ajustat per a v\u00eddeos verticals o quadrats *\/\n .video-responsive-container {\n position: relative;\n width: 100%;\n max-width: 750px; \/* Redu\u00efm l'ample m\u00e0xim perqu\u00e8 no es faci gegant cap avall *\/\n padding-bottom: 56.25%; \/* Mant\u00e9 una bona mida de visualitzaci\u00f3 inicial *\/\n height: 0;\n overflow: hidden;\n border: 1px solid #000; \/* Caixa b\u00e0sica a joc amb el fanzine *\/\n background: #fafafa;\n }\n\n \/* El truc: fem que l'iframe s'adapti per complet sense for\u00e7ar el contingut *\/\n .video-responsive-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Evita deformacions *\/\n }\n\n \/* Si vols que la caixa sigui completament vertical com un tel\u00e8fon sense gens de negre,\n descomenta o usa aquesta l\u00ednia de padding-bottom (aprox 4:3 o 1:1 de llibre obert): *\/\n #video-destacado .video-responsive-container {\n padding-bottom: 65%; \/* Ajusta aquest percentatge si vols fer la caixa m\u00e9s alta o m\u00e9s baixa *\/\n }\n\n \/* Adaptaci\u00f3 per a pantalles m\u00f2bils *\/\n @media (max-width: 768px) {\n #video-destacado {\n padding: 2rem 1.5rem;\n }\n .video-responsive-container {\n padding-bottom: 80%; \/* Una mica m\u00e9s alt a m\u00f2bils per veure's millor *\/\n }\n }\n <\/style>\n\n <div class=\"video-responsive-container\">\n <iframe \n src=\"https:\/\/www.youtube.com\/embed\/wJaop3q97qM?rel=0&showinfo=0&modestbranding=1\" \n title=\"MORPH_001\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n referrerpolicy=\"strict-origin-when-cross-origin\" \n allowfullscreen>\n <\/iframe>\n <\/div>\n<\/section>\n <style>\n #obres { background: #fff !important; padding-bottom: 12rem !important; width: 100% !important; overflow: hidden !important; }\n \n #obres .ph-wrap {\n background-repeat: no-repeat !important;\n display: block !important;\n }\n\n \/* --- OBRA 1: La bellesa a la vellesa (#7a5541) --- *\/\n .obra-1 { \n display: grid !important; \n grid-template-columns: 58% 42% !important; \n align-items: end !important; \/* CORREGIDO: Alinea el texto abajo justo con la base de la imagen *\/\n background: #fff !important; \n min-height: auto !important; \n padding-top: 0rem !important; \n padding-bottom: 0rem !important; \/* CORREGIDO: Elimina el espacio sobrante inferior *\/\n margin-bottom: 0rem !important;\n }\n .obra-1-left { width: 100% !important; display: flex !important; justify-content: flex-start !important; align-items: flex-start !important; } \n .obra-1-left img { width: 100% !important; height: auto !important; max-height: 75vh !important; object-fit: contain !important; object-position: left top !important; display: block !important; } \n .obra-1-right { \n display: flex !important; \n flex-direction: column !important; \n justify-content: flex-end !important; \n gap: 3rem !important; \n padding: 0rem 4rem 0rem 4rem !important; \/* CORREGIDO: padding inferior a 0 para que no empuje las cosas hacia abajo *\/\n }\n .obra-1-r1 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1.5rem !important; height: 260px !important; }\n .obra-1-mini .ph-wrap { background-size: cover !important; background-position: center !important; height: 100%; }\n .obra-1-text .obra-num, .obra-1-text .obra-greek, .obra-1-text .obra-catala, .obra-1-text .obra-body { color: #7a5541 !important; }\n \n \/* --- OBRA 2: Vull m\u00e9s llavis (#a7674c) --- *\/\n .obra-2 { display: grid !important; grid-template-columns: 45% 55% !important; background: #fff !important; min-height: 95vh !important; }\n .obra-2-left { padding: 4rem !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }\n .obra-2-left .obra-num, .obra-2-left .obra-greek, .obra-2-left .obra-catala, .obra-2-left .obra-body { color: #a7674c !important; }\n .obra-2-images { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 95vh !important; }\n .obra-2-img-top { display: flex !important; justify-content: flex-end !important; width: 100% !important; }\n .obra-2-mini-sq { width: 260px !important; height: 260px !important; }\n .obra-2-main-rect { width: 100% !important; display: flex !important; justify-content: flex-start !important; align-items: flex-end !important; }\n .obra-2-main-rect img { width: auto !important; max-width: 100% !important; max-height: 55vh !important; object-fit: contain !important; object-position: left bottom !important; }\n\n \/* --- OBRA 3: Angles perfectes (#ae6542) --- *\/\n .obra-3 { margin-top: 10rem !important; display: grid !important; grid-template-columns: 50% 50% !important; background: #fff !important; }\n .obra-3-left-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 2rem !important; padding: 2rem !important; }\n .obra-3-sq-box { aspect-ratio: 1\/1 !important; }\n .obra-3-right-block { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: flex-end !important; padding: 3rem !important; text-align: right !important; }\n .obra-3-right-block .obra-num, .obra-3-right-block .obra-greek, .obra-3-right-block .obra-catala, .obra-3-right-block .obra-body { color: #ae6542 !important; }\n\n \/* --- OBRA 4: Com consumim (#633318) - TEXTO IZQUIERDA, IMAGEN DERECHA TOTAL --- *\/\n .obra-4 { \n display: grid !important; \n grid-template-columns: 35% 65% !important; \n min-height: 100vh !important; \n background: #fff !important;\n align-items: center !important;\n padding: 0 !important;\n }\n .o-layout-text { \n padding-left: 5rem !important; \n display: flex !important; \n flex-direction: column !important; \n justify-content: center !important; \n }\n .o-layout-text .obra-num, .o-layout-text .obra-greek, .o-layout-text .obra-catala, .o-layout-text .obra-body { color: #633318 !important; }\n \n .o-layout-media { \n width: 100% !important; \n height: 100vh !important; \n display: flex !important;\n justify-content: flex-end !important; \n }\n .o-layout-media img {\n width: auto !important;\n height: 100vh !important; \n max-width: 100% !important;\n object-fit: cover !important;\n object-position: right center !important;\n }\n\n \/* --- OBRA 5: 0 Sentits --- *\/\n .obra-5 { display: flex !important; flex-direction: column !important; padding: 4rem 0 !important; }\n .obra-5-strip { display: grid !important; grid-template-columns: 1fr 1.6fr 1fr !important; gap: 1.5rem !important; height: 380px !important; padding: 0 2rem !important; }\n .obra-5-img-side { height: 260px !important; align-self: center !important; }\n .obra-5-img-center { height: 100% !important; }\n .obra-5-text { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4rem !important; padding: 4rem 2rem 0 !important; }\n\n \/* --- OBRA 6 Y 7: Full-Bleed --- *\/\n .obra-full-bleed { position: relative !important; width: 100% !important; display: flex !important; padding: 6rem 4rem !important; }\n .full-txt-overlay { position: relative !important; z-index: 2; max-width: 650px; }\n<\/style>\n\n<div class=\"obres-head fi\">\n <h2 class=\"obres-title\">Intervencions<\/h2>\n <span class=\"obra-num\">006 \u2014 Set obres<\/span>\n<\/div>\n\n<section class=\"obra-1 fi\">\n <div class=\"obra-1-left\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/pielcuadrii.jpg\" alt=\"Obra 1\">\n <\/div>\n <div class=\"obra-1-right\">\n <div class=\"obra-1-r1\">\n <div class=\"obra-1-mini\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_l4t2u6l4t2u6l4t2.png'); height:100%;\"><\/div><\/div>\n <div class=\"obra-1-mini\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_ruwokcruwokcruwo.png'); height:100%;\"><\/div><\/div>\n <\/div>\n <div class=\"obra-1-text\">\n <span class=\"obra-num\">001 \/ 007<\/span>\n <h3 class=\"obra-greek\">\u039f\u039c\u039f\u03a1\u03a6\u0399\u0391 \u03a3\u03a4\u0397\u039d \u0393\u0397\u03a1\u0391\u03a3\u0399\u0391<\/h3>\n <span class=\"obra-catala\">La bellesa a la vellesa<\/span>\n <p class=\"obra-body\">Aquesta intervenci\u00f3 explora la pell com a superf\u00edcie on el temps es fa visible. En lloc d\u2019amagar plecs o tensar la pell, el procediment intensifica la caiguda natural de la pell fins a convertir-la en l\u2019element central de la aparen\u00e7a. Les arrugues i els plecs s\u2019amplifiquen deliberadament i es transforma all\u00f2 que normalment es corregeix en una forma d\u2019expressi\u00f3 visual. La cara deixa de buscar equilibri o simetria i passa a construir-se a partir de la gravetat, el pes i la textura de la pell. T\u00e9 la intenci\u00f3 de rehivindicarla obsessi\u00f3 per la pell perfecta sense textura ni arrugues de l\u2019edat.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"obra-2 fi\">\n <style>\n .o2-fixed-layout {\n display: grid !important;\n grid-template-columns: 45% 55% !important;\n background: #fff !important;\n min-height: 95vh !important;\n align-items: center !important;\n }\n \n .o2-images-container {\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n gap: 1.5rem !important;\n height: auto !important;\n padding: 2rem 0 !important;\n }\n\n .o2-top-wrapper {\n display: flex !important;\n justify-content: flex-end !important;\n width: 100% !important;\n padding-right: 4rem !important;\n }\n\n .o2-vertical-mini {\n width: 150px !important;\n height: 210px !important;\n }\n \n .o2-vertical-mini .ph-wrap {\n background-size: contain !important; \n background-position: right center !important;\n background-repeat: no-repeat !important;\n height: 100% !important;\n }\n\n .o2-main-img-wrapper {\n width: 100% !important;\n display: flex !important;\n justify-content: flex-start !important;\n align-items: flex-end !important;\n }\n\n .o2-main-img-wrapper img {\n width: auto !important;\n max-width: 90% !important;\n max-height: 55vh !important;\n object-fit: contain !important;\n object-position: left bottom !important;\n }\n <\/style>\n\n <div class=\"obra-2-left\">\n <span class=\"obra-num\">002 \/ 007<\/span>\n <h3 class=\"obra-greek\">\u0398\u0395\u039b\u03a9 \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u0391 \u03a7\u0395\u0399\u039b\u0397<\/h3>\n <span class=\"obra-catala\">Vull m\u00e9s llavis<\/span>\n <p class=\"obra-body\">Aquesta intervenci\u00f3 porta al l\u00edmit la idea dels llavis com a element atractiu. En canvi de buscar proporci\u00f3 o harmonia, el volum s\u2019exagera fins a ocupar tot el rostre i convertir-se en el centre absolut de la imatge. All\u00f2 que es considera desitjable es repeteix i s\u2019intensifica fins a perdre el seu sentit inicial, transformant-se en una forma excesiva que ya no respon a una idea real de bellesa.<\/p>\n <\/div>\n \n <div class=\"obra-2-images o2-images-container\">\n <div class=\"obra-2-img-top o2-top-wrapper\">\n <div class=\"obra-2-mini-sq o2-vertical-mini\">\n <div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/labioposepng.png'); height:100%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"obra-2-main-rect o2-main-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/perfillabio1-2-scaled.jpg\" alt=\"Obra 2\">\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"obra-3 fi\">\n <div class=\"obra-3-left-grid\">\n <div class=\"obra-3-sq-box\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/caraarriba3.jpg'); height:100%;\"><\/div><\/div>\n <div class=\"obra-3-sq-box\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/caraespaldas.jpg'); height:100%;\"><\/div><\/div>\n <div class=\"obra-3-sq-box\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/carafrente3.jpg'); height:100%;\"><\/div><\/div>\n <\/div>\n <div class=\"obra-3-right-block\">\n <span class=\"obra-num\">003 \/ 007<\/span>\n <h3 class=\"obra-greek\">\u03a4\u0395\u039b\u0395\u0399\u0395\u03a3 \u0393\u03a9\u039d\u0399\u0395\u03a3<\/h3>\n <span class=\"obra-catala\">Angles perfectes<\/span>\n <p class=\"obra-body\">Aquesta intervenci\u00f3 parteix de la idea actual de rostre perfecte, amb molta influencia per les xarxes socials i la necessitat de mostrar sempre una imatge controlada. El procediment es tracta a copiar el rostre del subjecte i col\u00b7locar tres versions artificials als costats de la cara original, generant una estructura quadruple. D\u2019aquesta manera, no importa des d\u2019on es miri: siempre es veu una cara frontal, sim\u00e8trica i considerada \u201cperfecta\u201d. S\u2019elimina el perfil, l\u2019error i la variaci\u00f3, substituint-los per una repetici\u00f3 constant de la mateixa imatge ideal. El rostre deja de ser canviant i passa a estar pensat \u00fanicament per ser sempre ben vist.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"obra-4 fi\">\n <div class=\"o-layout-text\">\n <span class=\"obra-num\">004 \/ 007<\/span>\n <h3 class=\"obra-greek\">\u03a0\u03a9\u03a3 \u039a\u0391\u03a4\u0391\u039d\u0391\u039b\u03a9\u039d\u039f\u03a5\u039c\u0395<\/h3>\n <span class=\"obra-catala\">Com consumim<\/span>\n <p class=\"obra-body\">Aquesta intervenci\u00f3 altera l\u2019estructura del rostre substituint els ulls per dents. La mirada deixa de ser una acci\u00f3 passiva i es transforma en un gest agressiu. Veure ya no \u00e9s nom\u00e9s percebre, sin\u00f3 devorar, jutjar i consumir. Planteja una cr\u00edtica a la manera com observem les imatges i els cossos: una mirada que dissecciona, que busca defectes i que exerceix una pressi\u00f3 constant sobre all\u00f2 que mira. Els ulls transformats en dents simbolitzen una percepci\u00f3 que no nom\u00e9s observa, sin\u00f3 que mossega. As\u00ed, mirar esdev\u00e9 un acte de viol\u00e8ncia simb\u00f2lica, on la percepci\u00f3 es barreja amb el judici i el desig de consumir all\u00f2 que veiem.<\/p>\n <\/div>\n <div class=\"o-layout-media\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ojosabiertos.jpg\" alt=\"Obra 4\">\n <\/div>\n<\/section>\n\n<section class=\"obra-5-editorial\">\n <style>\n .obra-5-editorial {\n display: grid !important;\n grid-template-columns: 55% 45% !important; \n background: #fff !important;\n height: 100vh !important;\n min-height: 100vh !important;\n width: 100% !important;\n box-sizing: border-box !important;\n padding: 0 !important;\n margin: 0 auto !important;\n overflow: hidden !important;\n }\n\n .o5-pag-esquerra {\n width: 100% !important;\n height: 100vh !important;\n display: flex !important;\n overflow: hidden !important;\n }\n .o5-pag-esquerra img {\n width: 100% !important;\n height: 100vh !important;\n object-fit: contain !important;\n object-position: center center !important;\n transform: scale(1.35) !important;\n }\n\n .o5-pag-dreta {\n display: grid !important;\n grid-template-rows: 35% 30% 35% !important; \n height: 100vh !important;\n width: 100% !important;\n box-sizing: border-box !important;\n background: #fff !important;\n }\n\n .o5-foto-container {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden !important;\n display: flex !important;\n }\n .o5-foto-container img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center !important;\n }\n\n .o5-bloc-text {\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n padding: 0 3rem !important;\n box-sizing: border-box !important;\n background: #fff !important;\n }\n\n .o5-bloc-text .obra-num {\n color: #715142 !important;\n display: block !important;\n margin-bottom: 0.5rem !important;\n }\n\n .o5-bloc-text .obra-greek {\n color: #715142 !important;\n border-bottom: none !important; \n margin: 0 0 0.2rem 0 !important;\n white-space: nowrap !important;\n display: inline-block !important;\n }\n .o5-bloc-text .obra-catala {\n color: #715142 !important;\n margin-bottom: 1.2rem !important;\n display: block !important;\n }\n .o5-bloc-text .obra-body {\n color: #715142 !important;\n text-align: justify !important;\n margin: 0 !important;\n width: 100% !important;\n }\n\n @media (max-width: 900px) {\n .obra-5-editorial {\n grid-template-columns: 1fr !important;\n height: auto !important;\n overflow: auto !important;\n }\n .o5-pag-esquerra, .o5-pag-esquerra img {\n height: 70vh !important;\n }\n .o5-pag-esquerra img {\n transform: scale(1) !important;\n }\n .o5-pag-dreta {\n grid-template-rows: auto auto auto !important;\n height: auto !important;\n gap: 2rem !important;\n padding: 2rem !important;\n }\n .o5-foto-container {\n height: 280px !important;\n }\n .o5-bloc-text {\n padding: 0 !important;\n }\n }\n <\/style>\n\n <div class=\"o5-pag-esquerra\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/rodtro.jpg\" alt=\"Cos sencer de dalt a baix\">\n <\/div>\n\n <div class=\"o5-pag-dreta\">\n <div class=\"o5-foto-container\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_iahviuiahviuiahv-1.png\" alt=\"Detall tors lateral\">\n <\/div>\n\n <div class=\"o5-bloc-text\">\n <span class=\"obra-num\">005 \/ 007<\/span>\n <h3 class=\"obra-greek\">0 \u0391\u0399\u03a3\u0398\u0397\u03a3\u0395\u0399\u03a3<\/h3>\n <span class=\"obra-catala\">0 Sentits<\/span>\n <p class=\"obra-body\">\n Aquest procediment elimina els sentits i talla qualsevol connexi\u00f3 amb l\u2019exterior. Nom\u00e9s queda la forma: muda, tancada i alliberada de qualsevol expressi\u00f3. En abs\u00e8ncia de percepci\u00f3, desapareixen els mecanismes que construeixen els estereotips. Sense mirar, sense tocar i fora dels codis habituals, el cos deja de ser un objecte de judici.\n <\/p>\n <\/div>\n\n <div class=\"o5-foto-container\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/torso.jpg\" alt=\"Perfil posterior cap\">\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"obra-6 fi obra-full-bleed\" style=\"min-height: 95vh; display: flex; align-items: flex-end; justify-content: center; text-align: center; position: relative; width: 100vw !important; left: 50% !important; transform: translateX(-50%) !important; margin: 0 !important; padding: 0 !important; overflow: hidden;\">\n <div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ttfinal.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; inset: 0; z-index: 1; width: 100vw !important; height: 100%;\"><\/div>\n \n <div class=\"full-txt-overlay\" style=\"position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; margin-bottom: 2rem; padding: 0 2rem 3rem 2rem; box-sizing: border-box;\">\n <h3 class=\"obra-greek\" style=\"color: #fff; text-align: center; margin: 0 auto 0.5rem auto;\">\u0393\u03a5\u039d\u0391\u0399\u039a\u0391 \u0389 \u03a0\u0391\u0399\u03a7\u039d\u0399\u0394\u0399;<\/h3>\n <span class=\"obra-catala\" style=\"color: #fff; text-align: center; display: block; margin: 0 auto 1.5rem auto;\">Dona o joc?<\/span>\n <p class=\"obra-body\" style=\"color: #fff; text-align: center; margin: 0 auto; max-width: 480px; line-height: 1.8;\">Aquesta intervenci\u00f3 col\u00b7loca ulls en lloc dels mugrons, convertint el pit en un espai actiu de mirada. El cos femen\u00ed no nom\u00e9s \u00e9s observat, sin\u00f3 que tamb\u00e9 observa. Repressenta aquesta fixaci\u00f3 sobresexualitzada constant i de com aquesta mirada externa acaba sent interioritzada.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"obra-7 fi obra-full-bleed\" style=\"min-height: 100vh; display: flex; align-items: flex-end; justify-content: flex-start; text-align: left; position: relative; width: 100vw !important; left: 50% !important; transform: translateX(-50%) !important; margin: 0 !important; padding: 0 !important; overflow: hidden;\">\n <div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/fondo2xr.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; inset: 0; z-index: 1; width: 100vw !important; height: 100%;\"><\/div>\n \n <div class=\"full-txt-overlay\" style=\"position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; text-align: left; width: 100%; max-width: 480px; margin-bottom: 3rem; margin-left: 2rem; padding: 2rem; box-sizing: border-box; border: 1px solid #ffffff;\">\n <h3 class=\"obra-greek\" style=\"color: #ffffff !important; text-align: left; margin: 0 0 0.5rem 0; font-size: 1.5rem; text-transform: uppercase;\">\u03a4\u0395\u039b\u0395\u0399\u0391 \u039c\u0397\u03a4\u03a1\u03a9\u039f<\/h3>\n <span class=\"obra-catala\" style=\"color: #ffffff !important; text-align: left; display: block; margin: 0 0 1rem 0; font-size: 0.8rem; text-transform: uppercase;\">Maternitat perfecta<\/span>\n <p class=\"obra-body\" style=\"color: #ffffff !important; text-align: left; margin: 0; max-width: 100%; line-height: 1.8; font-size: 1rem;\">\n Aquesta intervenci\u00f3 despla\u00e7a l\u2019embar\u00e0s cap al gluti per mantenir l\u2019abdomen pla, responent a una exig\u00e8ncia est\u00e8tica molt present. El cos es modifica per adaptar-se a una imatge concreta, fins i tot alterant funcions biol\u00f2giques b\u00e0siques. La pe\u00e7a q\u00fcestiona fins a quin punt aquesta pressi\u00f3 condiciona la manera com s\u2019ent\u00e9n i es construeix el cos femen\u00ed.\n <\/p>\n <\/div>\n<\/section>\n\n<section id=\"conclusions\" class=\"fi\" style=\"width: 100%; display: flex; justify-content: flex-start; text-align: left; padding: 4rem 2rem; box-sizing: border-box;\">\n <div class=\"conclusions-inner\" style=\"max-width: 600px; margin: 0; text-align: left;\">\n <span class=\"conc-num\" style=\"display: block; font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: #715142; margin-bottom: 1.5rem; text-align: left;\">_<\/span>\n <\/div>\n<\/section>\n 007 \u2014 Conclusions i aprenentatges\n <\/span>\n \n <p class=\"conc-body\" style=\"font-family: var(--mono); font-size: 0.85rem; line-height: 1.8; color: #715142; text-align: left; margin: 0;\">\n Aquest projecte no resol res.<br>\n Pregunta qui decideix, per a qui,<br>\n i amb quines eines culturals s'ha constru\u00eft.<br>\n <br><br>\n La pregunta queda oberta. El cos, tamb\u00e9.\n <\/p>\n \n <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<footer>\n <div><span class=\"foot-name\">Julen Cugota<\/span><\/div>\n <div class=\"foot-info\">\n Projecte experimental<br>\n sobre transformaci\u00f3 corporal,<br>\n cirurgia i identitat.<br>\n 2026\n <\/div>\n <div class=\"foot-links\">\n <a href=\"mailto:julencgv@gmail.com\" class=\"foot-link\">Correu \u2197<\/a>\n <a href=\"https:\/\/heyzine.com\/flip-book\/ec63fc2cb1.html\" target=\"_blank\" class=\"foot-link\">Fanzine \u2197<\/a>\n <\/div>\n <div class=\"foot-bottom\">\n <span>MORPH_001 \u2014 2025<\/span>\n <span>Tots els drets reservats \u00b7 Julen Cugota<\/span>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ Fade in\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('on'); });\n}, { threshold: .08 });\ndocument.querySelectorAll('.fi').forEach(el => io.observe(el));\n\n\/\/ NAV hide on scroll down\nlet last = 0;\nconst nav = document.getElementById('main-nav');\nwindow.addEventListener('scroll', () => {\n const y = window.scrollY;\n if (nav) {\n nav.style.transform = (y > last && y > 100) ? 'translateY(-100%)' : 'translateY(0)';\n nav.style.transition = 'transform .4s ease';\n }\n last = y;\n}, { passive: true });\n\n\/\/ Hero parallax\nconst hw = document.querySelector('.hero-img-wrap');\nwindow.addEventListener('scroll', () => {\n if (hw) hw.style.transform = `translateY(${window.scrollY * 0.05}px)`;\n}, { passive: true });\n<\/script>\n<\/body>\n<\/html>\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>MORPH_001 MORPH_001 Cirurgia \u00b7 Identitat \u00b7 Transformaci\u00f3 El cos com a material. La cirurgia com a acte. La pell com a superf\u00edcie de significat. MORPH_001 Cirurgia pl\u00e0stica com a expressi\u00f3 art\u00edstica i identit\u00e0ria. MORPH \u00b7 2025 \u2193 001 \u00b7 Idea del projecte 001 \u2014 IDEA DEL PROJECTE No \u00e9s bellesa.\u00c9s transformaci\u00f3. La cirurgia pl\u00e0stica com […]<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":73,"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nMORPH_001<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<\/head>\n<body>\n\n\n<nav id=\"main-nav\">\n <span class=\"nav-mark\">MORPH_001<\/span>\n <span class=\"nav-r\">Cirurgia \u00b7 Identitat \u00b7 Transformaci\u00f3<\/span>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/pielcuadrii.jpg\" alt=\"MORPH_001\">\n <\/div>\n\n <div class=\"hero-bottom\">\n <div class=\"hero-left-text\">\n El cos com a material.<br>\n La cirurgia com a acte.<br>\n La pell com a superf\u00edcie<br>\n de significat.\n <\/div>\n <h1 class=\"hero-title\">MORPH_001<\/h1>\n <div class=\"hero-right-text\">\n Cirurgia pl\u00e0stica<br>\n com a expressi\u00f3<br>\n art\u00edstica i identit\u00e0ria.<br>\n MORPH \u00b7 2025\n <\/div>\n <\/div>\n\n <div class=\"hero-scroll\">\n <div class=\"hero-scroll-line\"><\/div>\n <span>\u2193<\/span>\n <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n\n<section id=\"idea\" class=\"fi\">\n <div class=\"idea-void\">\n <span class=\"idea-void-label\">001 \u00b7 Idea del projecte<\/span>\n <\/div>\n <div class=\"idea-content\">\n <span class=\"idea-section-num\">001 \u2014 IDEA DEL PROJECTE<\/span>\n <p class=\"idea-big\">No \u00e9s bellesa.<br>\u00c9s transformaci\u00f3.<\/p>\n <p class=\"idea-body\">\n La cirurgia pl\u00e0stica com a territori art\u00edstic,<br>\n performatiu i identitari. No per corregir:<br>\n per construir. Per decidir. Per desafiar<br>\n la forma que altres esperen del cos.\n <\/p>\n <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n\n<section id=\"referents\">\n <div class=\"ref-head fi\">\n <h2 class=\"ref-title\">Referents<\/h2>\n <div class=\"ref-meta\">002<br>Artistes \u00b7 Cossos<br>Transformaci\u00f3 radical<\/div>\n <\/div>\n<div class=\"ref-grid\">\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/orlanb.jpg\" alt=\"ORLAN\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">ORLAN<\/span>\n <span class=\"ref-desc\">Carnal Art \u00b7 Cirurgia en directe<\/span>\n <a href=\"http:\/\/www.orlan.eu\" target=\"_blank\" class=\"ref-link\">orlan.eu \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/blancooo.jpg\" alt=\"Stelarc\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Stelarc<\/span>\n <span class=\"ref-desc\">Posthum\u00e0 \u00b7 Cos augmentat<\/span>\n <a href=\"https:\/\/stelarc.org\" target=\"_blank\" class=\"ref-link\">stelarc.org \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/genesis-p-orridgeblanco.jpg\" alt=\"Genesis P-Orridge\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Genesis P-Orridge<\/span>\n <span class=\"ref-desc\">Pandrogeny \u00b7 Fusi\u00f3 identit\u00e0ria<\/span>\n <a href=\"https:\/\/breedersseries.com\" target=\"_blank\" class=\"ref-link\">arxiu \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/blancoacumen-54-art-tate-modern-leigh-bowery-01.jpg\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Leigh Bowery<\/span>\n <span class=\"ref-desc\">Cos \u00b7 Performance \u00b7 Exageraci\u00f3<\/span>\n <a href=\"https:\/\/www.leighbowery.com\" target=\"_blank\" class=\"ref-link\">leighbowery.com \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/arcab.jpg\" alt=\"Arca\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Arca<\/span>\n <span class=\"ref-desc\">Mutaci\u00f3 \u00b7 Identitat sonora<\/span>\n <a href=\"https:\/\/arcaofficial.com\" target=\"_blank\" class=\"ref-link\">arcaofficial.com \u2197<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ref-item\">\n <div class=\"ref-bg\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/blancomf.jpg\" alt=\"Mat\u00e8ries F\u00e9cales\">\n <\/div>\n <div class=\"ref-info\">\n <span class=\"ref-name\">Mat\u00e8ries F\u00e9cales<\/span>\n <span class=\"ref-desc\">Cos \u00b7 L\u00edmit \u00b7 Degradaci\u00f3<\/span>\n <a href=\"https:\/\/materiasfecales.com\" target=\"_blank\" class=\"ref-link\">arxiu \u2197<\/a>\n <\/div>\n <\/div>\n\n<\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<section id=\"arxiu\">\n <div class=\"arxiu-head fi\">\n <span class=\"arxiu-title\">003 \u2014 Arxiu de proc\u00e9s creatiu<\/span>\n <span class=\"arxiu-count\">Fulls de contacte \u00b7 Esbossos \u00b7 Proves<\/span>\n <\/div>\n\n <div class=\"arxiu-grid\">\n \n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-3-e1778779977895.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 01<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-2-e1778779911138.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Wireframe<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.46-3-e1778753751487.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Prova 03<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a4\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-4-e1778753530429.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Concepte<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-2-1-e1778780022557.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 05<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-1-e1778779751689.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Mockup<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-3-1-e1778780056192.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Versi\u00f3 07<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-00.47.49.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Prova 08<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-6-e1778780164219.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Composici\u00f3<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-5-e1778779658244.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 10<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a4\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-5-2-e1778779889960.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Final 11<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.46-1-1-e1778780110986.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Descart<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.46-1-e1778780446709.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Tipografia<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.45-7.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Grid<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-08-at-02.26.46-2-e1778780132812.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Paleta<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-82.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Revisi\u00f3<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-76.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Iteraci\u00f3<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-72.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Publicaci\u00f3<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a4\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-71.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 19<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-65.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Prova 20<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-95.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 21<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-maig-2026-05_43_35.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Wireframe 2<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-96.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Mockup 2<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-maig-2026-05_43_29.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Versi\u00f3 24<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-41.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Composici\u00f3 2<\/span>\n <\/div>\n\n \n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a4\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-33.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Esb\u00f3s 26<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_-12.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Final 27<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a5\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ojosabiertos.jpg'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Descart 2<\/span>\n <\/div>\n <div class=\"arxiu-cell shown\">\n <div class=\"arxiu-cell-inner a6\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/kling_20260418_\u4f5c\u54c1_Image1en_b_201_0-2.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Tipografia 2<\/span>\n <\/div>\n <div class=\"arxiu-cell\">\n <div class=\"arxiu-cell-inner a1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_iahviuiahviuiahv-1.png'); background-size: cover; background-position: center;\"><\/div>\n <span class=\"arxiu-cell-tag\">Grid 2<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n<\/section>\n<section id=\"visuals\">\n\n <style>\n #visuals { padding:0; overflow:hidden; position:relative; background:#fff; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-header {\n display:flex; justify-content:space-between; align-items:flex-end;\n padding:3rem 3rem 2.5rem; border-bottom:.5px solid var(--light);\n }\n .visuals-header-label {\n font-family:'Space Mono',monospace; font-size:.45rem;\n letter-spacing:.45em; color:var(--mid); text-transform:uppercase;\n }\n .visuals-header-title {\n font-family:'Space Mono',monospace; font-size:clamp(2.5rem,5vw,4.5rem);\n font-weight:400; letter-spacing:.05em; color:#2b211d; line-height:.9;\n text-transform: capitalize;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 GENERAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-tip, .visuals-color, .visuals-comp { border-bottom:.5px solid var(--light); }\n \n .visuals-tip-title, .visuals-color-title, .visuals-comp-title {\n font-family:'Space Mono',monospace; font-size:clamp(1.4rem,2.5vw,2rem);\n font-weight:400; text-transform: capitalize;\n letter-spacing: .15em;\n color:#2b211d; margin-bottom:2.5rem;\n }\n\n .visuals-tip-body, .visuals-comp-body { \n font-family:'Space Mono',monospace; font-size:.75rem; \n line-height:1.8; color:#1a1a1a; \n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 TIPOGRAFIA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-tip { display:grid; grid-template-columns:1fr 1.2fr; min-height:70vh; }\n .visuals-tip-main { padding:5rem 3rem; border-right:.5px solid var(--light); display:flex; flex-direction:column; justify-content:center; }\n .visuals-tip-aside { padding:5rem 2rem; display:flex; flex-direction:column; justify-content:flex-end; gap:3rem; }\n \n .visuals-font-specimen { display:flex; flex-direction:column; gap:.8rem; }\n .visuals-font-label { font-family:'Space Mono',monospace; font-size:.45rem; letter-spacing:.35em; text-transform:uppercase; color:var(--mid); }\n .visuals-font-display { font-family:\"Minion Pro\",serif; font-size:clamp(1.8rem,3vw,2.8rem); color:#8d5d49; line-height:1.2; }\n .marron-skin { color:#8d5d49 !important; font-family:'Space Mono',monospace; font-size: .45rem; letter-spacing: .2em; text-transform: uppercase; }\n \n .visuals-tip-note { \n font-family:'Space Mono',monospace; font-size:.65rem; line-height:1.8; \n color:#8d5d49; border-left:.5px solid var(--light); padding-left:1.5rem; \n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COLOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-color { display:grid; grid-template-columns:32% 68%; min-height:55vh; }\n .visuals-color-text { padding:5rem 3rem; border-right:.5px solid var(--light); display:flex; flex-direction:column; justify-content:center; }\n .visuals-color-num { font-family:'Space Mono',monospace; font-size:.45rem; letter-spacing:.45em; text-transform:uppercase; color:#8d5d49; margin-bottom:2rem; }\n .visuals-color-body { font-family:'Space Mono',monospace; font-size:.75rem; line-height:1.8; color:#8d5d49; }\n\n .visuals-color-palette { display:flex; flex-direction:column; justify-content:center; padding:3rem; }\n .visuals-palette-strip { display:flex; align-items:flex-end; height:350px; }\n .visuals-palette-swatch { flex:1; position:relative; }\n .visuals-palette-swatch::after { content:attr(data-hex); position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%) rotate(-90deg); font-family:'Space Mono',monospace; font-size:.4rem; letter-spacing:.2em; color:rgba(255,255,255,.6); }\n\n .swatch-a{background:#7a5541;height:170px;}\n .swatch-b{background:#a7674c;height:240px;}\n .swatch-c{background:#ae6542;height:150px;}\n .swatch-d{background:#633318;height:280px;}\n .swatch-e{background:#715142;height:210px;}\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPOSICI\u00d3 (MOCKUPS CON BORDE NEGRO) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-comp { display:grid; grid-template-columns:60% 40%; min-height:80vh; }\n .visuals-comp-diagram { position:relative; border-right:.5px solid var(--light); background:#fff; overflow:hidden; }\n \n .comp-mockup { \n position: absolute; \n background-size: contain; \n background-position: center; \n background-repeat: no-repeat;\n z-index: 5; \n border: 1px solid #000; \/* Borde negro fino y definido *\/\n background-color: #fff;\n }\n \n .m1 { top: 10%; left: 10%; width: 50%; height: 28%; }\n .m2 { top: 38%; right: 10%; width: 48%; height: 28%; }\n .m3 { bottom: 10%; left: 15%; width: 42%; height: 22%; }\n\n .visuals-comp-text { padding:5rem 3rem; display:flex; flex-direction:column; justify-content:space-between; }\n .visuals-comp-num { font-family:'Space Mono',monospace; font-size:.45rem; letter-spacing:.45em; text-transform:uppercase; color:var(--mid); margin-bottom:1.5rem; }\n \n .visuals-comp-bottom { display:flex; flex-direction:column; gap:1.5rem; margin-top: 4rem; }\n .visuals-comp-tag { display:flex; justify-content:space-between; padding-bottom:.6rem; border-bottom:.5px solid rgba(0,0,0,.05); }\n .visuals-comp-tag-k, .visuals-comp-tag-v { font-family:'Space Mono',monospace; font-size:.45rem; letter-spacing:.2em; text-transform:uppercase; }\n .visuals-comp-tag-k { color:var(--mid); }\n .visuals-comp-tag-v { color:#1a1a1a; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 QUOTE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .visuals-pullquote { padding:8rem 3rem; border-top:.5px solid var(--light); }\n .visuals-pq-text { font-family:'Space Mono',monospace; font-size:clamp(1.1rem,2vw,1.6rem); line-height:1.7; color:#1a1a1a; }\n <\/style>\n\n <div class=\"visuals-header fi\">\n <span class=\"visuals-header-label\">004 \u2014 Decisi\u00f3 visual<\/span>\n <span class=\"visuals-header-title\">Visuals<\/span>\n <\/div>\n\n <div class=\"visuals-tip fi\">\n <div class=\"visuals-tip-main\">\n <span class=\"visuals-header-label\" style=\"display:block; margin-bottom:2rem;\">001 \u00b7 Tipografia<\/span>\n <h3 class=\"visuals-tip-title\">Tipografia<\/h3>\n <p class=\"visuals-tip-body\">\n Els t\u00edtols de les obres<br> estan escrits en grec.<br><br>\n No \u00e9s una decisi\u00f3 est\u00e8tica.<br> \u00c9s una decisi\u00f3 conceptual.<br><br>\n Els c\u00e0nons de bellesa<br> occidental neixen all\u00e0.\n <\/p>\n <\/div>\n <div class=\"visuals-tip-aside\">\n <div class=\"visuals-font-specimen\">\n <span class=\"visuals-font-label\">T\u00edtols d'obra<\/span>\n <span class=\"visuals-font-display\">\u039f\u039c\u039f\u03a1\u03a6\u0399\u0391<\/span>\n <span class=\"marron-skin\">Minion Pro \u00b7 Grec<\/span>\n <\/div>\n <div class=\"visuals-font-specimen\">\n <span class=\"visuals-font-label\">Cos de text<\/span>\n <span class=\"visuals-font-display\" style=\"font-family:'Space Mono',monospace; color: #8d5d49;\">Space Mono \u00b7 Regular<\/span>\n <span class=\"marron-skin\" style=\"text-transform:none; letter-spacing:normal; font-size:.6rem;\">La pell com a superf\u00edcie.<\/span>\n <\/div>\n <p class=\"visuals-tip-note\">Impacte primer.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"visuals-color fi\">\n <div class=\"visuals-color-text\">\n <span class=\"visuals-color-num\">002 \u00b7 Color<\/span>\n <h3 class=\"visuals-color-title\" style=\"color:#8d5d49;\">Color<\/h3>\n <p class=\"visuals-color-body\">\n La paleta crom\u00e0tica<br> s'extreu de la pell.\n <\/p>\n <\/div>\n <div class=\"visuals-color-palette\">\n <div class=\"visuals-palette-strip\">\n <div class=\"visuals-palette-swatch swatch-a\" data-hex=\"#7a5541\"><\/div>\n <div class=\"visuals-palette-swatch swatch-b\" data-hex=\"#a7674c\"><\/div>\n <div class=\"visuals-palette-swatch swatch-c\" data-hex=\"#ae6542\"><\/div>\n <div class=\"visuals-palette-swatch swatch-d\" data-hex=\"#633318\"><\/div>\n <div class=\"visuals-palette-swatch swatch-e\" data-hex=\"#715142\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"visuals-comp fi\">\n <div class=\"visuals-comp-diagram\">\n <div class=\"comp-mockup m1\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-11-a-les-11.14.27-01.jpg');\"><\/div>\n <div class=\"comp-mockup m2\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-11-a-les-11.14.27-02.jpg');\"><\/div>\n <div class=\"comp-mockup m3\" style=\"background-image: url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-11-a-les-11.14.27-03.jpg');\"><\/div>\n <\/div>\n\n <div class=\"visuals-comp-text\">\n <div>\n <span class=\"visuals-comp-num\">003 \u00b7 Composici\u00f3<\/span>\n <h3 class=\"visuals-comp-title\">Composici\u00f3<\/h3>\n <p class=\"visuals-comp-body\">\n Cap element busca l'estabilitat.<br><br>\n Les imatges canvien d'escala, es desplacen, trenquen alineacions.<br><br>\n El text t\u00e9 poc pes visual: mides petites, molt espai buit, jerarquia molt controlada.\n <\/p>\n <\/div>\n\n <div class=\"visuals-comp-bottom\">\n <div class=\"visuals-comp-tag\"><span class=\"visuals-comp-tag-k\">Espai negatiu<\/span><span class=\"visuals-comp-tag-v\">Dominant<\/span><\/div>\n <div class=\"visuals-comp-tag\"><span class=\"visuals-comp-tag-k\">Jerarquia<\/span><span class=\"visuals-comp-tag-v\">Imatge \u00b7 Text \u00b7 Buit<\/span><\/div>\n <div class=\"visuals-comp-tag\"><span class=\"visuals-comp-tag-k\">Equilibri<\/span><span class=\"visuals-comp-tag-v\">Intern<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"visuals-pullquote fi\">\n <div class=\"visuals-pq-inner\">\n <p class=\"visuals-pq-text\">\n El cos apareix abans que el significat.<br>\n La imatge parla primer.<br>\n La lectura arriba despr\u00e9s.\n <\/p>\n <\/div>\n <\/div>\n\n<\/section>\n\n<section id=\"fanzine\">\n <style>\n \/* Variables generales de tu sitio *\/\n :root {\n --light: #e0e0e0;\n --mid: #888888;\n }\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&display=swap');\n\n #fanzine { \n display: grid; \n grid-template-columns: 1fr 2fr; \/* 1 parte para la info (izquierda), 2 partes para el flipbook (derecha) *\/\n gap: 4rem;\n min-height: 70vh; \n background: #fff; \n border-bottom: .5px solid var(--light);\n padding: 5rem 3rem;\n align-items: end; \/* Alinea los elementos abajo, la info queda abajo a la izquierda *\/\n }\n\n \/* Columna Izquierda: Informaci\u00f3n *\/\n .fanzine-info-side {\n display: flex;\n flex-direction: column;\n justify-content: flex-end; \/* Fuerza el contenido hacia la parte inferior *\/\n }\n\n .fanzine-num { \n font-family: 'Space Mono', monospace; \n font-size: .45rem; \n letter-spacing: .45em; \n color: #8d5d49; \n text-transform: uppercase; \n margin-bottom: 1rem;\n }\n\n .fanzine-word { \n font-family: 'Space Mono', monospace; \n font-size: clamp(2rem, 4vw, 3.5rem); \n font-weight: 400; \n color: #2b211d; \n text-transform: capitalize; \n margin-bottom: 2rem;\n }\n\n .fanzine-small { \n font-family: 'Space Mono', monospace; \n font-size: .75rem; \n line-height: 1.8; \n color: #1a1a1a; \n margin-bottom: 0; \/* Eliminado el margen inferior al no haber bot\u00f3n *\/\n }\n\n \/* Columna Derecha: Flipbook grande *\/\n .fanzine-flipbook-side {\n width: 100%;\n }\n\n .flipbook-zone-large {\n width: 100%;\n height: 520px; \/* Altura del iframe solicitado *\/\n border: 1px solid #000; \/* Borde negro fino *\/\n background: #fafafa;\n }\n\n \/* Comportamiento Responsivo (M\u00f3viles) *\/\n @media (max-width: 768px) {\n #fanzine { \n grid-template-columns: 1fr; \n gap: 3rem;\n padding: 3rem 1.5rem;\n }\n .fanzine-info-side {\n order: 2; \/* En m\u00f3vil, la info pasa abajo del todo *\/\n }\n .fanzine-flipbook-side {\n order: 1; \/* El visor se lee primero arriba *\/\n }\n .flipbook-zone-large {\n height: 400px; \n }\n }\n <\/style>\n\n <div class=\"fanzine-info-side\">\n <span class=\"fanzine-num\">005 \u2014 Fanzine<\/span>\n <div class=\"fanzine-word\">Fanzine<\/div>\n \n <p class=\"fanzine-small\">\n Edici\u00f3 impresa.<br>\n Format A5.<br>\n 200 exemplars numerats.\n <\/p>\n <\/div>\n \n <div class=\"fanzine-flipbook-side\">\n <div class=\"flipbook-zone-large\">\n <iframe \n allowfullscreen=\"allowfullscreen\" \n allow=\"clipboard-write\" \n scrolling=\"no\" \n class=\"fp-iframe\" \n src=\"https:\/\/heyzine.com\/flip-book\/ec63fc2cb1.html\" \n style=\"border: none; width: 100%; height: 100%;\">\n <\/iframe>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"sep-thick\"><\/div>\n\n<section id=\"obres-maquetacio\">\n<section id=\"obres-final\">\n <style>\n \n <section id=\"video-destacado\">\n <style>\n #video-destacado {\n width: 100%;\n padding: 4rem 3rem;\n background: #fff;\n box-sizing: border-box;\n display: flex;\n justify-content: center; \/* Centra el v\u00eddeo horitzontalment *\/\n }\n\n \/* Contenidor ajustat per a v\u00eddeos verticals o quadrats *\/\n .video-responsive-container {\n position: relative;\n width: 100%;\n max-width: 750px; \/* Redu\u00efm l'ample m\u00e0xim perqu\u00e8 no es faci gegant cap avall *\/\n padding-bottom: 56.25%; \/* Mant\u00e9 una bona mida de visualitzaci\u00f3 inicial *\/\n height: 0;\n overflow: hidden;\n border: 1px solid #000; \/* Caixa b\u00e0sica a joc amb el fanzine *\/\n background: #fafafa;\n }\n\n \/* El truc: fem que l'iframe s'adapti per complet sense for\u00e7ar el contingut *\/\n .video-responsive-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Evita deformacions *\/\n }\n\n \/* Si vols que la caixa sigui completament vertical com un tel\u00e8fon sense gens de negre,\n descomenta o usa aquesta l\u00ednia de padding-bottom (aprox 4:3 o 1:1 de llibre obert): *\/\n #video-destacado .video-responsive-container {\n padding-bottom: 65%; \/* Ajusta aquest percentatge si vols fer la caixa m\u00e9s alta o m\u00e9s baixa *\/\n }\n\n \/* Adaptaci\u00f3 per a pantalles m\u00f2bils *\/\n @media (max-width: 768px) {\n #video-destacado {\n padding: 2rem 1.5rem;\n }\n .video-responsive-container {\n padding-bottom: 80%; \/* Una mica m\u00e9s alt a m\u00f2bils per veure's millor *\/\n }\n }\n <\/style>\n\n <div class=\"video-responsive-container\">\n <iframe \n src=\"https:\/\/www.youtube.com\/embed\/wJaop3q97qM?rel=0&showinfo=0&modestbranding=1\" \n title=\"MORPH_001\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n referrerpolicy=\"strict-origin-when-cross-origin\" \n allowfullscreen>\n <\/iframe>\n <\/div>\n<\/section>\n <style>\n #obres { background: #fff !important; padding-bottom: 12rem !important; width: 100% !important; overflow: hidden !important; }\n \n #obres .ph-wrap {\n background-repeat: no-repeat !important;\n display: block !important;\n }\n\n \/* --- OBRA 1: La bellesa a la vellesa (#7a5541) --- *\/\n .obra-1 { \n display: grid !important; \n grid-template-columns: 58% 42% !important; \n align-items: end !important; \/* CORREGIDO: Alinea el texto abajo justo con la base de la imagen *\/\n background: #fff !important; \n min-height: auto !important; \n padding-top: 0rem !important; \n padding-bottom: 0rem !important; \/* CORREGIDO: Elimina el espacio sobrante inferior *\/\n margin-bottom: 0rem !important;\n }\n .obra-1-left { width: 100% !important; display: flex !important; justify-content: flex-start !important; align-items: flex-start !important; } \n .obra-1-left img { width: 100% !important; height: auto !important; max-height: 75vh !important; object-fit: contain !important; object-position: left top !important; display: block !important; } \n .obra-1-right { \n display: flex !important; \n flex-direction: column !important; \n justify-content: flex-end !important; \n gap: 3rem !important; \n padding: 0rem 4rem 0rem 4rem !important; \/* CORREGIDO: padding inferior a 0 para que no empuje las cosas hacia abajo *\/\n }\n .obra-1-r1 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1.5rem !important; height: 260px !important; }\n .obra-1-mini .ph-wrap { background-size: cover !important; background-position: center !important; height: 100%; }\n .obra-1-text .obra-num, .obra-1-text .obra-greek, .obra-1-text .obra-catala, .obra-1-text .obra-body { color: #7a5541 !important; }\n \n \/* --- OBRA 2: Vull m\u00e9s llavis (#a7674c) --- *\/\n .obra-2 { display: grid !important; grid-template-columns: 45% 55% !important; background: #fff !important; min-height: 95vh !important; }\n .obra-2-left { padding: 4rem !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }\n .obra-2-left .obra-num, .obra-2-left .obra-greek, .obra-2-left .obra-catala, .obra-2-left .obra-body { color: #a7674c !important; }\n .obra-2-images { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 95vh !important; }\n .obra-2-img-top { display: flex !important; justify-content: flex-end !important; width: 100% !important; }\n .obra-2-mini-sq { width: 260px !important; height: 260px !important; }\n .obra-2-main-rect { width: 100% !important; display: flex !important; justify-content: flex-start !important; align-items: flex-end !important; }\n .obra-2-main-rect img { width: auto !important; max-width: 100% !important; max-height: 55vh !important; object-fit: contain !important; object-position: left bottom !important; }\n\n \/* --- OBRA 3: Angles perfectes (#ae6542) --- *\/\n .obra-3 { margin-top: 10rem !important; display: grid !important; grid-template-columns: 50% 50% !important; background: #fff !important; }\n .obra-3-left-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 2rem !important; padding: 2rem !important; }\n .obra-3-sq-box { aspect-ratio: 1\/1 !important; }\n .obra-3-right-block { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: flex-end !important; padding: 3rem !important; text-align: right !important; }\n .obra-3-right-block .obra-num, .obra-3-right-block .obra-greek, .obra-3-right-block .obra-catala, .obra-3-right-block .obra-body { color: #ae6542 !important; }\n\n \/* --- OBRA 4: Com consumim (#633318) - TEXTO IZQUIERDA, IMAGEN DERECHA TOTAL --- *\/\n .obra-4 { \n display: grid !important; \n grid-template-columns: 35% 65% !important; \n min-height: 100vh !important; \n background: #fff !important;\n align-items: center !important;\n padding: 0 !important;\n }\n .o-layout-text { \n padding-left: 5rem !important; \n display: flex !important; \n flex-direction: column !important; \n justify-content: center !important; \n }\n .o-layout-text .obra-num, .o-layout-text .obra-greek, .o-layout-text .obra-catala, .o-layout-text .obra-body { color: #633318 !important; }\n \n .o-layout-media { \n width: 100% !important; \n height: 100vh !important; \n display: flex !important;\n justify-content: flex-end !important; \n }\n .o-layout-media img {\n width: auto !important;\n height: 100vh !important; \n max-width: 100% !important;\n object-fit: cover !important;\n object-position: right center !important;\n }\n\n \/* --- OBRA 5: 0 Sentits --- *\/\n .obra-5 { display: flex !important; flex-direction: column !important; padding: 4rem 0 !important; }\n .obra-5-strip { display: grid !important; grid-template-columns: 1fr 1.6fr 1fr !important; gap: 1.5rem !important; height: 380px !important; padding: 0 2rem !important; }\n .obra-5-img-side { height: 260px !important; align-self: center !important; }\n .obra-5-img-center { height: 100% !important; }\n .obra-5-text { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4rem !important; padding: 4rem 2rem 0 !important; }\n\n \/* --- OBRA 6 Y 7: Full-Bleed --- *\/\n .obra-full-bleed { position: relative !important; width: 100% !important; display: flex !important; padding: 6rem 4rem !important; }\n .full-txt-overlay { position: relative !important; z-index: 2; max-width: 650px; }\n<\/style>\n\n<div class=\"obres-head fi\">\n <h2 class=\"obres-title\">Intervencions<\/h2>\n <span class=\"obra-num\">006 \u2014 Set obres<\/span>\n<\/div>\n\n<section class=\"obra-1 fi\">\n <div class=\"obra-1-left\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/pielcuadrii.jpg\" alt=\"Obra 1\">\n <\/div>\n <div class=\"obra-1-right\">\n <div class=\"obra-1-r1\">\n <div class=\"obra-1-mini\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_l4t2u6l4t2u6l4t2.png'); height:100%;\"><\/div><\/div>\n <div class=\"obra-1-mini\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_ruwokcruwokcruwo.png'); height:100%;\"><\/div><\/div>\n <\/div>\n <div class=\"obra-1-text\">\n <span class=\"obra-num\">001 \/ 007<\/span>\n <h3 class=\"obra-greek\">\u039f\u039c\u039f\u03a1\u03a6\u0399\u0391 \u03a3\u03a4\u0397\u039d \u0393\u0397\u03a1\u0391\u03a3\u0399\u0391<\/h3>\n <span class=\"obra-catala\">La bellesa a la vellesa<\/span>\n <p class=\"obra-body\">Aquesta intervenci\u00f3 explora la pell com a superf\u00edcie on el temps es fa visible. En lloc d\u2019amagar plecs o tensar la pell, el procediment intensifica la caiguda natural de la pell fins a convertir-la en l\u2019element central de la aparen\u00e7a. Les arrugues i els plecs s\u2019amplifiquen deliberadament i es transforma all\u00f2 que normalment es corregeix en una forma d\u2019expressi\u00f3 visual. La cara deixa de buscar equilibri o simetria i passa a construir-se a partir de la gravetat, el pes i la textura de la pell. T\u00e9 la intenci\u00f3 de rehivindicarla obsessi\u00f3 per la pell perfecta sense textura ni arrugues de l\u2019edat.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"obra-2 fi\">\n <style>\n .o2-fixed-layout {\n display: grid !important;\n grid-template-columns: 45% 55% !important;\n background: #fff !important;\n min-height: 95vh !important;\n align-items: center !important;\n }\n \n .o2-images-container {\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n gap: 1.5rem !important;\n height: auto !important;\n padding: 2rem 0 !important;\n }\n\n .o2-top-wrapper {\n display: flex !important;\n justify-content: flex-end !important;\n width: 100% !important;\n padding-right: 4rem !important;\n }\n\n .o2-vertical-mini {\n width: 150px !important;\n height: 210px !important;\n }\n \n .o2-vertical-mini .ph-wrap {\n background-size: contain !important; \n background-position: right center !important;\n background-repeat: no-repeat !important;\n height: 100% !important;\n }\n\n .o2-main-img-wrapper {\n width: 100% !important;\n display: flex !important;\n justify-content: flex-start !important;\n align-items: flex-end !important;\n }\n\n .o2-main-img-wrapper img {\n width: auto !important;\n max-width: 90% !important;\n max-height: 55vh !important;\n object-fit: contain !important;\n object-position: left bottom !important;\n }\n <\/style>\n\n <div class=\"obra-2-left\">\n <span class=\"obra-num\">002 \/ 007<\/span>\n <h3 class=\"obra-greek\">\u0398\u0395\u039b\u03a9 \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u0391 \u03a7\u0395\u0399\u039b\u0397<\/h3>\n <span class=\"obra-catala\">Vull m\u00e9s llavis<\/span>\n <p class=\"obra-body\">Aquesta intervenci\u00f3 porta al l\u00edmit la idea dels llavis com a element atractiu. En canvi de buscar proporci\u00f3 o harmonia, el volum s\u2019exagera fins a ocupar tot el rostre i convertir-se en el centre absolut de la imatge. All\u00f2 que es considera desitjable es repeteix i s\u2019intensifica fins a perdre el seu sentit inicial, transformant-se en una forma excesiva que ya no respon a una idea real de bellesa.<\/p>\n <\/div>\n \n <div class=\"obra-2-images o2-images-container\">\n <div class=\"obra-2-img-top o2-top-wrapper\">\n <div class=\"obra-2-mini-sq o2-vertical-mini\">\n <div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/labioposepng.png'); height:100%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"obra-2-main-rect o2-main-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/perfillabio1-2-scaled.jpg\" alt=\"Obra 2\">\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"obra-3 fi\">\n <div class=\"obra-3-left-grid\">\n <div class=\"obra-3-sq-box\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/caraarriba3.jpg'); height:100%;\"><\/div><\/div>\n <div class=\"obra-3-sq-box\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/caraespaldas.jpg'); height:100%;\"><\/div><\/div>\n <div class=\"obra-3-sq-box\"><div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/carafrente3.jpg'); height:100%;\"><\/div><\/div>\n <\/div>\n <div class=\"obra-3-right-block\">\n <span class=\"obra-num\">003 \/ 007<\/span>\n <h3 class=\"obra-greek\">\u03a4\u0395\u039b\u0395\u0399\u0395\u03a3 \u0393\u03a9\u039d\u0399\u0395\u03a3<\/h3>\n <span class=\"obra-catala\">Angles perfectes<\/span>\n <p class=\"obra-body\">Aquesta intervenci\u00f3 parteix de la idea actual de rostre perfecte, amb molta influencia per les xarxes socials i la necessitat de mostrar sempre una imatge controlada. El procediment es tracta a copiar el rostre del subjecte i col\u00b7locar tres versions artificials als costats de la cara original, generant una estructura quadruple. D\u2019aquesta manera, no importa des d\u2019on es miri: siempre es veu una cara frontal, sim\u00e8trica i considerada \u201cperfecta\u201d. S\u2019elimina el perfil, l\u2019error i la variaci\u00f3, substituint-los per una repetici\u00f3 constant de la mateixa imatge ideal. El rostre deja de ser canviant i passa a estar pensat \u00fanicament per ser sempre ben vist.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"obra-4 fi\">\n <div class=\"o-layout-text\">\n <span class=\"obra-num\">004 \/ 007<\/span>\n <h3 class=\"obra-greek\">\u03a0\u03a9\u03a3 \u039a\u0391\u03a4\u0391\u039d\u0391\u039b\u03a9\u039d\u039f\u03a5\u039c\u0395<\/h3>\n <span class=\"obra-catala\">Com consumim<\/span>\n <p class=\"obra-body\">Aquesta intervenci\u00f3 altera l\u2019estructura del rostre substituint els ulls per dents. La mirada deixa de ser una acci\u00f3 passiva i es transforma en un gest agressiu. Veure ya no \u00e9s nom\u00e9s percebre, sin\u00f3 devorar, jutjar i consumir. Planteja una cr\u00edtica a la manera com observem les imatges i els cossos: una mirada que dissecciona, que busca defectes i que exerceix una pressi\u00f3 constant sobre all\u00f2 que mira. Els ulls transformats en dents simbolitzen una percepci\u00f3 que no nom\u00e9s observa, sin\u00f3 que mossega. As\u00ed, mirar esdev\u00e9 un acte de viol\u00e8ncia simb\u00f2lica, on la percepci\u00f3 es barreja amb el judici i el desig de consumir all\u00f2 que veiem.<\/p>\n <\/div>\n <div class=\"o-layout-media\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ojosabiertos.jpg\" alt=\"Obra 4\">\n <\/div>\n<\/section>\n\n<section class=\"obra-5-editorial\">\n <style>\n .obra-5-editorial {\n display: grid !important;\n grid-template-columns: 55% 45% !important; \n background: #fff !important;\n height: 100vh !important;\n min-height: 100vh !important;\n width: 100% !important;\n box-sizing: border-box !important;\n padding: 0 !important;\n margin: 0 auto !important;\n overflow: hidden !important;\n }\n\n .o5-pag-esquerra {\n width: 100% !important;\n height: 100vh !important;\n display: flex !important;\n overflow: hidden !important;\n }\n .o5-pag-esquerra img {\n width: 100% !important;\n height: 100vh !important;\n object-fit: contain !important;\n object-position: center center !important;\n transform: scale(1.35) !important;\n }\n\n .o5-pag-dreta {\n display: grid !important;\n grid-template-rows: 35% 30% 35% !important; \n height: 100vh !important;\n width: 100% !important;\n box-sizing: border-box !important;\n background: #fff !important;\n }\n\n .o5-foto-container {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden !important;\n display: flex !important;\n }\n .o5-foto-container img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center !important;\n }\n\n .o5-bloc-text {\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n padding: 0 3rem !important;\n box-sizing: border-box !important;\n background: #fff !important;\n }\n\n .o5-bloc-text .obra-num {\n color: #715142 !important;\n display: block !important;\n margin-bottom: 0.5rem !important;\n }\n\n .o5-bloc-text .obra-greek {\n color: #715142 !important;\n border-bottom: none !important; \n margin: 0 0 0.2rem 0 !important;\n white-space: nowrap !important;\n display: inline-block !important;\n }\n .o5-bloc-text .obra-catala {\n color: #715142 !important;\n margin-bottom: 1.2rem !important;\n display: block !important;\n }\n .o5-bloc-text .obra-body {\n color: #715142 !important;\n text-align: justify !important;\n margin: 0 !important;\n width: 100% !important;\n }\n\n @media (max-width: 900px) {\n .obra-5-editorial {\n grid-template-columns: 1fr !important;\n height: auto !important;\n overflow: auto !important;\n }\n .o5-pag-esquerra, .o5-pag-esquerra img {\n height: 70vh !important;\n }\n .o5-pag-esquerra img {\n transform: scale(1) !important;\n }\n .o5-pag-dreta {\n grid-template-rows: auto auto auto !important;\n height: auto !important;\n gap: 2rem !important;\n padding: 2rem !important;\n }\n .o5-foto-container {\n height: 280px !important;\n }\n .o5-bloc-text {\n padding: 0 !important;\n }\n }\n <\/style>\n\n <div class=\"o5-pag-esquerra\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/rodtro.jpg\" alt=\"Cos sencer de dalt a baix\">\n <\/div>\n\n <div class=\"o5-pag-dreta\">\n <div class=\"o5-foto-container\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_iahviuiahviuiahv-1.png\" alt=\"Detall tors lateral\">\n <\/div>\n\n <div class=\"o5-bloc-text\">\n <span class=\"obra-num\">005 \/ 007<\/span>\n <h3 class=\"obra-greek\">0 \u0391\u0399\u03a3\u0398\u0397\u03a3\u0395\u0399\u03a3<\/h3>\n <span class=\"obra-catala\">0 Sentits<\/span>\n <p class=\"obra-body\">\n Aquest procediment elimina els sentits i talla qualsevol connexi\u00f3 amb l\u2019exterior. Nom\u00e9s queda la forma: muda, tancada i alliberada de qualsevol expressi\u00f3. En abs\u00e8ncia de percepci\u00f3, desapareixen els mecanismes que construeixen els estereotips. Sense mirar, sense tocar i fora dels codis habituals, el cos deja de ser un objecte de judici.\n <\/p>\n <\/div>\n\n <div class=\"o5-foto-container\">\n <img decoding=\"async\" src=\"https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/torso.jpg\" alt=\"Perfil posterior cap\">\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"obra-6 fi obra-full-bleed\" style=\"min-height: 95vh; display: flex; align-items: flex-end; justify-content: center; text-align: center; position: relative; width: 100vw !important; left: 50% !important; transform: translateX(-50%) !important; margin: 0 !important; padding: 0 !important; overflow: hidden;\">\n <div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/ttfinal.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; inset: 0; z-index: 1; width: 100vw !important; height: 100%;\"><\/div>\n \n <div class=\"full-txt-overlay\" style=\"position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; margin-bottom: 2rem; padding: 0 2rem 3rem 2rem; box-sizing: border-box;\">\n <h3 class=\"obra-greek\" style=\"color: #fff; text-align: center; margin: 0 auto 0.5rem auto;\">\u0393\u03a5\u039d\u0391\u0399\u039a\u0391 \u0389 \u03a0\u0391\u0399\u03a7\u039d\u0399\u0394\u0399;<\/h3>\n <span class=\"obra-catala\" style=\"color: #fff; text-align: center; display: block; margin: 0 auto 1.5rem auto;\">Dona o joc?<\/span>\n <p class=\"obra-body\" style=\"color: #fff; text-align: center; margin: 0 auto; max-width: 480px; line-height: 1.8;\">Aquesta intervenci\u00f3 col\u00b7loca ulls en lloc dels mugrons, convertint el pit en un espai actiu de mirada. El cos femen\u00ed no nom\u00e9s \u00e9s observat, sin\u00f3 que tamb\u00e9 observa. Repressenta aquesta fixaci\u00f3 sobresexualitzada constant i de com aquesta mirada externa acaba sent interioritzada.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"obra-7 fi obra-full-bleed\" style=\"min-height: 100vh; display: flex; align-items: flex-end; justify-content: flex-start; text-align: left; position: relative; width: 100vw !important; left: 50% !important; transform: translateX(-50%) !important; margin: 0 !important; padding: 0 !important; overflow: hidden;\">\n <div class=\"ph-wrap\" style=\"background-image:url('https:\/\/25009.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/fondo2xr.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; inset: 0; z-index: 1; width: 100vw !important; height: 100%;\"><\/div>\n \n <div class=\"full-txt-overlay\" style=\"position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; text-align: left; width: 100%; max-width: 480px; margin-bottom: 3rem; margin-left: 2rem; padding: 2rem; box-sizing: border-box; border: 1px solid #ffffff;\">\n <h3 class=\"obra-greek\" style=\"color: #ffffff !important; text-align: left; margin: 0 0 0.5rem 0; font-size: 1.5rem; text-transform: uppercase;\">\u03a4\u0395\u039b\u0395\u0399\u0391 \u039c\u0397\u03a4\u03a1\u03a9\u039f<\/h3>\n <span class=\"obra-catala\" style=\"color: #ffffff !important; text-align: left; display: block; margin: 0 0 1rem 0; font-size: 0.8rem; text-transform: uppercase;\">Maternitat perfecta<\/span>\n <p class=\"obra-body\" style=\"color: #ffffff !important; text-align: left; margin: 0; max-width: 100%; line-height: 1.8; font-size: 1rem;\">\n Aquesta intervenci\u00f3 despla\u00e7a l\u2019embar\u00e0s cap al gluti per mantenir l\u2019abdomen pla, responent a una exig\u00e8ncia est\u00e8tica molt present. El cos es modifica per adaptar-se a una imatge concreta, fins i tot alterant funcions biol\u00f2giques b\u00e0siques. La pe\u00e7a q\u00fcestiona fins a quin punt aquesta pressi\u00f3 condiciona la manera com s\u2019ent\u00e9n i es construeix el cos femen\u00ed.\n <\/p>\n <\/div>\n<\/section>\n\n<section id=\"conclusions\" class=\"fi\" style=\"width: 100%; display: flex; justify-content: flex-start; text-align: left; padding: 4rem 2rem; box-sizing: border-box;\">\n <div class=\"conclusions-inner\" style=\"max-width: 600px; margin: 0; text-align: left;\">\n <span class=\"conc-num\" style=\"display: block; font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: #715142; margin-bottom: 1.5rem; text-align: left;\">_<\/span>\n <\/div>\n<\/section>\n 007 \u2014 Conclusions i aprenentatges\n <\/span>\n \n <p class=\"conc-body\" style=\"font-family: var(--mono); font-size: 0.85rem; line-height: 1.8; color: #715142; text-align: left; margin: 0;\">\n Aquest projecte no resol res.<br>\n Pregunta qui decideix, per a qui,<br>\n i amb quines eines culturals s'ha constru\u00eft.<br>\n <br><br>\n La pregunta queda oberta. El cos, tamb\u00e9.\n <\/p>\n \n <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<footer>\n <div><span class=\"foot-name\">Julen Cugota<\/span><\/div>\n <div class=\"foot-info\">\n Projecte experimental<br>\n sobre transformaci\u00f3 corporal,<br>\n cirurgia i identitat.<br>\n 2026\n <\/div>\n <div class=\"foot-links\">\n <a href=\"mailto:julencgv@gmail.com\" class=\"foot-link\">Correu \u2197<\/a>\n <a href=\"https:\/\/heyzine.com\/flip-book\/ec63fc2cb1.html\" target=\"_blank\" class=\"foot-link\">Fanzine \u2197<\/a>\n <\/div>\n <div class=\"foot-bottom\">\n <span>MORPH_001 \u2014 2025<\/span>\n <span>Tots els drets reservats \u00b7 Julen Cugota<\/span>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ Fade in\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('on'); });\n}, { threshold: .08 });\ndocument.querySelectorAll('.fi').forEach(el => io.observe(el));\n\n\/\/ NAV hide on scroll down\nlet last = 0;\nconst nav = document.getElementById('main-nav');\nwindow.addEventListener('scroll', () => {\n const y = window.scrollY;\n if (nav) {\n nav.style.transform = (y > last && y > 100) ? 'translateY(-100%)' : 'translateY(0)';\n nav.style.transition = 'transform .4s ease';\n }\n last = y;\n}, { passive: true });\n\n\/\/ Hero parallax\nconst hw = document.querySelector('.hero-img-wrap');\nwindow.addEventListener('scroll', () => {\n if (hw) hw.style.transform = `translateY(${window.scrollY * 0.05}px)`;\n}, { passive: true });\n<\/script>\n<\/body>\n<\/html>\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>MORPH_001 MORPH_001 Cirurgia \u00b7 Identitat \u00b7 Transformaci\u00f3 El cos com a material. La cirurgia com a acte. La pell com a superf\u00edcie de significat. MORPH_001 Cirurgia pl\u00e0stica com a expressi\u00f3 art\u00edstica i identit\u00e0ria. MORPH \u00b7 2025 \u2193 001 \u00b7 Idea del projecte 001 \u2014 IDEA DEL PROJECTE No \u00e9s bellesa.\u00c9s transformaci\u00f3. La cirurgia pl\u00e0stica com […]<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":73,"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/25009.ooteca.artedra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}