Juano Fr\u00edas \u2014 Tattoo (engraved plate)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Caslon+Display&family=Libre+Caslon+Text:ital@0;1&family=Space+Grotesk:wght@400;500;600&family=Inter:opsz,wght@14..32,400;14..32,500&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg:#121212;\n --bg-alt:#202020;\n --surface:#404040;\n --text:#f3f1ea;\n --text-dim:#918c80;\n --accent:#b3814a;\n --accent-hover:#d9a86a;\n --line:#383838;\n --btn-ink:#17140f;\n }\n section.light{\n --bg:#f6f4ee;\n --bg-alt:#e2dfd6;\n --surface:#ffffff;\n --text:#1a1712;\n --text-dim:#6b6252;\n --accent:#96652f;\n --accent-hover:#7a4f22;\n --line:#dcd8cc;\n }\n html, body{background:var(--bg) !important; color:var(--text) !important;}\n *{box-sizing:border-box; margin:0; padding:0;}\n html{scroll-behavior:smooth;}\n body{\n background:var(--bg); color:var(--text) !important;\n font-family:'Inter',sans-serif; line-height:1.55;\n }\n img{display:block; max-width:100%;}\n a{color:inherit !important; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 40px;}\n em{font-style:italic; color:var(--accent-hover) !important;}\n\n \/* ---------- plate frame w\/ hatch corners ---------- *\/\n .plate{\n position:relative; border:1px solid var(--accent); padding:5px;\n }\n .plate::before{\n content:\"\"; position:absolute; inset:0; border:1px solid rgba(179,129,74,0.35);\n margin:5px; pointer-events:none;\n }\n .hatch{\n position:absolute; width:26px; height:26px; z-index:2; opacity:0.85;\n }\n .hatch svg{width:100%; height:100%;}\n .hatch.tl{top:-1px; left:-1px;}\n .hatch.tr{top:-1px; right:-1px; transform:scaleX(-1);}\n .hatch.bl{bottom:-1px; left:-1px; transform:scaleY(-1);}\n .hatch.br{bottom:-1px; right:-1px; transform:scale(-1,-1);}\n\n .plate-photo{overflow:hidden;}\n .plate-photo img{\n filter:grayscale(1) sepia(0.18) contrast(1.12) brightness(0.92);\n }\n .plate-photo .tint{\n position:absolute; inset:5px; background:var(--accent);\n mix-blend-mode:multiply; opacity:0.14; pointer-events:none;\n }\n\n \/* ---------- eyebrow \/ plate number ---------- *\/\n .eyebrow{\n font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:17px;\n letter-spacing:0.12em; text-transform:uppercase; color:var(--accent-hover) !important;\n display:flex; align-items:center; gap:14px; margin-bottom:24px;\n }\n .eyebrow::after{content:\"\"; flex:1; height:1px; background:var(--line);}\n\n \/* ---------- Header ---------- *\/\n header{position:sticky; top:0; z-index:50; background:rgba(13,15,11,0.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--line);}\n nav.wrap{display:flex; align-items:center; justify-content:space-between; height:80px;}\n .logo{font-family:'Libre Caslon Display',serif; font-size:26px; letter-spacing:0.02em; color:var(--text) !important; display:flex; align-items:center; gap:12px;}\n .logo img{height:52px; width:auto; display:block;}\n .navlinks{display:flex; gap:34px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:19px; letter-spacing:0.04em; text-transform:uppercase;}\n .navlinks a{color:var(--text-dim) !important; transition:color .2s;}\n .navlinks a:hover, .navlinks a.current{color:var(--accent-hover) !important;}\n .cart{display:flex; align-items:center; gap:6px; font-family:'Space Grotesk',sans-serif; font-size:14px; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-dim) !important; border:1px solid var(--line); padding:9px 16px;}\n .cart:hover{border-color:var(--accent) !important; color:var(--text) !important;}\n\n \/* ---------- Hero ---------- *\/\n .hero{position:relative; padding:0; min-height:560px; display:flex; align-items:center; overflow:hidden;}\n .hero-bg{position:absolute; inset:0; z-index:0;}\n .hero-bg img{width:100%; height:100%; object-fit:cover;}\n .hero-bg::after{content:\"\"; position:absolute; inset:0; background:linear-gradient(100deg, rgba(8,7,5,0.8) 0%, rgba(8,7,5,0.48) 38%, rgba(8,7,5,0.08) 68%, rgba(8,7,5,0) 82%);}\n .hero .wrap{position:relative; z-index:1; margin:0; padding-top:100px; padding-bottom:80px;}\n .hero-copy{max-width:560px;}\n .hero h1{font-family:'Libre Caslon Display',serif; font-weight:400; font-size:clamp(34px,4.4vw,58px); line-height:1.08; margin-bottom:20px; color:var(--text) !important; text-shadow:0 2px 20px rgba(0,0,0,0.6);}\n .hero p.sub{font-family:'Libre Caslon Text',serif; font-style:italic; font-size:18px; color:var(--text-dim) !important; max-width:460px; margin-bottom:32px; text-shadow:0 1px 14px rgba(0,0,0,0.6);}\n .hero .eyebrow{text-shadow:0 1px 14px rgba(0,0,0,0.6);}\n .hero-ctas{display:flex; gap:22px; flex-wrap:wrap;}\n .hero-ctas .btn.ghost{background:rgba(8,7,5,0.35); border-color:rgba(243,241,234,0.4) !important; color:var(--text) !important; text-shadow:0 1px 8px rgba(0,0,0,0.7);}\n .hero-ctas .btn.ghost:hover{background:rgba(8,7,5,0.5); border-color:var(--accent) !important;}\n .btn{\n display:inline-flex; align-items:center; gap:9px;\n font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13.5px; letter-spacing:0.06em; text-transform:uppercase;\n padding:15px 28px; border:1px solid var(--accent); background:var(--accent); color:var(--btn-ink) !important;\n transition:background .2s, color .2s;\n }\n .btn:hover{background:var(--accent-hover); border-color:var(--accent-hover) !important;}\n .btn.ghost{background:transparent; border-color:var(--line) !important; color:var(--text-dim) !important;}\n .btn.ghost:hover{border-color:var(--accent) !important; color:var(--text) !important;}\n\n \/* ---------- Sections ---------- *\/\n section{padding:100px 0; background:var(--bg);}\n section.alt{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n section.light{border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:50px; flex-wrap:wrap;}\n .section-head h2{font-family:'Libre Caslon Display',serif; font-weight:400; font-size:clamp(27px,3.2vw,42px); line-height:1.12; max-width:620px; color:var(--text) !important;}\n .section-head .more{font-family:'Space Grotesk',sans-serif; font-size:13px; letter-spacing:0.06em; text-transform:uppercase; color:var(--accent-hover) !important; white-space:nowrap;}\n .section-head .more:hover{color:var(--text) !important;}\n\n \/* ---------- Portfolio grid ---------- *\/\n .portfolio-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\n .ph{display:block; aspect-ratio:3\/4; overflow:hidden; position:relative;}\n .ph .swatch{width:100%; height:100%; background:repeating-linear-gradient(120deg, #262626 0px, #262626 2px, #141414 2px, #141414 5px);}\n .ph img{width:100%; height:100%; object-fit:cover; display:block;}\n .ph .cap{position:absolute; bottom:0; left:0; right:0; padding:12px 14px; background:linear-gradient(0deg, rgba(13,15,11,0.9), transparent); font-family:'Space Grotesk',sans-serif; font-size:11.5px; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-dim) !important;}\n\n \/* ---------- Centered CTA banner ---------- *\/\n .cta-banner{max-width:620px; margin:0 auto; text-align:center;}\n .cta-banner .eyebrow{justify-content:center;}\n .cta-banner .eyebrow::after{display:none;}\n .cta-banner h2{font-family:'Libre Caslon Display',serif; font-weight:400; font-size:clamp(27px,3.2vw,38px); line-height:1.15; margin-bottom:16px; color:var(--text) !important;}\n .cta-banner p{color:var(--text-dim) !important; font-size:15.5px; margin-bottom:30px;}\n\n \/* ---------- Lightbox ---------- *\/\n .portfolio-grid .ph{cursor:zoom-in;}\n .lightbox{position:fixed; inset:0; z-index:100; background:rgba(8,7,5,0.94); display:none; align-items:center; justify-content:center; padding:60px 40px; cursor:zoom-out;}\n .lightbox.open{display:flex;}\n .lightbox img{max-width:100%; max-height:100%; object-fit:contain; border:1px solid var(--accent); cursor:default;}\n .lightbox-close{\n position:absolute; top:24px; right:32px; background:none; border:1px solid var(--line); color:var(--text) !important;\n font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase;\n padding:10px 18px; cursor:pointer; transition:border-color .2s, color .2s;\n }\n .lightbox-close:hover{border-color:var(--accent); color:var(--accent-hover) !important;}\n\n footer{padding:64px 0 46px; border-top:1px solid var(--line);}\n .footer-top{display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap; margin-bottom:40px;}\n footer .logo{margin-bottom:8px; color:var(--text) !important;}\n footer .addr{color:var(--text-dim) !important; font-size:13.5px; max-width:280px;}\n .foot-links{display:flex; gap:26px; font-family:'Space Grotesk',sans-serif; font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-dim) !important;}\n .foot-links a:hover{color:var(--accent-hover) !important;}\n .foot-bottom{padding-top:22px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:var(--text-dim) !important; font-size:11.5px;}\n\n .hamburger{\n display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:8px;\n }\n .hamburger span{width:24px; height:2px; background:var(--text);}\n @media (max-width:820px){\n .hamburger{display:flex;}\n .navlinks{\n display:none; position:absolute; top:80px; left:0; right:0;\n flex-direction:column; gap:0; background:var(--bg-alt); border-bottom:1px solid var(--line);\n }\n .navlinks.open{display:flex;}\n .navlinks a{padding:18px 24px; font-size:20px; border-bottom:1px solid var(--line);}\n .cart{display:none;}\n .hero{min-height:460px;}\n .hero .wrap{padding-top:70px; padding-bottom:50px;}\n .hero-copy{max-width:100%;}\n .portfolio-grid{grid-template-columns:repeat(2,1fr);}\n section{padding:70px 0;}\n .wrap{padding:0 22px;}\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <nav class=\"wrap\">\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2026\/08\/IMG_2957-scaled.png\" alt=\"Juano Fr\u00edas logo\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n Juano Fr\u00edas\n <\/a>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Open menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <div class=\"navlinks\" id=\"navlinks\">\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/bio\/\">Bio<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/\">Art<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/gallery\/\" class=\"current\">Tattoo<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/courses\/\">Courses<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/shop-2\/\">Shop<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\">Contact<\/a>\n <\/div>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/shop-2\/\" class=\"cart\">Cart (0)<\/a>\n <\/nav>\n<\/header>\n\n<section class=\"hero\">\n <div class=\"hero-bg\">\n <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2024\/06\/IMG_2777.jpg\" alt=\"Featured tattoo\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n <\/div>\n <div class=\"wrap\">\n <div class=\"hero-copy\">\n <div class=\"eyebrow\">Tattoo<\/div>\n <h1>Realism tattoo, worked from the same study of light and anatomy.<\/h1>\n <p class=\"sub\">The body as a living canvas \u2014 the same classical drawing and observation used in the oil paintings, adapted to skin.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\" class=\"btn\">Book a consultation \u2192<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/\" class=\"btn ghost\">See the painting portfolio \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"light\">\n <div class=\"wrap\">\n <div class=\"eyebrow\">Selected work<\/div>\n <div class=\"section-head\">\n <h2>A selection of tattoo work.<\/h2>\n <\/div>\n <div class=\"portfolio-grid\">\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/05\/teatro.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2024\/06\/IMG_2776.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2024\/06\/IMG_2771.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2022\/12\/IMG-5185.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2022\/12\/2CD74896-263C-41D0-AABE-141D8587AD2E.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/10\/B7A59A2D-36FE-487D-96EA-6B61989DFA8D-scaled.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/10\/DSC03156-scaled.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2023\/01\/syd.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2022\/12\/IMG-5183.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap cta-banner\">\n <div class=\"eyebrow\">Bookings<\/div>\n <h2>Interested in a tattoo?<\/h2>\n <p>I take a limited number of realism tattoo bookings \u2014 get in touch with your idea and reference material and I'll follow up with availability.<\/p>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\" class=\"btn\">Get in touch \u2192<\/a>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n <div class=\"footer-top\">\n <div>\n <div class=\"logo\">Juano Fr\u00edas<\/div>\n <div class=\"addr\">Painter and tattoo artist, based in Florence.<\/div>\n <\/div>\n <div class=\"foot-links\">\n <a href=\"https:\/\/www.instagram.com\/juanofrias\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n <a href=\"https:\/\/www.youtube.com\/@JuanoFrias\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\">Contact<\/a>\n <\/div>\n <\/div>\n <div class=\"foot-bottom\">\n <span>\u00a9 2026 Juano Fr\u00edas<\/span>\n <span>Redesign proposal \u2014 not the live site<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"lightbox\" id=\"lightbox\">\n <button class=\"lightbox-close\" id=\"lightboxClose\">Close \u2715<\/button>\n <img decoding=\"async\" src=\"\" alt=\"Juano Fr\u00edas tattoo artist oil painter\" id=\"lightboxImg\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n<\/div>\n\n<script>\n document.getElementById('hamburger').addEventListener('click', function(){\n document.getElementById('navlinks').classList.toggle('open');\n });\n\n var lightbox = document.getElementById('lightbox');\n var lightboxImg = document.getElementById('lightboxImg');\n document.querySelectorAll('.portfolio-grid .ph img').forEach(function(img){\n img.closest('.ph').addEventListener('click', function(){\n lightboxImg.src = img.src;\n lightboxImg.alt = img.alt;\n lightbox.classList.add('open');\n });\n });\n lightbox.addEventListener('click', function(e){\n if(e.target === lightbox){ lightbox.classList.remove('open'); }\n });\n document.getElementById('lightboxClose').addEventListener('click', function(){\n lightbox.classList.remove('open');\n });\n document.addEventListener('keydown', function(e){\n if(e.key === 'Escape'){ lightbox.classList.remove('open'); }\n });\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>Juano Fr\u00edas \u2014 Tattoo (engraved plate) Juano Fr\u00edas Bio Art Tattoo Courses Shop Contact Cart (0) Tattoo Realism tattoo, worked from the same study of light and anatomy. The body as a living canvas \u2014 the same classical drawing and observation used in the oil paintings, adapted to skin. Book a consultation \u2192 See the […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":31,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":1253,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/38\/revisions\/1253"}],"wp:attachment":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/media?parent=38"}],"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\nJuano Fr\u00edas \u2014 Tattoo (engraved plate)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Caslon+Display&family=Libre+Caslon+Text:ital@0;1&family=Space+Grotesk:wght@400;500;600&family=Inter:opsz,wght@14..32,400;14..32,500&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg:#121212;\n --bg-alt:#202020;\n --surface:#404040;\n --text:#f3f1ea;\n --text-dim:#918c80;\n --accent:#b3814a;\n --accent-hover:#d9a86a;\n --line:#383838;\n --btn-ink:#17140f;\n }\n section.light{\n --bg:#f6f4ee;\n --bg-alt:#e2dfd6;\n --surface:#ffffff;\n --text:#1a1712;\n --text-dim:#6b6252;\n --accent:#96652f;\n --accent-hover:#7a4f22;\n --line:#dcd8cc;\n }\n html, body{background:var(--bg) !important; color:var(--text) !important;}\n *{box-sizing:border-box; margin:0; padding:0;}\n html{scroll-behavior:smooth;}\n body{\n background:var(--bg); color:var(--text) !important;\n font-family:'Inter',sans-serif; line-height:1.55;\n }\n img{display:block; max-width:100%;}\n a{color:inherit !important; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 40px;}\n em{font-style:italic; color:var(--accent-hover) !important;}\n\n \/* ---------- plate frame w\/ hatch corners ---------- *\/\n .plate{\n position:relative; border:1px solid var(--accent); padding:5px;\n }\n .plate::before{\n content:\"\"; position:absolute; inset:0; border:1px solid rgba(179,129,74,0.35);\n margin:5px; pointer-events:none;\n }\n .hatch{\n position:absolute; width:26px; height:26px; z-index:2; opacity:0.85;\n }\n .hatch svg{width:100%; height:100%;}\n .hatch.tl{top:-1px; left:-1px;}\n .hatch.tr{top:-1px; right:-1px; transform:scaleX(-1);}\n .hatch.bl{bottom:-1px; left:-1px; transform:scaleY(-1);}\n .hatch.br{bottom:-1px; right:-1px; transform:scale(-1,-1);}\n\n .plate-photo{overflow:hidden;}\n .plate-photo img{\n filter:grayscale(1) sepia(0.18) contrast(1.12) brightness(0.92);\n }\n .plate-photo .tint{\n position:absolute; inset:5px; background:var(--accent);\n mix-blend-mode:multiply; opacity:0.14; pointer-events:none;\n }\n\n \/* ---------- eyebrow \/ plate number ---------- *\/\n .eyebrow{\n font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:17px;\n letter-spacing:0.12em; text-transform:uppercase; color:var(--accent-hover) !important;\n display:flex; align-items:center; gap:14px; margin-bottom:24px;\n }\n .eyebrow::after{content:\"\"; flex:1; height:1px; background:var(--line);}\n\n \/* ---------- Header ---------- *\/\n header{position:sticky; top:0; z-index:50; background:rgba(13,15,11,0.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--line);}\n nav.wrap{display:flex; align-items:center; justify-content:space-between; height:80px;}\n .logo{font-family:'Libre Caslon Display',serif; font-size:26px; letter-spacing:0.02em; color:var(--text) !important; display:flex; align-items:center; gap:12px;}\n .logo img{height:52px; width:auto; display:block;}\n .navlinks{display:flex; gap:34px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:19px; letter-spacing:0.04em; text-transform:uppercase;}\n .navlinks a{color:var(--text-dim) !important; transition:color .2s;}\n .navlinks a:hover, .navlinks a.current{color:var(--accent-hover) !important;}\n .cart{display:flex; align-items:center; gap:6px; font-family:'Space Grotesk',sans-serif; font-size:14px; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-dim) !important; border:1px solid var(--line); padding:9px 16px;}\n .cart:hover{border-color:var(--accent) !important; color:var(--text) !important;}\n\n \/* ---------- Hero ---------- *\/\n .hero{position:relative; padding:0; min-height:560px; display:flex; align-items:center; overflow:hidden;}\n .hero-bg{position:absolute; inset:0; z-index:0;}\n .hero-bg img{width:100%; height:100%; object-fit:cover;}\n .hero-bg::after{content:\"\"; position:absolute; inset:0; background:linear-gradient(100deg, rgba(8,7,5,0.8) 0%, rgba(8,7,5,0.48) 38%, rgba(8,7,5,0.08) 68%, rgba(8,7,5,0) 82%);}\n .hero .wrap{position:relative; z-index:1; margin:0; padding-top:100px; padding-bottom:80px;}\n .hero-copy{max-width:560px;}\n .hero h1{font-family:'Libre Caslon Display',serif; font-weight:400; font-size:clamp(34px,4.4vw,58px); line-height:1.08; margin-bottom:20px; color:var(--text) !important; text-shadow:0 2px 20px rgba(0,0,0,0.6);}\n .hero p.sub{font-family:'Libre Caslon Text',serif; font-style:italic; font-size:18px; color:var(--text-dim) !important; max-width:460px; margin-bottom:32px; text-shadow:0 1px 14px rgba(0,0,0,0.6);}\n .hero .eyebrow{text-shadow:0 1px 14px rgba(0,0,0,0.6);}\n .hero-ctas{display:flex; gap:22px; flex-wrap:wrap;}\n .hero-ctas .btn.ghost{background:rgba(8,7,5,0.35); border-color:rgba(243,241,234,0.4) !important; color:var(--text) !important; text-shadow:0 1px 8px rgba(0,0,0,0.7);}\n .hero-ctas .btn.ghost:hover{background:rgba(8,7,5,0.5); border-color:var(--accent) !important;}\n .btn{\n display:inline-flex; align-items:center; gap:9px;\n font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13.5px; letter-spacing:0.06em; text-transform:uppercase;\n padding:15px 28px; border:1px solid var(--accent); background:var(--accent); color:var(--btn-ink) !important;\n transition:background .2s, color .2s;\n }\n .btn:hover{background:var(--accent-hover); border-color:var(--accent-hover) !important;}\n .btn.ghost{background:transparent; border-color:var(--line) !important; color:var(--text-dim) !important;}\n .btn.ghost:hover{border-color:var(--accent) !important; color:var(--text) !important;}\n\n \/* ---------- Sections ---------- *\/\n section{padding:100px 0; background:var(--bg);}\n section.alt{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n section.light{border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:50px; flex-wrap:wrap;}\n .section-head h2{font-family:'Libre Caslon Display',serif; font-weight:400; font-size:clamp(27px,3.2vw,42px); line-height:1.12; max-width:620px; color:var(--text) !important;}\n .section-head .more{font-family:'Space Grotesk',sans-serif; font-size:13px; letter-spacing:0.06em; text-transform:uppercase; color:var(--accent-hover) !important; white-space:nowrap;}\n .section-head .more:hover{color:var(--text) !important;}\n\n \/* ---------- Portfolio grid ---------- *\/\n .portfolio-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\n .ph{display:block; aspect-ratio:3\/4; overflow:hidden; position:relative;}\n .ph .swatch{width:100%; height:100%; background:repeating-linear-gradient(120deg, #262626 0px, #262626 2px, #141414 2px, #141414 5px);}\n .ph img{width:100%; height:100%; object-fit:cover; display:block;}\n .ph .cap{position:absolute; bottom:0; left:0; right:0; padding:12px 14px; background:linear-gradient(0deg, rgba(13,15,11,0.9), transparent); font-family:'Space Grotesk',sans-serif; font-size:11.5px; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-dim) !important;}\n\n \/* ---------- Centered CTA banner ---------- *\/\n .cta-banner{max-width:620px; margin:0 auto; text-align:center;}\n .cta-banner .eyebrow{justify-content:center;}\n .cta-banner .eyebrow::after{display:none;}\n .cta-banner h2{font-family:'Libre Caslon Display',serif; font-weight:400; font-size:clamp(27px,3.2vw,38px); line-height:1.15; margin-bottom:16px; color:var(--text) !important;}\n .cta-banner p{color:var(--text-dim) !important; font-size:15.5px; margin-bottom:30px;}\n\n \/* ---------- Lightbox ---------- *\/\n .portfolio-grid .ph{cursor:zoom-in;}\n .lightbox{position:fixed; inset:0; z-index:100; background:rgba(8,7,5,0.94); display:none; align-items:center; justify-content:center; padding:60px 40px; cursor:zoom-out;}\n .lightbox.open{display:flex;}\n .lightbox img{max-width:100%; max-height:100%; object-fit:contain; border:1px solid var(--accent); cursor:default;}\n .lightbox-close{\n position:absolute; top:24px; right:32px; background:none; border:1px solid var(--line); color:var(--text) !important;\n font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase;\n padding:10px 18px; cursor:pointer; transition:border-color .2s, color .2s;\n }\n .lightbox-close:hover{border-color:var(--accent); color:var(--accent-hover) !important;}\n\n footer{padding:64px 0 46px; border-top:1px solid var(--line);}\n .footer-top{display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap; margin-bottom:40px;}\n footer .logo{margin-bottom:8px; color:var(--text) !important;}\n footer .addr{color:var(--text-dim) !important; font-size:13.5px; max-width:280px;}\n .foot-links{display:flex; gap:26px; font-family:'Space Grotesk',sans-serif; font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-dim) !important;}\n .foot-links a:hover{color:var(--accent-hover) !important;}\n .foot-bottom{padding-top:22px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:var(--text-dim) !important; font-size:11.5px;}\n\n .hamburger{\n display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:8px;\n }\n .hamburger span{width:24px; height:2px; background:var(--text);}\n @media (max-width:820px){\n .hamburger{display:flex;}\n .navlinks{\n display:none; position:absolute; top:80px; left:0; right:0;\n flex-direction:column; gap:0; background:var(--bg-alt); border-bottom:1px solid var(--line);\n }\n .navlinks.open{display:flex;}\n .navlinks a{padding:18px 24px; font-size:20px; border-bottom:1px solid var(--line);}\n .cart{display:none;}\n .hero{min-height:460px;}\n .hero .wrap{padding-top:70px; padding-bottom:50px;}\n .hero-copy{max-width:100%;}\n .portfolio-grid{grid-template-columns:repeat(2,1fr);}\n section{padding:70px 0;}\n .wrap{padding:0 22px;}\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <nav class=\"wrap\">\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2026\/08\/IMG_2957-scaled.png\" alt=\"Juano Fr\u00edas logo\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n Juano Fr\u00edas\n <\/a>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Open menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <div class=\"navlinks\" id=\"navlinks\">\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/bio\/\">Bio<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/\">Art<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/gallery\/\" class=\"current\">Tattoo<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/courses\/\">Courses<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/shop-2\/\">Shop<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\">Contact<\/a>\n <\/div>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/shop-2\/\" class=\"cart\">Cart (0)<\/a>\n <\/nav>\n<\/header>\n\n<section class=\"hero\">\n <div class=\"hero-bg\">\n <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2024\/06\/IMG_2777.jpg\" alt=\"Featured tattoo\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n <\/div>\n <div class=\"wrap\">\n <div class=\"hero-copy\">\n <div class=\"eyebrow\">Tattoo<\/div>\n <h1>Realism tattoo, worked from the same study of light and anatomy.<\/h1>\n <p class=\"sub\">The body as a living canvas \u2014 the same classical drawing and observation used in the oil paintings, adapted to skin.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\" class=\"btn\">Book a consultation \u2192<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/\" class=\"btn ghost\">See the painting portfolio \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"light\">\n <div class=\"wrap\">\n <div class=\"eyebrow\">Selected work<\/div>\n <div class=\"section-head\">\n <h2>A selection of tattoo work.<\/h2>\n <\/div>\n <div class=\"portfolio-grid\">\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/05\/teatro.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2024\/06\/IMG_2776.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2024\/06\/IMG_2771.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2022\/12\/IMG-5185.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2022\/12\/2CD74896-263C-41D0-AABE-141D8587AD2E.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/10\/B7A59A2D-36FE-487D-96EA-6B61989DFA8D-scaled.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/10\/DSC03156-scaled.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2023\/01\/syd.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2022\/12\/IMG-5183.jpg\" alt=\"Tattoo work\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap cta-banner\">\n <div class=\"eyebrow\">Bookings<\/div>\n <h2>Interested in a tattoo?<\/h2>\n <p>I take a limited number of realism tattoo bookings \u2014 get in touch with your idea and reference material and I'll follow up with availability.<\/p>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\" class=\"btn\">Get in touch \u2192<\/a>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n <div class=\"footer-top\">\n <div>\n <div class=\"logo\">Juano Fr\u00edas<\/div>\n <div class=\"addr\">Painter and tattoo artist, based in Florence.<\/div>\n <\/div>\n <div class=\"foot-links\">\n <a href=\"https:\/\/www.instagram.com\/juanofrias\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n <a href=\"https:\/\/www.youtube.com\/@JuanoFrias\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>\n <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\">Contact<\/a>\n <\/div>\n <\/div>\n <div class=\"foot-bottom\">\n <span>\u00a9 2026 Juano Fr\u00edas<\/span>\n <span>Redesign proposal \u2014 not the live site<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"lightbox\" id=\"lightbox\">\n <button class=\"lightbox-close\" id=\"lightboxClose\">Close \u2715<\/button>\n <img decoding=\"async\" src=\"\" alt=\"Juano Fr\u00edas tattoo artist oil painter\" id=\"lightboxImg\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n<\/div>\n\n<script>\n document.getElementById('hamburger').addEventListener('click', function(){\n document.getElementById('navlinks').classList.toggle('open');\n });\n\n var lightbox = document.getElementById('lightbox');\n var lightboxImg = document.getElementById('lightboxImg');\n document.querySelectorAll('.portfolio-grid .ph img').forEach(function(img){\n img.closest('.ph').addEventListener('click', function(){\n lightboxImg.src = img.src;\n lightboxImg.alt = img.alt;\n lightbox.classList.add('open');\n });\n });\n lightbox.addEventListener('click', function(e){\n if(e.target === lightbox){ lightbox.classList.remove('open'); }\n });\n document.getElementById('lightboxClose').addEventListener('click', function(){\n lightbox.classList.remove('open');\n });\n document.addEventListener('keydown', function(e){\n if(e.key === 'Escape'){ lightbox.classList.remove('open'); }\n });\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>Juano Fr\u00edas \u2014 Tattoo (engraved plate) Juano Fr\u00edas Bio Art Tattoo Courses Shop Contact Cart (0) Tattoo Realism tattoo, worked from the same study of light and anatomy. The body as a living canvas \u2014 the same classical drawing and observation used in the oil paintings, adapted to skin. Book a consultation \u2192 See the […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":31,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":1253,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/38\/revisions\/1253"}],"wp:attachment":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}