{"id":36,"date":"2022-06-06T13:34:01","date_gmt":"2022-06-06T12:34:01","guid":{"rendered":"https:\/\/juanofrias.com.ar\/art\/about\/"},"modified":"2026-08-12T15:56:16","modified_gmt":"2026-08-12T14:56:16","slug":"about","status":"publish","type":"page","link":"https:\/\/www.juanofrias.com.ar\/art\/about\/","title":{"rendered":"Art"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36\" class=\"elementor elementor-36\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-396425b e-flex e-con-boxed e-con e-parent\" data-id=\"396425b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62a5457 elementor-widget elementor-widget-html\" data-id=\"62a5457\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Juano Fr\u00edas \u2014 Art \/ Painting (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); transition:opacity .2s;}\n  .ph img{width:100%; height:100%; object-fit:cover; display:block; transition:opacity .2s;}\n  a.ph:hover img{opacity:0.85;}\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; transition:color .2s;}\n  a.ph:hover .swatch{opacity:0.8;}\n  a.ph:hover .cap{color:var(--accent-hover) !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  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\/\" class=\"current\">Art<\/a>\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/gallery\/\">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\/2025\/10\/DSC02971-scaled.jpg\" alt=\"Featured painting\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n  <\/div>\n  <div class=\"wrap\">\n    <div class=\"hero-copy\">\n      <div class=\"eyebrow\">Oil painting<\/div>\n      <h1>Portraits, figures and plein air studies, worked from life.<\/h1>\n      <p class=\"sub\">Realist oil painting rooted in classical drawing \u2014 portrait commissions, figure studies and work painted outdoors in Florence.<\/p>\n      <div class=\"hero-ctas\">\n        <a href=\"https:\/\/www.juanofrias.com.ar\/art\/courses\/\" class=\"btn\">View the painting course \u2192<\/a>\n        <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\" class=\"btn ghost\">Inquire about a commission \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"light\">\n  <div class=\"wrap\">\n    <div class=\"eyebrow\">Series<\/div>\n    <div class=\"section-head\">\n      <h2>Explore the work by series.<\/h2>\n    <\/div>\n    <div class=\"portfolio-grid\">\n      <a class=\"ph\" href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/memento-mori\/\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2026\/01\/minim.jpg\" alt=\"Memento Mori\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><div class=\"cap\">Memento Mori \u2014 view series \u2192<\/div><\/a>\n      <a class=\"ph\" href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/call-of-the-abyss\/\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/05\/manob.jpg\" alt=\"The Call of the Abyss\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><div class=\"cap\">The Call of the Abyss \u2014 view series \u2192<\/div><\/a>\n      <a class=\"ph\" href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/madonna-delle-stelle\/\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/05\/madoa.jpg\" alt=\"Madonna delle Stelle\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><div class=\"cap\">Madonna delle Stelle \u2014 view series \u2192<\/div><\/a>\n      <a class=\"ph\" href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/portraits\/\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/10\/carlo-scaled.jpg\" alt=\"Portraits\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><div class=\"cap\">Portraits \u2014 view series \u2192<\/div><\/a>\n      <a class=\"ph\" href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/landscapes\/\"><img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/10\/ponte2-scaled.jpg\" alt=\"Landscapes\" title=\"Juano Fr\u00edas tattoo artist oil painter\"><div class=\"cap\">Landscapes \u2014 view series \u2192<\/div><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section>\n  <div class=\"wrap cta-banner\">\n    <div class=\"eyebrow\">Commissions<\/div>\n    <h2>Interested in a painted portrait?<\/h2>\n    <p>I take a limited number of portrait commissions each year, worked in oil from life or from reference photography.<\/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<script>\n  document.getElementById('hamburger').addEventListener('click', function(){\n    document.getElementById('navlinks').classList.toggle('open');\n  });\n<\/script>\n<\/body>\n<\/html>\n\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 Art \/ Painting (engraved plate) Juano Fr\u00edas Bio Art Tattoo Courses Shop Contact Cart (0) Oil painting Portraits, figures and plein air studies, worked from life. Realist oil painting rooted in classical drawing \u2014 portrait commissions, figure studies and work painted outdoors in Florence. View the painting course \u2192 Inquire about a [&hellip;]<\/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-36","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/36","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=36"}],"version-history":[{"count":74,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":1252,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/36\/revisions\/1252"}],"wp:attachment":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}