{"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-07-31T15:00:06","modified_gmt":"2026-07-31T14:00:06","slug":"about-v-4","status":"publish","type":"page","link":"https:\/\/ocjdesigns.com\/index.php\/about-v-4\/","title":{"rendered":"About Us"},"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-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\">\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-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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: 100px 20px;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Layout Grid *\/\r\n    .artisan-story-scope .artisan-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 70px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Image Styling with Entrance Animation *\/\r\n    .artisan-story-scope .artisan-image-container {\r\n        width: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 2px;\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 img {\r\n        width: 100%;\r\n        height: auto;\r\n        max-height: 650px;\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    }\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 with Entrance Animation *\/\r\n    .artisan-story-scope .artisan-content {\r\n        padding-right: 20px;\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.5rem, 3.5vw, 3.2rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.2;\r\n        margin-bottom: 35px;\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: 0.95rem;\r\n        color: var(--text-main);\r\n        line-height: 1.85;\r\n        font-weight: 300;\r\n        margin-bottom: 25px;\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 *\/\r\n    @media (max-width: 900px) {\r\n        .artisan-story-scope .artisan-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n\r\n        .artisan-story-scope .artisan-content {\r\n            padding-right: 0;\r\n        }\r\n\r\n        .artisan-story-scope .artisan-story-section {\r\n            padding: 60px 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: Artisan Image -->\r\n            <div class=\"artisan-image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_00bfbcf2c78341cb8b2a0d0e1139450dmv2.webp\" alt=\"Master jeweler working on ring craftsmanship\">\r\n            <\/div>\r\n\r\n            <!-- Right Column: Story Text & Copy -->\r\n            <div class=\"artisan-content\">\r\n                <span class=\"artisan-subtitle\">The Artisan's Story<\/span>\r\n                <h2 class=\"artisan-title\">A Journey Forged in <span>Passion<\/span><\/h2>\r\n                \r\n                <p class=\"artisan-text\">\r\n                    My journey begins in childhood, in the plazas of Quito, Ecuador, where I first encountered professional jewelers whose craft spoke a universal language of beauty and precision. That moment ignited a fire that has burned for over four decades.\r\n                <\/p>\r\n                \r\n                <p class=\"artisan-text\">\r\n                    Moving to California in my late teens, I entered the world of jewelry manufacturing \u2014 learning the trade from the ground up. I trained at the Gemological Institute of America and completed my degree in arts and jewelry design, working alongside master craftsmen to absorb every technique, trick, and secret of this magnificent art.\r\n                <\/p>\r\n                \r\n                <p class=\"artisan-text\">\r\n                    Today, after working with some of Michigan's most prestigious jewelers and teaching the craft for over twenty years, I continue to create, innovate, and educate \u2014 guided by one principle: this art requires passion, patience, knowledge, and love.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\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-f258065 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=\"f258065\" data-element_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-c2158de\" data-id=\"c2158de\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-d4db271 elementor-widget elementor-widget-html\" data-id=\"d4db271\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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    .journey-timeline-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .journey-timeline-scope {\r\n        --bg-color: #0c0c0c;\r\n        --card-bg: #141414;\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #f4f4f4;\r\n        --accent-gold: #c5a059;\r\n        --border-color: #262626;\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;\r\n    }\r\n\r\n    \/* Section Header *\/\r\n    .journey-timeline-scope .journey-header {\r\n        text-align: center;\r\n        max-width: 700px;\r\n        margin: 0 auto 80px auto;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n\r\n    .journey-timeline-scope .journey-subtitle {\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    .journey-timeline-scope .journey-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.2;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .journey-timeline-scope .journey-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .journey-timeline-scope .journey-intro-desc {\r\n        font-size: 0.95rem;\r\n        color: var(--text-main);\r\n        font-weight: 300;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* Timeline Container & Central Line *\/\r\n    .journey-timeline-scope .timeline-container {\r\n        position: relative;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        left: 50%;\r\n        width: 1px;\r\n        background-color: var(--border-color);\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    \/* Timeline Item Rows *\/\r\n    .journey-timeline-scope .timeline-item {\r\n        position: relative;\r\n        margin-bottom: 60px;\r\n        width: 50%;\r\n        opacity: 0;\r\n        animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-item:nth-child(odd) {\r\n        left: 0;\r\n        padding-right: 50px;\r\n        text-align: right;\r\n        animation-delay: 0.2s;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-item:nth-child(even) {\r\n        left: 50%;\r\n        padding-left: 50px;\r\n        text-align: left;\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n    \/* Timeline Nodes \/ Dots *\/\r\n    .journey-timeline-scope .timeline-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 24px;\r\n        width: 12px;\r\n        height: 12px;\r\n        background-color: var(--bg-color);\r\n        border: 2px solid var(--accent-gold);\r\n        border-radius: 50%;\r\n        z-index: 2;\r\n        transition: background-color 0.3s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-item:nth-child(odd)::after {\r\n        right: -6px;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-item:nth-child(even)::after {\r\n        left: -6px;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-item:hover::after {\r\n        background-color: var(--accent-gold);\r\n        transform: scale(1.3);\r\n    }\r\n\r\n    \/* Timeline Content Card *\/\r\n    .journey-timeline-scope .timeline-content {\r\n        background-color: var(--card-bg);\r\n        border: 1px solid var(--border-color);\r\n        padding: 35px;\r\n        border-radius: 4px;\r\n        position: relative;\r\n        transition: border-color 0.4s ease, transform 0.4s ease;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-item:hover .timeline-content {\r\n        border-color: var(--accent-gold);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-year {\r\n        font-family: var(--font-sans);\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.25em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 12px;\r\n        display: block;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-heading {\r\n        font-family: var(--font-serif);\r\n        font-size: 1.6rem;\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        margin-bottom: 15px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .journey-timeline-scope .timeline-desc {\r\n        font-size: 0.9rem;\r\n        color: var(--text-main);\r\n        line-height: 1.7;\r\n        font-weight: 300;\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 for Mobile\/Tablets *\/\r\n    @media (max-width: 768px) {\r\n        .journey-timeline-scope .timeline-container::before {\r\n            left: 20px;\r\n        }\r\n\r\n        .journey-timeline-scope .timeline-item {\r\n            width: 100%;\r\n            padding-left: 50px !important;\r\n            padding-right: 0 !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .journey-timeline-scope .timeline-item:nth-child(even) {\r\n            left: 0;\r\n        }\r\n\r\n        .journey-timeline-scope .timeline-item::after {\r\n            left: 14px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated HTML Timeline Section -->\r\n<div class=\"journey-timeline-scope\">\r\n    <div class=\"journey-header\">\r\n        <span class=\"journey-subtitle\">The Journey<\/span>\r\n        <h2 class=\"journey-title\">Four Decades of <span>Mastery<\/span><\/h2>\r\n        <p class=\"journey-intro-desc\">From the plazas of Ecuador to a world-class atelier in Michigan.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-container\">\r\n        <!-- Item 1 -->\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-content\">\r\n                <span class=\"timeline-year\">Early Years<\/span>\r\n                <h3 class=\"timeline-heading\">A Spark in Quito<\/h3>\r\n                <p class=\"timeline-desc\">Growing up in Ecuador, a young Orlando was captivated by visiting jewelers \u2014 igniting a lifelong passion for the art of precious metals and gemstones.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 2 -->\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-content\">\r\n                <span class=\"timeline-year\">California<\/span>\r\n                <h3 class=\"timeline-heading\">The Foundation<\/h3>\r\n                <p class=\"timeline-desc\">Relocating to California, Orlando began his career in a jewelry manufacturing company, immersing himself in the craft from the ground up.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 3 -->\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-content\">\r\n                <span class=\"timeline-year\">GIA<\/span>\r\n                <h3 class=\"timeline-heading\">Gemological Excellence<\/h3>\r\n                <p class=\"timeline-desc\">Graduating from the Gemological Institute of America, mastering the science of gemstones and earning his certification as a professional Gemologist.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 4 -->\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-content\">\r\n                <span class=\"timeline-year\">Michigan<\/span>\r\n                <h3 class=\"timeline-heading\">Master of the Trade<\/h3>\r\n                <p class=\"timeline-desc\">After years with one of Michigan's most prestigious jewelers, Orlando opened his own establishment \u2014 OCJ Designs \u2014 bringing his vision to life.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 5 -->\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-content\">\r\n                <span class=\"timeline-year\">Today<\/span>\r\n                <h3 class=\"timeline-heading\">40+ Years of Mastery<\/h3>\r\n                <p class=\"timeline-desc\">A Master Jeweler, Gemologist, CAD Designer, and Metals Professor with decades of accolades, continuing to push the boundaries of the craft.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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-f05c83b 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=\"f05c83b\" data-element_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-47edbd4\" data-id=\"47edbd4\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-7bb4623 elementor-widget elementor-widget-html\" data-id=\"7bb4623\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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    .bold-cta-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .bold-cta-scope {\r\n        --text-main: #c4c4c4;\r\n        --heading-color: #ffffff;\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        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        padding: 120px 20px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Image with Clear, Crisp Visibility and Dark Vignette Overlay *\/\r\n    .bold-cta-scope::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url('https:\/\/ocjdesigns.com\/wp-content\/uploads\/2026\/07\/w3.jpg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Bold Container Layout with Heavy Frame *\/\r\n    .bold-cta-scope .bold-cta-container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        background-color: rgba(18, 18, 18, 0.75);\r\n        backdrop-filter: blur(3px);\r\n        border: 2px solid var(--accent-gold);\r\n        padding: 80px 60px;\r\n        position: relative;\r\n        z-index: 2;\r\n        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9), inset 0 0 40px rgba(197, 160, 89, 0.05);\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    }\r\n\r\n    \/* Content Layout *\/\r\n    .bold-cta-scope .bold-cta-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .bold-cta-scope .bold-cta-subtitle {\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.4em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 20px;\r\n        display: block;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .bold-cta-scope .bold-cta-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.8rem, 4.5vw, 4.2rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.15;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .bold-cta-scope .bold-cta-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .bold-cta-scope .bold-cta-description {\r\n        font-size: 1.05rem;\r\n        color: var(--text-main);\r\n        line-height: 1.8;\r\n        font-weight: 300;\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    \/* High-Impact Bold Button *\/\r\n    .bold-cta-scope .bold-cta-button {\r\n        display: inline-block;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.3em;\r\n        color: #080808;\r\n        background-color: var(--accent-gold);\r\n        padding: 20px 48px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        position: relative;\r\n        overflow: hidden;\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.3);\r\n    }\r\n\r\n    .bold-cta-scope .bold-cta-button:hover {\r\n        background-color: var(--accent-gold-hover);\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 15px 40px rgba(197, 160, 89, 0.45);\r\n    }\r\n\r\n    \/* Keyframe Animation *\/\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 Adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .bold-cta-scope {\r\n            padding: 80px 15px;\r\n        }\r\n\r\n        .bold-cta-scope .bold-cta-container {\r\n            padding: 50px 25px;\r\n            border-width: 1px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Bold Call-to-Action Section with Clear Background Image -->\r\n<div class=\"bold-cta-scope\">\r\n    <div class=\"bold-cta-container\">\r\n        <div class=\"bold-cta-content\">\r\n            <span class=\"bold-cta-subtitle\">Work with Orlando<\/span>\r\n            <h2 class=\"bold-cta-title\">Let's Create Something <span>Extraordinary<\/span><\/h2>\r\n            <p class=\"bold-cta-description\">\r\n                Whether you envision a custom engagement ring, want to restore a family heirloom, or dream of learning the craft yourself \u2014 it all begins with a conversation.\r\n            <\/p>\r\n            <a href=\"https:\/\/ocjdesigns.com\/index.php\/contact-v-4\/\" class=\"bold-cta-button\">Begin Your Commission<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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 A Journey Forged in Passion My journey begins in childhood, in the plazas of Quito, Ecuador, where I first encountered professional jewelers whose craft spoke a universal language of beauty and precision. That moment ignited a fire that has burned for over four decades. Moving to California in my late teens, 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:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/3495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/comments?post=3495"}],"version-history":[{"count":10,"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions"}],"predecessor-version":[{"id":5978,"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions\/5978"}],"wp:attachment":[{"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/media?parent=3495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}