{"id":3495,"date":"2020-02-07T02:16:59","date_gmt":"2020-02-07T02:16:59","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=3495"},"modified":"2026-08-07T00:27:11","modified_gmt":"2026-08-06T23:27:11","slug":"about-v-4","status":"publish","type":"page","link":"https:\/\/www.ocjdesigns.com\/index.php\/about-v-4\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3495\" class=\"elementor elementor-3495\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-46be3a7 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"46be3a7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d71ed0\" data-id=\"9d71ed0\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-41edd8f elementor-widget elementor-widget-html\" data-id=\"41edd8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Base for Component Scope *\/\r\n    .artisan-story-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .artisan-story-scope {\r\n        --bg-color: #0c0c0c;\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #f4f4f4;\r\n        --accent-gold: #c5a059;\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        background-color: var(--bg-color);\r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Section Container *\/\r\n    .artisan-story-scope .artisan-story-section {\r\n        padding: 120px 20px;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Layout Grid - Adjusted for better balance *\/\r\n    .artisan-story-scope .artisan-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr; \/* Slightly wider text column *\/\r\n        gap: 80px;\r\n        align-items: start; \/* Align to top for long text *\/\r\n    }\r\n\r\n    \/* --- Enhanced Image Styling --- *\/\r\n    .artisan-story-scope .artisan-image-wrapper {\r\n        position: sticky;\r\n        top: 100px; \/* Keeps the image in view while scrolling *\/\r\n        padding: 20px;\r\n        background: linear-gradient(145deg, #141414, #090909); \/* Subtle texture background *\/\r\n        border-radius: 4px;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.5); \/* Deep shadow for luxury feel *\/\r\n        \r\n        \/* Entrance Animation *\/\r\n        opacity: 0;\r\n        transform: translateX(-40px);\r\n        animation: slideInLeft 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n\r\n    .artisan-story-scope .artisan-image-container {\r\n        width: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 1px solid var(--accent-gold); \/* Thin gold border *\/\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .artisan-story-scope .artisan-image-container img {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 700px; \/* Ensures good height *\/\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n        filter: contrast(1.05) saturate(1.05); \/* Minor enhancement *\/\r\n    }\r\n\r\n    .artisan-story-scope .artisan-image-container:hover img {\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    \/* --- Text Content Styling --- *\/\r\n    .artisan-story-scope .artisan-content {\r\n        \/* Entrance Animation *\/\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\r\n    }\r\n\r\n    .artisan-story-scope .artisan-subtitle {\r\n        font-family: var(--font-sans);\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.35em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 20px;\r\n        display: block;\r\n    }\r\n\r\n    .artisan-story-scope .artisan-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.8rem, 4vw, 3.5rem); \/* Slightly larger title *\/\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.1;\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .artisan-story-scope .artisan-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .artisan-story-scope .artisan-text {\r\n        font-size: 1rem;\r\n        color: var(--text-main);\r\n        line-height: 1.9;\r\n        font-weight: 300;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .artisan-story-scope .artisan-text:last-of-type {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Keyframe Animations *\/\r\n    @keyframes slideInLeft {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Responsive Design - Stacks on tablets\/mobiles *\/\r\n    @media (max-width: 1024px) {\r\n        .artisan-story-scope .artisan-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 60px;\r\n        }\r\n\r\n        .artisan-story-scope .artisan-image-wrapper {\r\n            position: relative; \/* Remove sticky on mobile *\/\r\n            top: 0;\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .artisan-story-scope .artisan-story-section {\r\n            padding: 80px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated HTML Section -->\r\n<div class=\"artisan-story-scope\">\r\n    <section class=\"artisan-story-section\">\r\n        <div class=\"artisan-grid\">\r\n            <!-- Left Column: Enhanced Image Area -->\r\n            <div class=\"artisan-image-wrapper\">\r\n                <div class=\"artisan-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/08\/Capture.png\" alt=\"Master jeweler Luis Moran at work\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column: Story Text -->\r\n            <div class=\"artisan-content\">\r\n                <span class=\"artisan-subtitle\">The Artisan's Story<\/span>\r\n                <h2 class=\"artisan-title\">My Journey in the <span>Art of Jewelry<\/span><\/h2>\r\n                \r\n                <p class=\"artisan-text\">\r\n                    My journey began during my childhood in my hometown of Quito, Ecuador. One day, while walking through a local plaza, I heard a group of people speaking a language I did not understand. It immediately caught my attention and made me wish that someday I could speak another language too.\r\n                <\/p>\r\n                \r\n                <p class=\"artisan-text\">\r\n                    Curious, I asked who they were and what they did. One of the tourists, who spoke Spanish, explained that they were professional jewelers from California, USA, visiting Ecuador on vacation. I didn't know it at the time, but that simple encounter would stay in my mind and eventually become part of the direction of my life.\r\n                <\/p>\r\n\r\n                <p class=\"artisan-text\">\r\n                    In my late teens, I moved to California. By coincidence\u2014or perhaps destiny\u2014my first job was with a jewelry manufacturing company. That opportunity opened the door to a world that would become my lifelong passion.\r\n                <\/p>\r\n\r\n                <p class=\"artisan-text\">\r\n                    Wanting to learn the profession properly, I attended the Gemological Institute of America (GIA), one of the most respected institutions in the jewelry and gemological industry. Later, I completed my studies in art and jewelry design.\r\n                <\/p>\r\n\r\n                <p class=\"artisan-text\">\r\n                    But I quickly learned that jewelry making cannot be mastered from books or classrooms alone. I worked for different companies, constantly seeking more experience and learning the techniques, tricks, secrets, and traditions of this extraordinary craft. Every jeweler, every workshop, every mistake, and every piece I created taught me something new.\r\n                <\/p>\r\n\r\n                <p class=\"artisan-text\">\r\n                    Eventually, I moved to Michigan, where I worked for one of the area's prestigious jewelers before taking the next major step in my journey: opening my own establishment.\r\n                <\/p>\r\n\r\n                <p class=\"artisan-text\">\r\n                    Over the years, the jewelry industry has changed dramatically. Technology has advanced to an incredible level, transforming the way we design, manufacture, and learn. CAD, 3D design, printing, and modern manufacturing methods have made things possible that would have been unimaginable when I first entered the trade.\r\n                <\/p>\r\n\r\n                <p class=\"artisan-text\">\r\n                    But technology has not replaced the artisan. Instead, it has challenged us to evolve. Those of us who learned jewelry making with our hands have also had to learn how to work side by side with computers and constantly changing technology while preserving the craftsmanship and knowledge that machines cannot replace.\r\n                <\/p>\r\n\r\n                <p class=\"artisan-text\">\r\n                    For more than 40 years, I have also had the privilege of teaching jewelry making and CAD design, sharing the knowledge and experience I have accumulated throughout my career and receiving many recognitions along the way.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ef2fa0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"8ef2fa0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-narrow \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd94812\" data-id=\"dd94812\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-78a03a5 elementor-widget elementor-widget-text-editor\" data-id=\"78a03a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>Jewelry making is not simply a trade. It is an art that requires passion, patience, knowledge, skill\u2014and above all, a great deal of love.<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-22c6644 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"22c6644\" data-element_type=\"section\" data-e-type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-df2f112\" data-id=\"df2f112\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-f97d204 elementor-widget elementor-widget-html\" data-id=\"f97d204\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Encapsulated Scope *\/\r\n    .luxury-cta-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .luxury-cta-scope {\r\n        --bg-color: #060606;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-hover: #dfbc77;\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        background-color: var(--bg-color);\r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        padding: 100px 20px 140px 20px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Container *\/\r\n    .luxury-cta-scope .lcta-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Bold Animated Banner Box with Background Image *\/\r\n    .luxury-cta-scope .lcta-banner {\r\n        position: relative;\r\n        background-image: linear-gradient(135deg, rgba(12, 12, 12, 0.92) 0%, rgba(6, 6, 6, 0.95) 100%), url('https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_86e3b0b2899648bc9594f8684caa3cd1mv2.webp');\r\n        background-size: cover;\r\n        background-position: center;\r\n        border: 1px solid rgba(197, 160, 89, 0.35);\r\n        border-radius: 4px;\r\n        padding: 90px 60px;\r\n        text-align: center;\r\n        overflow: hidden;\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9), inset 0 0 40px rgba(197, 160, 89, 0.03);\r\n    }\r\n\r\n    \/* Glowing Accent Background Lines *\/\r\n    .luxury-cta-scope .lcta-banner::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Subtitle Tag *\/\r\n    .luxury-cta-scope .lcta-subtitle {\r\n        position: relative;\r\n        z-index: 2;\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.45em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 25px;\r\n        display: block;\r\n        font-weight: 600;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* Big Bold Title *\/\r\n    .luxury-cta-scope .lcta-title {\r\n        position: relative;\r\n        z-index: 2;\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.8rem, 5.5vw, 4.8rem);\r\n        font-weight: 400;\r\n        color: #ffffff;\r\n        line-height: 1.15;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .luxury-cta-scope .lcta-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    \/* Description \/ Intro text *\/\r\n    .luxury-cta-scope .lcta-desc {\r\n        position: relative;\r\n        z-index: 2;\r\n        font-size: 1.15rem;\r\n        color: #cccccc;\r\n        font-weight: 300;\r\n        letter-spacing: 0.15em;\r\n        text-transform: uppercase;\r\n        line-height: 1.8;\r\n        max-width: 900px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    \/* Action Buttons Group *\/\r\n    .luxury-cta-scope .lcta-btn-group {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Primary Gold Button with Arrow *\/\r\n    .luxury-cta-scope .btn-gold {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.25em;\r\n        color: #060606;\r\n        background-color: var(--accent-gold);\r\n        padding: 22px 40px;\r\n        border-radius: 2px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        transition: background-color 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n        box-shadow: 0 10px 30px rgba(197, 160, 89, 0.25);\r\n    }\r\n\r\n    .luxury-cta-scope .btn-gold svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .luxury-cta-scope .btn-gold:hover {\r\n        background-color: var(--accent-gold-hover);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 35px rgba(197, 160, 89, 0.4);\r\n    }\r\n\r\n    .luxury-cta-scope .btn-gold:hover svg {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* Secondary Outlined Button *\/\r\n    .luxury-cta-scope .btn-outline {\r\n        display: inline-block;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.25em;\r\n        color: #ffffff;\r\n        background-color: transparent;\r\n        border: 1px solid rgba(197, 160, 89, 0.4);\r\n        padding: 22px 40px;\r\n        border-radius: 2px;\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        transition: border-color 0.4s ease, background-color 0.4s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .luxury-cta-scope .btn-outline:hover {\r\n        border-color: var(--accent-gold);\r\n        background-color: rgba(197, 160, 89, 0.08);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Keyframe Animations *\/\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .luxury-cta-scope .lcta-banner {\r\n            padding: 60px 25px;\r\n        }\r\n\r\n        .luxury-cta-scope {\r\n            padding: 60px 15px 100px 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Big Bold Animated Call to Action Banner Section with Exact Content -->\r\n<div class=\"luxury-cta-scope\">\r\n    <div class=\"lcta-container\">\r\n        <div class=\"lcta-banner\">\r\n            <span class=\"lcta-subtitle\">Master Jeweler-Gemologist<\/span>\r\n            <h2 class=\"lcta-title\">Orlando <span>Cajamarca<\/span><\/h2>\r\n            <p class=\"lcta-desc\">Custom Jewelry &bull; Jewelry Repair &bull; We Buy Gold<\/p>\r\n            <div class=\"lcta-btn-group\">\r\n                <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/contact-v-4\/\" class=\"btn-gold\">\r\n                    Schedule a Consultation\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/a>\r\n                <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/gallery\/\" class=\"btn-outline\">View Gallery<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Artisan&#8217;s Story My Journey in the Art of Jewelry My journey began during my childhood in my hometown of Quito, Ecuador. One day, while walking through a local plaza, I heard a group of people speaking a language I did not understand. It immediately caught my attention and made me wish that someday I [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/3495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/comments?post=3495"}],"version-history":[{"count":10,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions"}],"predecessor-version":[{"id":6129,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions\/6129"}],"wp:attachment":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/media?parent=3495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}