{"id":5863,"date":"2026-07-31T00:48:37","date_gmt":"2026-07-30T23:48:37","guid":{"rendered":"https:\/\/ocjdesigns.com\/?page_id=5863"},"modified":"2026-07-31T15:02:41","modified_gmt":"2026-07-31T14:02:41","slug":"education","status":"publish","type":"page","link":"https:\/\/ocjdesigns.com\/index.php\/education\/","title":{"rendered":"Education"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5863\" class=\"elementor elementor-5863\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-e5bd9ed 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=\"e5bd9ed\" 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-d3c96d8\" data-id=\"d3c96d8\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-d2b5233 elementor-widget elementor-widget-html\" data-id=\"d2b5233\" 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    .become-jeweler-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .become-jeweler-scope {\r\n        --bg-color: #0c0c0c;\r\n        --card-bg: #141414;\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #ffffff;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-hover: #dfbc77;\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: 130px 20px;\r\n    }\r\n\r\n    \/* Container *\/\r\n    .become-jeweler-scope .bj-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Layout Grid *\/\r\n    .become-jeweler-scope .bj-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 70px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Left Content Area *\/\r\n    .become-jeweler-scope .bj-content {\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    .become-jeweler-scope .bj-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    .become-jeweler-scope .bj-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: 30px;\r\n    }\r\n\r\n    .become-jeweler-scope .bj-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .become-jeweler-scope .bj-text {\r\n        font-size: 1rem;\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    .become-jeweler-scope .bj-text:last-of-type {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    \/* Right Side Stats\/Accolades Blocks (Bold Look) *\/\r\n    .become-jeweler-scope .bj-stats-stack {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        transform: translateX(40px);\r\n        animation: slideInRight 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;\r\n    }\r\n\r\n    .become-jeweler-scope .bj-stat-card {\r\n        background-color: var(--card-bg);\r\n        border: 1px solid var(--border-color);\r\n        padding: 35px 40px;\r\n        border-radius: 2px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: border-color 0.4s ease, transform 0.4s ease, background-color 0.4s ease;\r\n    }\r\n\r\n    .become-jeweler-scope .bj-stat-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 4px;\r\n        height: 100%;\r\n        background-color: var(--accent-gold);\r\n        opacity: 0.7;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .become-jeweler-scope .bj-stat-card:hover {\r\n        border-color: var(--accent-gold);\r\n        background-color: #1a1a1a;\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .become-jeweler-scope .bj-stat-card:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .become-jeweler-scope .bj-stat-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2rem;\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .become-jeweler-scope .bj-stat-desc {\r\n        font-size: 0.95rem;\r\n        color: var(--text-main);\r\n        font-weight: 300;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Keyframe Animations *\/\r\n    @keyframes slideInLeft {\r\n        from { opacity: 0; transform: translateX(-40px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    @keyframes slideInRight {\r\n        from { opacity: 0; transform: translateX(40px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 900px) {\r\n        .become-jeweler-scope .bj-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n        }\r\n\r\n        .become-jeweler-scope {\r\n            padding: 80px 15px;\r\n        }\r\n\r\n        .become-jeweler-scope .bj-stat-card {\r\n            padding: 25px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Bold Become a Jeweler Section -->\r\n<div class=\"become-jeweler-scope\">\r\n    <div class=\"bj-container\">\r\n        <div class=\"bj-grid\">\r\n            <!-- Left Side: Main Content -->\r\n            <div class=\"bj-content\">\r\n                <span class=\"bj-subtitle\">Become a Jeweler<\/span>\r\n                <h2 class=\"bj-title\">Enter the World of Art Through the <span>Big Door<\/span><\/h2>\r\n                <p class=\"bj-text\">\r\n                    The objective of training is to develop specific, useful knowledge, skills, and techniques that prepare you to carry out professional tasks in well-defined job contexts. This isn't abstract theory \u2014 it's the art and science of creating fine jewelry.\r\n                <\/p>\r\n                <p class=\"bj-text\">\r\n                    My teaching method is practical, visual, and direct \u2014 using the same tools and materials that are used in the industry every day. Whether you're starting from zero or looking to refine advanced skills, you'll learn from someone who has lived and breathed this craft for over four decades.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Right Side: Bold Feature \/ Stat Stack -->\r\n            <div class=\"bj-stats-stack\">\r\n                <div class=\"bj-stat-card\">\r\n                    <h3 class=\"bj-stat-title\">20+ Years Teaching<\/h3>\r\n                    <p class=\"bj-stat-desc\">Decades of mentoring aspiring artisans with proven, real-world mastery and dedication.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bj-stat-card\">\r\n                    <h3 class=\"bj-stat-title\">Many Accolades<\/h3>\r\n                    <p class=\"bj-stat-desc\">Recognized excellence and leadership within the fine jewelry and crafting community.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bj-stat-card\">\r\n                    <h3 class=\"bj-stat-title\">Hands-On Training<\/h3>\r\n                    <p class=\"bj-stat-desc\">Direct experience using professional industry tools and materials from day one.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd3a4c elementor-widget elementor-widget-html\" data-id=\"7fd3a4c\" 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    .courses-section-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .courses-section-scope {\r\n        --bg-color: #060606;\r\n        --card-bg: #121212;\r\n        --card-bg-hover: #181818;\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #ffffff;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-hover: #dfbc77;\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: 130px 20px;\r\n    }\r\n\r\n    \/* Container *\/\r\n    .courses-section-scope .courses-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Section Header *\/\r\n    .courses-section-scope .courses-header {\r\n        text-align: center;\r\n        max-width: 750px;\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    .courses-section-scope .courses-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    .courses-section-scope .courses-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: 20px;\r\n    }\r\n\r\n    .courses-section-scope .courses-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .courses-section-scope .courses-intro {\r\n        font-size: 1.05rem;\r\n        color: var(--text-main);\r\n        font-weight: 300;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* Grid Layout for Courses *\/\r\n    .courses-section-scope .courses-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* Bold Course Card Design *\/\r\n    .courses-section-scope .course-card {\r\n        background-color: var(--card-bg);\r\n        border: 2px solid var(--border-color);\r\n        padding: 50px 40px;\r\n        position: relative;\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        transition: border-color 0.4s ease, transform 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;\r\n    }\r\n\r\n    .courses-section-scope .course-card:nth-child(1) { animation-delay: 0.1s; }\r\n    .courses-section-scope .course-card:nth-child(2) { animation-delay: 0.2s; }\r\n    .courses-section-scope .course-card:nth-child(3) { animation-delay: 0.3s; }\r\n    .courses-section-scope .course-card:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n    .courses-section-scope .course-card:hover {\r\n        background-color: var(--card-bg-hover);\r\n        border-color: var(--accent-gold);\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), inset 0 0 30px rgba(197, 160, 89, 0.03);\r\n    }\r\n\r\n    \/* Course Number Badge \/ Accent Tag *\/\r\n    .course-number {\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.3em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 20px;\r\n        display: block;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .courses-section-scope .course-card-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2.1rem;\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        margin-bottom: 18px;\r\n        line-height: 1.25;\r\n    }\r\n\r\n    .courses-section-scope .course-card-desc {\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    }\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: 900px) {\r\n        .courses-section-scope .courses-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .courses-section-scope {\r\n            padding: 80px 15px;\r\n        }\r\n\r\n        .courses-section-scope .course-card {\r\n            padding: 40px 25px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Bold Animated Courses Section -->\r\n<div class=\"courses-section-scope\">\r\n    <div class=\"courses-container\">\r\n        <!-- Section Header -->\r\n        <div class=\"courses-header\">\r\n            <span class=\"courses-subtitle\">Courses<\/span>\r\n            <h2 class=\"courses-title\">What You'll <span>Learn<\/span><\/h2>\r\n            <p class=\"courses-intro\">Comprehensive programs designed to transform beginners into skilled jewelers and elevate experienced artisans.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Courses Grid -->\r\n        <div class=\"courses-grid\">\r\n            <!-- Course 1 -->\r\n            <div class=\"course-card\">\r\n                <span class=\"course-number\">Module 01<\/span>\r\n                <h3 class=\"course-card-title\">Jewelry Making Fundamentals<\/h3>\r\n                <p class=\"course-card-desc\">Master the core techniques of metalsmithing: sawing, filing, soldering, forming, and finishing. A hands-on, visual approach using professional-grade tools and materials.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Course 2 -->\r\n            <div class=\"course-card\">\r\n                <span class=\"course-number\">Module 02<\/span>\r\n                <h3 class=\"course-card-title\">CAD Design for Jewelers<\/h3>\r\n                <p class=\"course-card-desc\">Learn professional computer-aided design for jewelry. From basic modeling to complex organic forms, create photorealistic renderings ready for 3D printing and casting.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Course 3 -->\r\n            <div class=\"course-card\">\r\n                <span class=\"course-number\">Module 03<\/span>\r\n                <h3 class=\"course-card-title\">Advanced Metalsmithing<\/h3>\r\n                <p class=\"course-card-desc\">Advanced techniques in fabrication, stone setting, casting, and alloy preparation. Build the skills needed to work independently in the industry.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Course 4 -->\r\n            <div class=\"course-card\">\r\n                <span class=\"course-number\">Module 04<\/span>\r\n                <h3 class=\"course-card-title\">Gemology Essentials<\/h3>\r\n                <p class=\"course-card-desc\">Understand the 4Cs, identification techniques, and the differences between natural, lab-grown, and synthetic gemstones. Knowledge every jeweler needs.<\/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\t\t<div class=\"elementor-element elementor-element-7bc651a elementor-widget elementor-widget-html\" data-id=\"7bc651a\" 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    .method-section-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .method-section-scope {\r\n        --bg-color: #0c0c0c;\r\n        --card-bg: #141414;\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #ffffff;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-hover: #dfbc77;\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: 130px 20px;\r\n    }\r\n\r\n    \/* Container *\/\r\n    .method-section-scope .method-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Section Header *\/\r\n    .method-section-scope .method-header {\r\n        text-align: center;\r\n        max-width: 750px;\r\n        margin: 0 auto 90px 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    .method-section-scope .method-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    .method-section-scope .method-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: 20px;\r\n    }\r\n\r\n    .method-section-scope .method-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .method-section-scope .method-intro {\r\n        font-size: 1.05rem;\r\n        color: var(--text-main);\r\n        font-weight: 300;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* 3-Column Layout *\/\r\n    .method-section-scope .method-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* Bold Method Card *\/\r\n    .method-section-scope .method-card {\r\n        background-color: var(--card-bg);\r\n        border: 1px solid var(--border-color);\r\n        padding: 50px 35px;\r\n        position: relative;\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        transition: border-color 0.4s ease, transform 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;\r\n    }\r\n\r\n    .method-section-scope .method-card:nth-child(1) { animation-delay: 0.1s; }\r\n    .method-section-scope .method-card:nth-child(2) { animation-delay: 0.2s; }\r\n    .method-section-scope .method-card:nth-child(3) { animation-delay: 0.3s; }\r\n\r\n    .method-section-scope .method-card:hover {\r\n        background-color: #1a1a1a;\r\n        border-color: var(--accent-gold);\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);\r\n    }\r\n\r\n    \/* Number Watermark \/ Accent Tag *\/\r\n    .method-section-scope .method-number {\r\n        font-family: var(--font-serif);\r\n        font-size: 3.5rem;\r\n        font-weight: 300;\r\n        color: var(--accent-gold);\r\n        line-height: 1;\r\n        margin-bottom: 25px;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .method-section-scope .method-card-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2rem;\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        margin-bottom: 15px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .method-section-scope .method-card-desc {\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    }\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: 900px) {\r\n        .method-section-scope .method-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .method-section-scope {\r\n            padding: 80px 15px;\r\n        }\r\n\r\n        .method-section-scope .method-card {\r\n            padding: 40px 25px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Bold The Method Section -->\r\n<div class=\"method-section-scope\">\r\n    <div class=\"method-container\">\r\n        <!-- Section Header -->\r\n        <div class=\"method-header\">\r\n            <span class=\"method-subtitle\">The Method<\/span>\r\n            <h2 class=\"method-title\">Learn by <span>Doing<\/span><\/h2>\r\n            <p class=\"method-intro\">A proven teaching philosophy built on decades of professional experience.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 3-Column Grid -->\r\n        <div class=\"method-grid\">\r\n            <!-- Card 1 -->\r\n            <div class=\"method-card\">\r\n                <div class=\"method-number\">01<\/div>\r\n                <h3 class=\"method-card-title\">Practical<\/h3>\r\n                <p class=\"method-card-desc\">Hands-on from day one. You work with real tools, real metals, and real gemstones \u2014 learning by doing.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 2 -->\r\n            <div class=\"method-card\">\r\n                <div class=\"method-number\">02<\/div>\r\n                <h3 class=\"method-card-title\">Visual<\/h3>\r\n                <p class=\"method-card-desc\">Every technique is demonstrated step by step. See the process, understand the logic, then execute.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 3 -->\r\n            <div class=\"method-card\">\r\n                <div class=\"method-number\">03<\/div>\r\n                <h3 class=\"method-card-title\">Direct<\/h3>\r\n                <p class=\"method-card-desc\">No filler, no theory without application. Every lesson is designed to build immediately usable skills.<\/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\t\t<div class=\"elementor-element elementor-element-48d9071 elementor-widget elementor-widget-html\" data-id=\"48d9071\" 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    .cta-journey-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .cta-journey-scope {\r\n        --bg-color: #060606;\r\n        --text-main: #cccccc;\r\n        --heading-color: #ffffff;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-hover: #dfbc77;\r\n        --border-gold: rgba(197, 160, 89, 0.25);\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: 120px 20px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Full Section Background Image with Clear Visibility & Dark Overlay *\/\r\n    .cta-journey-scope::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: linear-gradient(rgba(6, 6, 6, 0.7), rgba(6, 6, 6, 0.85)), 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    \/* Container *\/\r\n    .cta-journey-scope .cta-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Split Grid Layout *\/\r\n    .cta-journey-scope .cta-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.1fr;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        border: 1px solid var(--border-gold);\r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);\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    \/* Left Side: Background Image Box (with independent optional inner image) *\/\r\n    .cta-journey-scope .cta-image-side {\r\n        position: relative;\r\n        min-height: 500px;\r\n        background-image: url('https:\/\/ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_86e3b0b2899648bc9594f8684caa3cd1mv2.webp');\r\n        background-size: cover;\r\n        background-position: center;\r\n    }\r\n\r\n    .cta-journey-scope .cta-image-side::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to right, rgba(6, 6, 6, 0.2), rgba(6, 6, 6, 0.85));\r\n    }\r\n\r\n    \/* Right Side: Bold Content Area *\/\r\n    .cta-journey-scope .cta-content-side {\r\n        background-color: rgba(15, 15, 15, 0.9);\r\n        backdrop-filter: blur(5px);\r\n        padding: 80px 60px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* Subtitle Tag *\/\r\n    .cta-journey-scope .cta-tag {\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.35em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 20px;\r\n        font-weight: 600;\r\n        display: block;\r\n    }\r\n\r\n    \/* Main Big Bold Title *\/\r\n    .cta-journey-scope .cta-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(3rem, 5vw, 4.5rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.1;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .cta-journey-scope .cta-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    \/* Description *\/\r\n    .cta-journey-scope .cta-desc {\r\n        font-size: 1rem;\r\n        color: var(--text-main);\r\n        line-height: 1.85;\r\n        font-weight: 300;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* Action Button *\/\r\n    .cta-journey-scope .cta-button {\r\n        display: inline-block;\r\n        align-self: flex-start;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.85rem;\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: 20px 45px;\r\n        border-radius: 2px;\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.25);\r\n    }\r\n\r\n    .cta-journey-scope .cta-button: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    \/* Keyframe Animations *\/\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(30px);\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: 900px) {\r\n        .cta-journey-scope .cta-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cta-journey-scope .cta-image-side {\r\n            min-height: 300px;\r\n        }\r\n\r\n        .cta-journey-scope .cta-content-side {\r\n            padding: 60px 30px;\r\n        }\r\n\r\n        .cta-journey-scope {\r\n            padding: 80px 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Split Layout Background Image Call to Action -->\r\n<div class=\"cta-journey-scope\">\r\n    <div class=\"cta-container\">\r\n        <div class=\"cta-grid\">\r\n            <!-- Left Side: Background Image Frame -->\r\n            <div class=\"cta-image-side\"><\/div>\r\n\r\n            <!-- Right Side: Bold Typography & Button -->\r\n            <div class=\"cta-content-side\">\r\n                <span class=\"cta-tag\">Ready to Begin?<\/span>\r\n\r\n                <h2 class=\"cta-title\">Your Journey <span>Starts Here<\/span><\/h2>\r\n\r\n                <p class=\"cta-desc\">\r\n                    Contact us for course information, scheduling, and enrollment. Learn a great trade from a master who has dedicated his life to it.\r\n                <\/p>\r\n\r\n                <a href=\"https:\/\/ocjdesigns.com\/index.php\/contact-v-4\/\" class=\"cta-button\">Inquire About Courses<\/a>\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        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Become a Jeweler Enter the World of Art Through the Big Door The objective of training is to develop specific, useful knowledge, skills, and techniques that prepare you to carry out professional tasks in well-defined job contexts. This isn&#8217;t abstract theory \u2014 it&#8217;s the art and science of creating fine jewelry. My teaching method is [&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-5863","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/5863","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=5863"}],"version-history":[{"count":10,"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/5863\/revisions"}],"predecessor-version":[{"id":5990,"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/5863\/revisions\/5990"}],"wp:attachment":[{"href":"https:\/\/ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/media?parent=5863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}